.hero{overflow:hidden;position:relative}.hero-banner{overflow:visible;position:relative;transition:all .1s ease-in-out}.hero-banner:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="116" height="72" viewBox="0 0 116 72"><g id="Group_4140" data-name="Group 4140" transform="translate(-1083 -1091)"><circle id="Ellipse_113" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1083 1091)" fill="%23fff"/><circle id="Ellipse_113-2" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1099 1091)" fill="%23fff"/><circle id="Ellipse_113-3" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1115 1091)" fill="%23fff"/><circle id="Ellipse_113-4" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1131 1091)" fill="%23fff"/><circle id="Ellipse_113-5" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1147 1091)" fill="%23fff"/><circle id="Ellipse_113-6" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1163 1091)" fill="%23fff"/><circle id="Ellipse_113-7" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1179 1091)" fill="%23fff"/><circle id="Ellipse_113-8" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1195 1091)" fill="%23fff"/><circle id="Ellipse_113-9" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1083 1108)" fill="%23fff"/><circle id="Ellipse_113-10" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1099 1108)" fill="%23fff"/><circle id="Ellipse_113-11" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1115 1108)" fill="%23fff"/><circle id="Ellipse_113-12" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1131 1108)" fill="%23fff"/><circle id="Ellipse_113-13" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1147 1108)" fill="%23fff"/><circle id="Ellipse_113-14" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1163 1108)" fill="%23fff"/><circle id="Ellipse_113-15" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1179 1108)" fill="%23fff"/><circle id="Ellipse_113-16" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1195 1108)" fill="%23fff"/><circle id="Ellipse_113-17" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1083 1125)" fill="%23fff"/><circle id="Ellipse_113-18" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1099 1125)" fill="%23fff"/><circle id="Ellipse_113-19" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1115 1125)" fill="%23fff"/><circle id="Ellipse_113-20" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1131 1125)" fill="%23fff"/><circle id="Ellipse_113-21" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1147 1125)" fill="%23fff"/><circle id="Ellipse_113-22" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1163 1125)" fill="%23fff"/><circle id="Ellipse_113-23" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1179 1125)" fill="%23fff"/><circle id="Ellipse_113-24" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1195 1125)" fill="%23fff"/><circle id="Ellipse_113-25" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1083 1142)" fill="%23fff"/><circle id="Ellipse_113-26" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1099 1142)" fill="%23fff"/><circle id="Ellipse_113-27" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1115 1142)" fill="%23fff"/><circle id="Ellipse_113-28" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1131 1142)" fill="%23fff"/><circle id="Ellipse_113-29" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1147 1142)" fill="%23fff"/><circle id="Ellipse_113-30" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1163 1142)" fill="%23fff"/><circle id="Ellipse_113-31" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1179 1142)" fill="%23fff"/><circle id="Ellipse_113-32" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1195 1142)" fill="%23fff"/><circle id="Ellipse_113-33" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1083 1159)" fill="%23fff"/><circle id="Ellipse_113-34" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1099 1159)" fill="%23fff"/><circle id="Ellipse_113-35" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1115 1159)" fill="%23fff"/><circle id="Ellipse_113-36" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1131 1159)" fill="%23fff"/><circle id="Ellipse_113-37" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1147 1159)" fill="%23fff"/><circle id="Ellipse_113-38" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1163 1159)" fill="%23fff"/><circle id="Ellipse_113-39" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1179 1159)" fill="%23fff"/><circle id="Ellipse_113-40" data-name="Ellipse 113" cx="2" cy="2" r="2" transform="translate(1195 1159)" fill="%23fff"/></g></svg>');background-size:cover;bottom:-20px;height:72px;left:5%;width:116px;z-index:2}.hero-banner:after,.hero-banner:before{content:"";pointer-events:none;position:absolute}.hero-banner:after{border-radius:10px;filter:opacity(0);height:480px;left:0;top:0;transition:all .1s ease-in-out;width:100%}.hero-banner .flickity-viewport{border-radius:10px}.hero-banner-desktop{aspect-ratio:16/9;border-radius:10px;display:block;height:100%;object-fit:cover;width:100%}.hero-banner-mobile{display:none}.hero-banner .flickity-viewport .hero-banner-link{width:100%}.hero-banner-link:hover:after{border:4px solid var(--accent);transition:all .2s ease-in-out}.hero-banner-link:after{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .2s ease-in-out;width:100%;z-index:45}@media (max-width:767px){.hero-banner{padding:0 1rem}.hero-banner-desktop{display:none}.hero-banner-mobile{display:block}}.hero-banner .flickity-button.next{bottom:0;position:absolute;right:-20px}.hero-banner .flickity-button.previous{bottom:0;left:-20px;position:absolute}.hero-banner .flickity-button{background:#fff;transition:all .1s ease-in-out;z-index:4}@media (max-width:960px){.hero-banner .flickity-button.next{right:10px}.hero-banner .flickity-button.previous{left:10px}}.hero-banner .flickity-button:hover{transform:scale(1.7) translateY(-15px)}.hero-banner .flickity-prev-next-button .flickity-button-icon{height:50%;left:25%;position:absolute;top:25%;width:50%}