.grid-banner .grid-banner-section.two-column{display:grid;grid-template-columns:repeat(2,1fr)}.grid-banner .grid-banner-section.three-column{display:grid;grid-template-columns:repeat(3,1fr)}.grid-banner .grid-banner-section.four-column{display:grid;grid-template-columns:repeat(4,1fr)}.grid-banner .grid-banner-section.five-column{display:grid;grid-template-columns:repeat(5,1fr)}.grid-banner .grid-banner-section.six-column{display:grid;grid-template-columns:repeat(6,1fr)}.grid-banner .grid-banner-section{column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}@media screen and (max-width: 1199px) and (min-width: 751px){.grid-banner .grid-banner-section.four-column{display:grid;grid-template-columns:repeat(2,1fr)}.grid-banner .grid-banner-section.five-column,.grid-banner .grid-banner-section.six-column{display:grid;grid-template-columns:repeat(3,1fr)}.grid-banner .grid-banner-section{column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}}@media screen and (max-width: 750px){.grid-banner .grid-banner-section.two-column,.grid-banner .grid-banner-section.three-column,.grid-banner .grid-banner-section.four-column,.grid-banner .grid-banner-section.five-column,.grid-banner .grid-banner-section.six-column{display:grid;grid-template-columns:repeat(1,1fr)}.grid-banner .grid-banner-section{column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}}.grid-banner .title-wrapper-with-link.content-align--left{align-items:flex-start}.grid-banner .title-wrapper-with-link.content-align--center{align-items:center}.grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image{width:100%;height:100%;object-fit:cover}.grid-banner-inner.banner--content-align-center{align-items:center!important;text-align:center}.grid-banner-inner.banner--content-align-right{align-items:flex-end!important;text-align:right}.grid-banner-inner.banner--content-align-left{align-items:flex-start!important;text-align:left}.grid-banner .grid-banner-section:not(.background-none) .grid-banner-wrapper{background:rgb(var(--color-background));height:100%}.grid-banner-block-image{display:flex;width:100%}.grid-banner-block-image img{width:100%}.grid-banner-inner h4.main-title{margin:0}.grid-banner-section .dt-sc-grid-banner-section.background-primary .grid-banner-wrapper{background:rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.04))}.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a{color:var(--color-foreground)}.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:20px}.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner>*:not(:last-child){margin-bottom:10px}.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner>*{margin-top:0;margin-bottom:0}.grid-banner-section.overlay .grid-banner-wrapper{height:500px;position:relative}.team-section-slider.overlay .swiper-slide{position:relative}.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-block-image,.team-section-slider.overlay .swiper-slide .grid-banner-block-image{width:100%;height:100%}.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content,.team-section-slider.overlay .swiper-slide .grid-banner-content{position:absolute;top:0;bottom:0;margin:auto;left:0;right:0;background:rgba(var(--color-background),.4)}.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .grid-banner-inner,.team-section-slider.overlay .swiper-slide .grid-banner-content .grid-banner-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.team-section-slider.list .swiper-slide,.grid-banner-section.list .grid-banner-wrapper{display:flex;height:auto;justify-content:space-between}.team-section-slider.list .swiper-slide .grid-banner-block-image,.grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{width:50%}.team-section-slider.list .swiper-slide .grid-banner-content,.grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:50%;display:flex;align-items:center;justify-content:center}.grid-banner-section .grid-banner-wrapper .sub-main-heading{position:absolute;z-index:1}.grid-banner-section .grid-banner-wrapper{position:relative;overflow:hidden}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{width:calc(47% - var(--grid-desktop-vertical-spacing));z-index:1}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:calc(53% - var(--grid-desktop-vertical-spacing));z-index:1}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner h4.main-title{font-size:60px;font-weight:600;margin-bottom:40px}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner .description{margin-bottom:50px}.custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:0}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner .sub-title{position:absolute;top:100px;right:0;writing-mode:vertical-lr;margin:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);font-weight:500;font-size:14px;letter-spacing:2.6px}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{left:91%;bottom:0;width:100%;font-size:180px;font-weight:600;transform:translate(-50%);-webkit-transform:translateX(-50%);color:var(--gradient-base-background-2);margin:0;z-index:0}@media screen and (max-width: 1540px){.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner .sub-title{top:0}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{bottom:-45px;font-size:144px}}@media screen and (max-width: 1199px){.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{width:calc(47% - var(--grid-desktop-vertical-spacing)/2)}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:calc(53% - var(--grid-desktop-vertical-spacing)/2)}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{bottom:-5px;font-size:108px}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner h4.main-title{margin-bottom:20px}}@media screen and (max-width: 990px){.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper{flex-direction:column}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image,.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:100%}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{margin-top:50px}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner .sub-title{top:15px;right:15px}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{font-size:calc(180px * .7);left:50%}}@media screen and (max-width: 576px){.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner h4.main-title{font-size:calc(var(--font-heading-scale) * 3.6rem)}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{font-size:90px}}@media screen and (max-width: 450px){.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{font-size:54px;bottom:35px}}.grid-banner.demo3-grid .grid-banner-section.two-column{column-gap:140px}.grid-banner.demo3-grid .grid-banner-content{height:750px;display:flex;justify-content:center;align-items:center}.demo3-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{width:517px}.demo3-grid .grid-banner-inner h4.main-title{font-weight:600;margin-bottom:20px;margin-top:0;line-height:36px}.demo3-grid .grid-banner-inner p.description{color:var(--gradient-base-accent-2);line-height:26px;margin-bottom:40px;letter-spacing:0}.demo3-grid .grid-banner-inner a.banner-button.button{background:none;color:var(--color-icon);padding:0;display:inline}.demo3-grid .grid-banner_block-image{display:flex;margin-bottom:30px}.demo3-grid .grid-banner-inner a.banner-button.button:before{width:0%;left:0;bottom:0;transition:width ease .4s}.demo3-grid .grid-banner-inner a.banner-button.button:after{width:100%;left:0;bottom:0;transition:all ease .6s}.demo3-grid .grid-banner-inner a.banner-button.button:hover{color:var(--gradient-base-accent-2)}.demo3-grid .grid-banner-inner a.banner-button.button:hover:after{left:100%;width:0%;transition:all ease .2s;background-color:rgb(var(--color-base-accent-2))}.demo3-grid .grid-banner-inner a.banner-button.button:hover:before{width:100%;background-color:rgb(var(--color-base-accent-2))}.demo3-grid .grid-banner-inner a.banner-button.button:before,.demo3-grid .grid-banner-inner a.banner-button.button:after{content:"";position:absolute;background-color:currentcolor;height:2px;top:unset;z-index:1}.demo3-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:5px}.demo3-grid .grid-banner-block-image{z-index:1}@media screen and (max-width: 1540px) and (min-width:1200px){.grid-banner.demo3-grid .grid-banner-section.two-column{column-gap:100px}}@media screen and (max-width: 1440px) and (min-width:991px){.grid-banner.demo3-grid .grid-banner-content{height:600px}}@media screen and (max-width: 1199px) and (min-width:991px){.grid-banner.demo3-grid .grid-banner-section.two-column{column-gap:70px}.demo3-grid .grid-banner-section:before{display:none}}@media screen and (max-width: 990px) and (min-width:550px){.grid-banner.demo3-grid .grid-banner-section.two-column{display:grid;grid-template-columns:repeat(1,1fr);width:75%;margin:0 auto}}@media screen and (max-width: 990px){.grid-banner.demo3-grid .grid-banner-content{height:500px}.grid-banner.demo3-grid .grid-banner-section.grid .grid-banner-wrapper.reverse-columns{flex-direction:column}.demo3-grid .grid-banner-section:before{display:none}}.grid-banner.about-page-grid{max-width:calc(1280px + 8rem);margin:auto}.grid-banner.about-page-grid .grid-banner-block-image{margin-bottom:120px}.grid-banner.about-page-grid .grid-banner-content .grid-banner-inner h4.main-title{font-size:60px;font-weight:600;line-height:87px;margin-bottom:40px}.grid-banner.about-page-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{display:flex;flex-direction:column}.grid-banner.about-page-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content h5.sub-title{order:4;margin:0;font-size:16px;letter-spacing:3px;line-height:22px}.grid-banner.about-page-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content p.description{margin:0}.grid-banner.about-page-grid .grid-banner-section .grid-banner-wrapper img.grid-banner_block-image{margin-top:60px;margin-bottom:40px}@media screen and (max-width: 990px){.grid-banner.about-page-grid .grid-banner-content .grid-banner-inner h4.main-title{font-size:42px;line-height:normal}.grid-banner.about-page-grid .grid-banner-block-image{margin-bottom:60px}}@media screen and (max-width: 576px){.grid-banner.about-page-grid .grid-banner-content .grid-banner-inner h4.main-title{font-size:32px;line-height:normal}.grid-banner.about-page-grid .grid-banner-block-image{margin-bottom:30px}}.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{background:linear-gradient(120deg,#f8f8f8,#f8f8f8,#eaeaea);padding-right:5px;background-size:78%;animation:animate 20s linear infinite;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content .placeholder_svg{display:none}.demo1-grid-banner .grid-banner-inner h4.main-title{font-weight:500;text-transform:uppercase}@media screen and (min-width: 768px){.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{width:46%}}@media screen and (min-width: 991px){.demo1-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:20px 20px 20px 60px}}@media screen and (min-width:768px) and (max-width: 990px){.demo1-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:20px}}@media screen and (min-width: 991px) and (max-width:1199px){.demo1-grid-banner .grid-banner-inner h4.main-title{font-size:3rem;line-height:40px}}@media screen and (max-width:767px){.demo1-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:30px 0}.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper{flex-direction:column}.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image,.demo1-grid-banner .grid-banner-content,.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:100%}}@media screen and (min-width:577px) and (max-width:990px){.demo1-grid-banner .grid-banner-inner h4.main-title{font-size:2.8rem;line-height:40px}}@media screen and (max-width:576px){.demo1-grid-banner .grid-banner-inner .banner-button.button,.demo1-grid-banner .grid-banner-inner .description{margin-top:1rem}.demo1-grid-banner .grid-banner-inner h4.main-title{font-size:2.2rem;line-height:30px}}@media screen and (min-width: 1200px){.demo1-grid-banner .grid-banner-inner h4.main-title{font-size:4rem;line-height:50px}}@media screen and (min-width:1024px){.demo1-grid-banner .grid-banner-inner .banner-button.button{margin-top:4rem}}@media screen and (max-width:1023px){.demo1-grid-banner .grid-banner-inner .banner-button.button{margin-top:2rem}}@keyframes move{0%{left:100%;right:0;opacity:1}to{left:-100%;right:auto;opacity:1}}@keyframes move{0%{left:100%;right:0;opacity:.3}to{left:-100%;right:auto;opacity:0}}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .main-title{order:1;margin-bottoM:1rem;font-weight:600}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .banner-button.button{order:4;font-weight:400}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content img{order:3}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .description{order:2;max-width:29.6rem;line-height:26px}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .sub-title{order:5;font-size:1.2rem}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content,.demo7-custom-banner .team-section-slider.overlay .swiper-slide .grid-banner-content{background:transparent}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .grid-banner-inner{display:flex;margin-left:auto;width:fit-content;justify-content:space-between;align-content:flex-end}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content{width:auto;height:100%;margin-right:6rem;margin-left:auto}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:5rem}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .banner-button.button{margin-top:9%}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .description{margin-bottom:10%}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .sub-title{margin-top:8%}@media screen and (min-width:577px){.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .main-title{font-size:3.4rem;line-height:55px}}@media screen and (max-width:576px){.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .main-title{font-size:3rem;line-height:45px}}@media screen and (min-width:1400px){.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .description{margin-top:-5rem}}@media screen and (max-width:1439px){.demo7-custom-banner .grid-banner-section:not(.background-none) .grid-banner-wrapper{min-height:50rem}}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .banner-button.button{margin-top:9%}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .description{margin-bottom:10%}.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .sub-title{margin-top:8%}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title{font-size:1.8rem;line-height:55px}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.sub-title{font-size:3.4rem;margin-top:4rem;font-weight:600}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{width:100%}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a{font-weight:600}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .inline-heading{display:flex;align-items:center;justify-content:space-between}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .banner-button{height:3rem}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline a.banner-button1.button.button--primary{background:transparent;color:var(--gradient-base-accent-1);position:relative;top:2rem;display:inline;padding:0}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline .button:before{border:none}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline .button:after{width:100%;top:2rem;left:0;height:1px;position:absolute;transition:all .3s linear;background:currentColor}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline a.banner-button1.button.button--primary:hover{color:var(--gradient-base-accent-2)}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline{margin-top:5rem;margin-right:2rem}@media screen and (max-width:1691px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline{margin-bottom:4rem}}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline .description{font-size:1.6rem;line-height:26px}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a:hover{color:var(--gradient-base-accent-4)}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .Additional-details li .product-details{font-weight:600;margin:0;font-size:2rem}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .Additional-details li p{padding-left:5px;margin:.5rem 0}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .Additional-details{width:fit-content;padding-left:0}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .Additional-details li{list-style-type:none;display:flex;align-items:center}@media screen and (min-width:1200px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a{font-size:5.4rem;line-height:65px}}@media screen and (min-width:991px) and (max-width:1199px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a{font-size:4.4rem}}@media screen and (max-width:990px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a{font-size:3.4rem}}@media screen and (min-width:990px) and (max-width:1439px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:4rem}}@media screen and (max-width:1439px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.sub-title,.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline{margin-top:0}.custom-banner-demo-3 .grid-banner-inner h4.main-title{padding-bottom:1rem}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .inline-heading{align-items:flex-start;flex-direction:column}}@media screen and (min-width:1440px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:9rem}.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline{margin-left:auto}}@media screen and (min-width:1692px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline{top:12rem;position:relative}}@media screen and (min-width:990px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .description-inline{max-width:40.5rem}}@media screen and (max-width:989px){.custom-banner-demo-3 .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.sub-title{font-size:3rem}.custom-banner-demo-3 .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image,.custom-banner-demo-3 .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:100%}.custom-banner-demo-3 .grid-banner-section.list .grid-banner-wrapper{flex-direction:column;padding:2rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-grid-banner-with-product.css.map */