.hero_banner{margin-bottom:7.2rem}.template-collection .hero_banner{margin-bottom:3.6rem}.hero_banner svg,.hero_banner img{width:100%;height:100%;display:block;object-fit:cover}.hero_banner .sub_wrapper{position:relative}.hero_banner .banner_image{width:100%;border-bottom-left-radius:3.2rem;border-bottom-right-radius:3.2rem;overflow:hidden;position:relative}.hero_banner .tag{width:100%;display:flex;margin-bottom:2rem;overflow:hidden}.hero_banner .tag_wrapper{width:100%;display:flex;overflow-x:auto;padding:0 1rem}.hero_banner .tag_wrapper::-webkit-scrollbar{display:none}.hero_banner .tag_image__wrapper{display:flex;border-radius:6rem;align-items:center;padding:.4rem 2rem .4rem .4rem;margin-inline:.6rem;border:.1rem solid #F4F0EC;box-shadow:none;min-width:fit-content;flex-shrink:0}.hero_banner .tag_image__wrapper.extra-padding{padding:.4rem 2rem}.hero_banner .tag_image{width:3.2rem;height:3.2rem;flex:3.2rem;flex-shrink:0;overflow:hidden;margin-right:1.2rem;border-radius:50%;background-color:#1615131a}.hero_banner .tag_image .image__img{object-fit:contain;padding:.3rem}.hero_banner .tag_image .image{height:100%;width:100%;object-fit:contain}.hero_banner .tag_text{color:#fff;flex-shrink:0;font-size:1.6rem;font-weight:400;line-height:normal;display:block}.hero_banner .content{position:absolute;bottom:0;width:100%;z-index:2}.hero_banner .banner_content{border-radius:3.2rem;width:100%;padding:2.2rem 1.8rem 3rem;border:.1rem solid #d3d1cd;box-shadow:0 .7rem 1.5rem #16151317,0 2.6rem 2.6rem #16151314,0 6rem 3.6rem #1615130d,0 10.6rem 4.2rem #16151303,0 16.5rem 4.6rem #16151300}.hero_banner .banner_title{margin-bottom:1.2rem;line-height:1.12;color:#fff;text-align:center;font-weight:400;text-transform:lowercase;width:100%;overflow:hidden;-webkit-hyphens:auto;hyphens:auto}.hero_banner .banner_text,.hero_banner .banner_text p{color:#fff;text-align:center}.hero_banner .banner_btn{display:flex;align-items:center;background-color:#fff;border-radius:10rem;color:#161513;padding:.8rem .8rem .8rem 4rem;width:fit-content;margin:0}.hero_banner .btn_text{padding-right:2rem;font-size:1.6rem;font-weight:400;line-height:normal;flex:1;text-align:center;white-space:nowrap}.hero_banner .banner_btn__icon{max-width:3.2rem;height:3.2rem;flex:3.2rem;display:flex;align-items:center;justify-content:center}.hero_banner .rigth_icon{max-width:2rem;height:2rem;border-radius:50%;background-color:#595754;display:flex;align-items:center;justify-content:center;padding:.4rem;margin-bottom:.8rem}.hero_banner .banner_bottom{display:flex;justify-content:center;overflow-x:auto}.hero_banner .banner_bottom::-webkit-scrollbar{display:none}.hero_banner .banner_bottom__wrapper{display:flex;flex-direction:column;align-items:center;max-width:18rem;min-width:18rem;flex:18rem;padding:0 1rem;margin-top:2.8rem}.hero_banner .banner_icon__text{display:block;color:#595754;text-align:center;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal}.hero_banner .banner_image.desktop-image{display:none}.hero_banner .arrow_icon rect,.hero_banner .arrow_icon path{stroke:#161513}.hero_banner .p-small{max-width:320px;margin:0 auto}.hero_banner .hero-banner__button--wrap{display:flex;align-items:center;grid-gap:1.4rem;max-width:34rem;margin:2rem auto 0}.hero_banner .copy-code__text{color:#f4f0ec;white-space:nowrap}.hero_banner .copy-code__wrapper{display:flex;align-items:center;grid-gap:.8rem;padding:1.3rem 1.1rem;border-radius:.8rem;border:1px solid #F4F0EC;max-width:fit-content;cursor:pointer}.hero_banner .copy-code__icon{max-width:1.8rem;width:100%;display:block}.hero_banner .copied-content{display:none}.hero_banner .copied .copied-content{display:inline-block}.hero_banner .copied .discount-content{display:none}@media screen and (min-width:45em){.hero_banner .image__img{position:relative}.hero_banner .tag_wrapper{justify-content:center;overflow:visible}.banner_image.mobile{display:none}.hero_banner .banner_image.desktop-image{display:block}.hero_banner .content{max-width:122rem;padding-inline:2rem;margin-bottom:1.4rem}.hero_banner .sub_wrapper{display:flex;justify-content:center;max-height:80rem;overflow:hidden}.hero_banner .banner_title{font-size:3rem;margin-bottom:1rem}.hero_banner .hero-banner__button--wrap{margin-top:0;justify-content:center;flex-direction:column}.hero_banner .banner_bottom__wrapper{flex-direction:row;max-width:fit-content}.hero_banner .banner_icon__text{flex:1;padding-left:1.6rem;font-size:2rem}.hero_banner .rigth_icon{flex:2rem;margin:0;max-width:2.4rem;height:2.4rem}.hero_banner .p-small{max-width:unset}.hero_banner .banner_bottom__wrapper{margin-top:4rem}.hero_banner .banner_bottom{max-width:96.6rem;margin:0 auto;justify-content:space-between;align-items:center}.hero_banner .banner_image{border-bottom-left-radius:10rem;border-bottom-right-radius:10rem}.hero_banner{margin-bottom:12rem}.template-collection .hero_banner{margin-bottom:9.3rem}.hero_banner .banner_image .image__img{min-height:78rem}.hero_banner .banner_image .image__reveal-container{position:static}.hero_banner .banner_image .image{padding:unset!important}.hero_banner .content{margin-bottom:6.1rem}.hero_banner .copy-code__wrapper{padding:1.9rem 2.2rem}}@media screen and (min-width:60em){.hero_banner .banner_content__wrapper{display:flex;align-items:center}.hero_banner .banner_content{padding:4rem 7.2rem 6rem;border-radius:6rem;border-top:1px solid var(--border-linear-2, #F4F0EC);border-right:1px solid var(--border-linear-2, #F4F0EC);border-bottom:none;border-left:1px solid var(--border-linear-2, #F4F0EC);background:#f4f0eb33;box-shadow:0 60px 36px #1615130d,0 26px 26px #16151314,0 7px 15px #16151317}.hero_banner .text_wrapper{flex:1;padding-right:3rem}.hero_banner .banner_btn{margin:0;max-width:26rem}.hero_banner .banner_title{font-size:8rem;margin-bottom:1.2rem}.hero_banner .banner_text{font-size:2rem}.hero_banner .tag{overflow:visible}.hero_banner .tag_image{width:4rem;flex:4rem;height:4rem}.template-index .hero_banner .banner_content .h4,.template-index .hero_banner .banner_content p{text-align:left}.hero_banner .banner_btn__icon{max-width:4rem;height:4rem;flex:4rem}.hero_banner .banner_btn__icon .arrow_icon{height:100%;width:100%}.hero_banner .btn_text{font-size:2rem}.hero_banner .banner_btn{padding:1.2rem 1.2rem 1.2rem 4.8rem}}.pi-scroll-button{display:none}@media screen and (min-width: 60em){.hero_banner .pi-tag-links-wrapper{margin-bottom:.5rem;padding:0;overflow:hidden;display:flex;position:relative;align-items:center;cursor:grab}.pi-tag-links-wrapper .tag_wrapper{height:100%;overflow:auto;white-space:nowrap;justify-content:flex-start;padding:1.5rem 0}.pi-tag-links-wrapper .tag_wrapper a:first-child{padding-left:5px}.pi-tag-links-wrapper .tag_wrapper::-webkit-scrollbar{display:none}.pi-tag-links-wrapper .pi-scroll-button{height:100%;width:30px;display:grid;cursor:pointer;color:#fff}.pi-tag-links-wrapper .pi-prev-button{left:0}.pi-tag-links-wrapper .pi-next-button{right:0}.pi-scroll-button.pi-disabled{opacity:0;display:none}.pi-tag-links-wrapper .flickity-button-icon{width:20px}}.pi-tag-links-wrapper a span::selection,.pi-tag-links-wrapper a img::selection{background:transparent}.pi-tag-links-wrapper .pi-scroll-button{display:none}.template-index .hero_banner{margin-bottom:2rem}.template-index .hero_banner .image{padding-top:180%}.pi-home__trustpilot-widget{margin-bottom:4rem;display:none}.template-index .pi-home__trustpilot-widget{margin-bottom:8rem;display:block}@media screen and (min-width: 45em){.template-index .hero_banner,.pi-home__trustpilot-widget{margin-bottom:4rem}}@media (min-width: 62em){.template-index .hero_banner{margin-bottom:4rem}}@media screen and (max-width: 374px){.hero_banner .banner_btn{padding:.8rem .8rem .8rem 2rem}.hero_banner .copy-code__text,.hero_banner .btn_text{font-size:1.4rem}}.copy-code__wrapper{position:relative}.copy-code__wrapper.copied:after{content:"copied";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.8rem;padding:.8rem 1.2rem;background-color:#000;color:#fff;border-radius:.5rem;font-size:1.2rem;box-shadow:0 .4rem .8rem #0003;opacity:1;transition:opacity .3s ease}.copy-code__wrapper.copied .copy-code__icon{border-radius:.5rem;transition:background-color .3s}.copy-code__wrapper.copied:after{animation:fadeOut 1s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/hero-banner.css.map */