.banner{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:100px}@media(max-width:990px){.banner{gap:50px}}.banner-text{flex:1 1 auto;text-align:left;max-width:var(--max-width)}.image-wrapper{display:flex}.banner-text p:first-of-type{margin-bottom:0!important}.banner-subheader{font-size:20px;font-weight:400;line-height:28px;letter-spacing:.02em;margin-bottom:10px;text-underline-position:from-font;text-decoration-skip-ink:none}.banner-header{margin-bottom:10px;font-size:40px;font-weight:400;line-height:56px;letter-spacing:.01em;text-align:left;text-transform:none;text-underline-position:from-font;text-decoration-skip-ink:none}.banner-text p{margin-bottom:20px;font-size:16px;font-weight:400;line-height:26px;letter-spacing:.02em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.banner-text p:last-of-type{margin-bottom:35px!important}.banner-button{display:inline-block;padding:10px 20px;text-decoration:none;border-radius:25px;transition:background-color .3s ease;font-size:18px;font-weight:400;line-height:16px;letter-spacing:.02em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.banner-images{flex:1 1 auto;display:flex;gap:15px;justify-content:center}.banner-image{object-fit:cover;border-radius:10px}@media(max-width:840px){.banner-text{text-align:center;max-width:100%}.banner-image{height:30vh;min-height:240px;max-height:340px}.banner{flex-direction:column-reverse;text-align:center;gap:20px}.banner-text{text-align:center}.banner-header{font-size:24px;font-weight:400;line-height:33.6px;letter-spacing:.01em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.banner-text p{margin-bottom:20px;font-size:16px;font-weight:400;line-height:26px;letter-spacing:.02em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.banner-button{width:100%!important;font-size:18px;font-weight:400;line-height:16px;letter-spacing:.02em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.banner-images{flex-direction:row;max-width:100%}.image-wrapper{width:50%}.image-wrapper img{min-width:100%}.hp-rings-hero-banner__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/148/assets/rings-hero-banner.css.map */