.hero-banner-row{padding:16px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:center}.hero-banner-img{width:320px;position:relative;box-shadow:0 0 #0000,0 0 #0000,0 25px 50px -12px #00000040;border-radius:12px;overflow:hidden}.hero-banner-img:before{content:"";padding-top:100%;display:block}.hero-banner-img img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.hero-banner-badge-list{display:flex;align-items:center;gap:8px;margin-bottom:16px}.hero-banner-badge-list span{display:flex;align-items:center;gap:4px;padding:4px 12px;font-size:14px;line-height:1.45;border-radius:50px;color:#fff;text-transform:capitalize}.hero-banner-badge-certified{background:#10b279}.hero-banner-badge-time{background:#fff3}.hero-banner-info h1{font-size:48px;line-height:1.15;color:#fde047;font-weight:700;margin:0 0 24px}.hero-banner-info h1 strong{display:block;color:#fff;font-weight:700}.hero-banner-info p{font-size:20px;letter-spacing:0;margin:0;color:#dbeafe;line-height:1.5}.hero-banner-media-in{width:max-content;margin:0 auto;padding:16px 0;position:relative}.hero-banner-media-badge{padding:16px;position:absolute;z-index:1;background:#fff;display:flex;align-items:center;box-shadow:0 0 #0000,0 0 #0000,0 25px 50px -12px #00000040;gap:12px;border-radius:8px;bottom:-8px;left:-24px}.hero-banner-media-badge span{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#10b279;border-radius:50%}.hero-banner-media-badge span svg{width:24px;height:24px;color:#fff}.hero-banner-media-badge p{margin:0;font-size:14px;line-height:1;font-weight:400;color:#5c697a}.hero-banner-media-badge p strong{color:#191d24;display:block;line-height:1.4;font-size:16px;font-weight:600;margin-bottom:4px}@media screen and (max-width:992px){.hero-banner-row{grid-template-columns:repeat(1,1fr);gap:35px}.hero-banner-main .hero-banner-media{transform:translateY(-8px)}.hero-banner-info p{max-width:75rem}}@media screen and (max-width:989px){header.header .header__inline-menu{display:none}}@media screen and (max-width:768px){.hero-banner-info h1,.hero-banner-info h1 strong{font-size:36px}.hero-banner-info p{font-size:18px}}@media screen and (max-width:420px){.hero-banner-media-badge{margin-left:10px}.hero-banner-info h1,.hero-banner-info h1 strong{font-size:28px}.hero-banner-info h1{margin-bottom:18px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hero-banner.css.map */