.ft-leftright-boxbanner{width:100%;height:auto;min-height:600px;padding:5rem 0;container-type:inline-size;container-name:banner;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden}.ft-leftright-boxbanner .ft-leftright-boxbanner-wrapper{display:flex;justify-content:space-between;align-items:flex-end;background-color:var(--color-secondary);border-radius:2rem;position:relative;flex-wrap:wrap;overflow:hidden;width:100%;height:90%;margin:auto}.ft-leftright-boxbanner .ft-leftright-boxbanner-wrapper:before{content:"";background:url(bannerlayer.png) no-repeat center center;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;z-index:0}.ft-leftright-boxbanner .left-ctnt{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;position:relative;z-index:1;text-align:center;height:auto}.ft-leftright-boxbanner .left-ctnt .top-text{margin-bottom:1.5rem}.ft-leftright-boxbanner .left-ctnt .top-text h4{line-height:1.2;color:var(--color-bg);font-weight:450;margin:0}.ft-leftright-boxbanner .left-ctnt .offer-wrap{margin-bottom:1.5rem;position:relative;width:100%;max-width:500px}.ft-leftright-boxbanner .left-ctnt .offer-wrap img{object-fit:contain;width:100%;height:auto}.ft-leftright-boxbanner .left-ctnt .offer-wrap .offer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-bg);font-size:clamp(40px,5vw,100px);line-height:1.1;font-weight:500;width:100%;text-align:center}.ft-leftright-boxbanner .left-ctnt .content-wrap{margin-bottom:1.5rem}.ft-leftright-boxbanner .left-ctnt .content-wrap p{color:var(--color-bg);font-size:clamp(18px,2vw,36px);line-height:1.3;margin:0}.ft-leftright-boxbanner .right-ctnt{width:100%;display:flex;justify-content:center;align-items:flex-end;z-index:1}.ft-leftright-boxbanner .right-ctnt img{width:100%;height:auto;object-fit:contain;border-radius:0 0 2rem 2rem}@container banner (min-width: 680px){.ft-leftright-boxbanner{height:100vh;padding:8.4rem 0}.ft-leftright-boxbanner .ft-leftright-boxbanner-wrapper{flex-wrap:nowrap}.ft-leftright-boxbanner .left-ctnt{width:54%;padding:3rem 3.5rem;align-items:flex-start;text-align:left}.ft-leftright-boxbanner .right-ctnt{width:35%;padding-top:2rem}}@container banner (min-width: 991px){.ft-leftright-boxbanner .left-ctnt{padding:3.5rem 0 3.5rem 5rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-ft-leftright-boxbanner.css.map */