.lp-hero-banner{width:100%;position:relative}.lp-hero-banner__container{position:relative;width:100%}.lp-hero-banner__badge{position:absolute;top:20px;right:20px;z-index:10;background-color:#0ab2a8;border-radius:50%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:180px;min-height:180px;box-shadow:0 4px 12px #00000026;aspect-ratio:1}.lp-hero-banner__stars{display:flex;gap:4px;align-items:center;justify-content:center}.lp-hero-banner__badge-text{color:#fff;font-size:16px;font-weight:500;text-align:center;line-height:1.4;max-width:150px;font-family:Poppins}.lp-hero-banner__content{position:relative;width:100%;min-height:620px;display:flex;align-items:center;justify-content:center}.lp-hero-banner__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.lp-hero-banner__image{width:100%;height:100%;object-fit:cover;display:block}.lp-hero-banner__image--mobile{display:none}.lp-hero-banner__text-content{position:absolute;left:0;bottom:50px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:30px 40px;max-width:600px;background:#616161e6;border-radius:0 150px 150px 0}.lp-hero-banner__heading{color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin:0;text-transform:none;letter-spacing:.02em}.lp-hero-banner__button{display:inline-block;background-color:#0ab2a8;color:#fff;padding:16px 32px;border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;text-transform:uppercase;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 12px #0ab2a84d}.lp-hero-banner__button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ab2a866;opacity:.9}@media screen and (max-width: 749px){.lp-hero-banner__badge{display:none}.lp-hero-banner__badge-text{font-size:11px;max-width:110px}.lp-hero-banner__stars svg{width:18px;height:18px}.lp-hero-banner__content{min-height:500px;flex-direction:column}.lp-hero-banner__image--desktop{display:none}.lp-hero-banner__image--mobile{display:block}.lp-hero-banner__text-content{right:0;left:auto;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:20px 15px 20px 30px;max-width:330px;background:#616161e6;border-radius:150px 0 0 150px;text-align:right}.lp-hero-banner__heading{font-size:28px;line-height:1.3}.lp-hero-banner__button{font-size:14px;padding:12px 24px;width:fit-content;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/177/assets/section-lp-hero-banner.css.map */