.hero-card-component{position:relative}.hero-card-component .hero-background-image,.hero-card-component video,.hero-card-component iframe{width:100%;height:auto;object-fit:cover}.hero_card{padding:36px;position:absolute;min-width:215px}.hero_card.hero_card-background{border-radius:50px}.video-container-desktop,.hero-background-image.desktop{display:none}.hero-background-image.mobile{display:block}.hero_card_mobile--top-left{left:18px;top:18px}.hero_card_mobile--top-center{top:18px;left:50%;transform:translate(-50%)}.hero_card_mobile--top-right{top:18px;right:18px}.hero_card_mobile--middle-left{left:18px;top:50%;transform:translateY(-50%)}.hero_card_mobile--middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.hero_card_mobile--middle-right{top:50%;transform:translateY(-50%);right:18px}.hero_card_mobile--bottom-left{left:18px;bottom:18px}.hero_card_mobile--bottom-center{bottom:18px;left:50%;transform:translate(-50%)}.hero_card_mobile--bottom-right{right:18px;bottom:18px}.hero-content.desktop-only,.hero-content-bottom{display:none}.hero-content-bottom.mobile-only{display:block}.hero-card-component .hero-content .heading p,.hero-card-component .hero-content .heading h1,.hero-card-component .hero-content .heading h2,.hero-card-component .hero-content .heading h3,.hero-card-component .hero-content .heading h4,.hero-card-component .hero-content .heading h5,.hero-card-component .hero-content .heading h6{margin:0;font-family:Inter,serif}.hero-card-component .hero-content .heading{font-size:50px;line-height:50px;font-weight:500;padding-right:50px}.hero-card-component .hero-content .button{display:inline-block;margin-right:10px}.hero-card-component .hero-content .button .button-icon{filter:invert(1)}.hero-card-component .hero-content .button .cta{display:block;padding:16px 40px;text-decoration:none;border-radius:100px}.hero-card-component .hero-content .button .cta span{font-family:Inter,serif;font-size:16px;line-height:24px}.hero-card-component .hero-content .button .cta-gig-primary{background-color:#23d7d6;border:1px solid #23D7D6;transition:background-color .4s ease-in,border-color .4s ease-in}.hero-card-component .hero-content .button .cta-gig-primary:hover{background-color:transparent;border:1px solid #6A6A6A}.hero-card-component .hero-content .button .cta-gig-secondary{background-color:transparent;border:1px solid #6A6A6A;transition:background-color .4s ease-in,border-color .4s ease-in}.hero-card-component .hero-content .button .cta-gig-secondary:hover{background-color:#23d7d6;border:1px solid #23D7D6}.hero-card-component .image-wrapper{position:relative}.hero-card-component .image-wrapper .bg-overlay{position:absolute;top:0;width:100%;height:100%}@media screen and (min-width: 992px){.video-container-desktop,.hero-background-image.desktop{display:block}.hero-background-image.mobile,.video-container-mobile{display:none}.hero_card--top-left{left:72px;top:72px}.hero_card--top-center{top:72px;left:50%;transform:translate(-50%)}.hero_card_mobile--top-left{left:unset;top:unset}.hero_card_mobile--top-center{top:unset;left:unset;transform:unset}.hero_card_mobile--top-right{top:unset;right:unset}.hero_card_mobile--middle-left{left:unset;top:unset;transform:unset}.hero_card_mobile--middle-center{top:unset;left:unset;transform:unset}.hero_card_mobile--middle-right{top:unset;transform:unset;right:unset}.hero_card_mobile--bottom-left{left:unset;bottom:unset}.hero_card_mobile--bottom-center{bottom:unset;left:unset;transform:unset}.hero_card_mobile--bottom-right{right:unset;bottom:unset}.hero_card{padding:72px}.hero_card--top-right{top:72px;right:72px}.hero_card--middle-left{left:72px;top:50%;transform:translateY(-50%)}.hero_card--middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.hero_card--middle-right{top:50%;transform:translateY(-50%);right:72px}.hero_card--bottom-left{left:72px;bottom:72px}.hero_card--bottom-center{bottom:72px;left:50%;transform:translate(-50%)}.hero_card--bottom-right{right:72px;bottom:72px}.hero-content-bottom,.hero-content.mobile-only{display:none}.hero-content.desktop-only{display:initial}.hero-card-component .hero-content .heading{font-size:86px;line-height:95px;font-weight:500}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/hero-card-component.css.map */
