.banner--container{display:flex;flex-direction:column}.banner--container .top-feature-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:8px 16px;background:#ede9e2}.banner--container .top-feature-list .feature{display:flex;align-items:center;gap:9px;min-width:fit-content;width:fit-content}.banner--container .top-feature-list .feature .icon,.banner--container .top-feature-list .feature .icon svg{width:15px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center}.banner--container .top-feature-list .feature .text{color:#212121;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:18px}.banner--container .main-wrapper{width:100%;display:flex;flex-direction:column;gap:24px;max-width:var(--page-width);padding-bottom:48px;margin-left:auto;margin-right:auto}.banner--container .image-wrapper{display:flex;width:100%;position:relative;height:var(--mobile-height);overflow:hidden}.banner--container .image-wrapper img{width:100%;height:100%;object-fit:cover}.banner--container .image-wrapper .before-label,.banner--container .image-wrapper .after-label{position:absolute;top:4px;padding:4px 8px;border-radius:4px;background:#fff;width:fit-content;color:#16283b;font-family:Articulat CF,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:14px}.banner--container .image-wrapper .before-label{left:4px}.banner--container .image-wrapper .after-label{left:calc(50% + 4px)}.banner--container .text-wrapper{display:flex;flex-direction:column;padding-left:var(--page-padding-left);padding-right:var(--page-padding-right)}.banner--container .review-wrapper{display:flex;padding:4px 12px;align-items:center;gap:8px;border-radius:24px;background:#f4f0ea;width:fit-content;margin-bottom:12px}.banner--container .review-wrapper .icon-list{display:flex;align-items:center;gap:2px}.banner--container .review-wrapper .icon-list svg{color:#ffb800;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.banner--container .review-wrapper .text{color:#212121;font-family:Articulat CF,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.banner--container .heading{margin-bottom:12px}.banner--container .heading *{color:#212121;font-family:Articulat CF,sans-serif;font-size:28px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:-1px;margin:0}.banner--container .description{margin-bottom:12px}.banner--container .description *{color:#212121;font-family:Articulat CF,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.banner--container .feature-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.banner--container .feature-list .feature{display:flex;gap:8px;align-items:center}.banner--container .feature-list .feature .icon,.banner--container .feature-list .feature .icon svg{min-width:16px;width:16px;height:16px;display:flex;justify-content:center;align-items:center}.banner--container .feature-list .feature .text{color:#163c44;font-family:Articulat CF,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:21px}.banner--container .button{margin-top:8px;width:100%;height:48px;display:flex;padding:12px;justify-content:center;align-items:center;border-radius:4px;background:#0a3c44;opacity:1;color:#fff;font-family:Articulat CF,sans-serif;font-size:15px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:2px;transition:.3s}.banner--container .button:hover{opacity:.8}.banner--container .footer-wrapper{display:flex;align-items:start;gap:8px;margin-top:12px;border-radius:2px;background:#fff;padding:8px}.banner--container .footer-wrapper .icon,.banner--container .footer-wrapper .icon svg{min-width:16px;width:16px}.banner--container .footer-wrapper .text *{color:#212121;font-family:Articulat CF,sans-serif;font-size:14px;font-style:normal;line-height:20px}@media screen and (min-width: 1000px){.banner--container .top-feature-list{gap:200px}.banner--container .top-feature-list .feature .icon,.banner--container .top-feature-list .feature .icon svg{min-width:17px;width:17px;height:17px}.banner--container .top-feature-list .feature .text{font-size:14px}.banner--container .main-wrapper{flex-direction:row-reverse;justify-content:space-between;align-items:center;padding-left:var(--page-padding-left);padding-right:var(--page-padding-right);padding-block:80px}.banner--container .image-wrapper{height:100%;border-radius:2px;width:50%;max-width:580px}.banner--container .image-wrapper .before-label,.banner--container .image-wrapper .after-label{top:8px;font-size:16px}.banner--container .image-wrapper .before-label{left:8px}.banner--container .image-wrapper .after-label{left:calc(50% + 8px)}.banner--container .text-wrapper{width:calc(50% - 20px);max-width:480px;padding-inline:0}.banner--container .heading *{font-size:30px}.banner--container .description *{font-size:18px}.banner--container .feature-list .feature .text,.banner--container .footer-wrapper .text *{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/section-banner.css.map */
