.newsletter{background-color:var(--background-color);background-position:center;background-size:cover;background-repeat:no-repeat}.newsletter .newsletter-main .newsletter-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:-30px;margin-inline-start:-30px}.newsletter .newsletter-main .newsletter-area .section-capture,.newsletter .newsletter-main .newsletter-area .news-payment{width:calc(25% - 30px);margin-top:30px;margin-inline-start:30px}.newsletter .newsletter-main .newsletter-area .newsletter-wrap{width:calc(50% - 30px);margin-top:30px;margin-inline-start:30px}.newsletter .newsletter-main .newsletter-area .section-capture{margin-bottom:0;text-align:start}.newsletter .newsletter-main .newsletter-area .section-capture .section-title{display:block}.newsletter .newsletter-main .newsletter-area .section-capture .section-title h2{font-size:24px}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content .rich-text p{color:var(--footer-menu-text-color);font-size:var(--footer-menu-text-font-size);font-weight:var(--footer-menu-text-font-weight);text-transform:var(--footer-menu-text-transform)}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content{max-width:83.33%}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content .news-wrap{display:flex;align-items:center;position:relative;border-radius:var(--sti-border-radius);overflow:hidden}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content .news-wrap input{background-color:transparent;width:100%;height:54px}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content .news-wrap button{background-color:var(--font-color-primary);color:#fff;font-size:var(--font-size-body);font-weight:var(--subtitle-custom-font-weight-body);padding:10px 30px;position:absolute;height:100%;width:150px;inset-inline-end:0px;text-transform:uppercase}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content .news-wrap button:hover{background-color:var(--font-color-link)}.newsletter .newsletter-main .newsletter-area .news-payment h2{font-size:24px}.newsletter .newsletter-main .newsletter-area .news-payment .payment-icon{margin-top:23px}@media (max-width: 1499px){.newsletter .newsletter-main .newsletter-area .news-payment .payment-icon{margin-top:18px}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content{max-width:91.67%}}@media (max-width: 1199px){.newsletter .newsletter-main .newsletter-area .news-payment h2,.newsletter .newsletter-main .newsletter-area .section-capture .section-title h2{font-size:20px}.newsletter .newsletter-main .newsletter-area .section-capture,.newsletter .newsletter-main .newsletter-area .news-payment{width:calc(50% - 30px)}.newsletter .newsletter-main .newsletter-area .newsletter-wrap{width:calc(100% - 30px);order:1}.newsletter .newsletter-main .newsletter-area .news-payment{display:flex;justify-content:flex-end}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content{max-width:100%}}@media (max-width: 767px){.newsletter .newsletter-main .newsletter-area{margin-top:-15px;margin-inline-start:-12px}.newsletter .newsletter-main .newsletter-area .section-capture,.newsletter .newsletter-main .newsletter-area .news-payment{width:calc(50% - 12px);margin-top:15px;margin-inline-start:12px}.newsletter .newsletter-main .newsletter-area .newsletter-wrap{width:calc(100% - 12px);margin-top:15px;margin-inline-start:12px}}@media (max-width: 479px){.newsletter .newsletter-main .newsletter-area .section-capture,.newsletter .newsletter-main .newsletter-area .news-payment{width:calc(100% - 12px)}.newsletter .newsletter-main .newsletter-area .news-payment{justify-content:flex-start;order:1}.newsletter .newsletter-main .newsletter-area .news-payment h2,.newsletter .newsletter-main .newsletter-area .section-capture .section-title h2{font-size:18px}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content .news-wrap{display:block;text-align:start}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content .news-wrap input{height:50px}.newsletter .newsletter-main .newsletter-area .newsletter-wrap .news-content .news-wrap button{padding:15px 30px;margin-top:15px;position:unset}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/newsletter.css.map */
