.andala-gradient-banner-with-logo{background-color:var(--color-background);background:linear-gradient(178.38deg,var(--color-first-background) 1.13%,var(--color-second-background) 38.14%,var(--color-third-background) 78.84%,var(--color-fourth-background) 98.36%)}.andala-gradient-banner-with-logo .content-wrapper{max-width:calc(var(--page-width) / 2);margin:auto;padding:var(--vertical--padding) 0}.andala-gradient-banner-with-logo .logo{margin-bottom:2.5rem;max-height:max-content;display:flex;filter:invert();max-width:140px}.andala-gradient-banner-with-logo .logo img{max-width:100%;height:auto}.andala-gradient-banner-with-logo .gradient-banner-heading p{font-weight:400;line-height:1.2;font-size:3rem;letter-spacing:0;margin:0;margin-bottom:2.5rem;color:#fff}.andala-gradient-banner-with-logo .gradient-banner-heading,.andala-gradient-banner-with-logo .gradient-banner-legend{margin:0}.andala-gradient-banner-with-logo .gradient-banner-legend p{font-weight:400;line-height:1.2;font-size:2rem;letter-spacing:0;margin:0;color:#fff;margin-bottom:.5rem}.andala-gradient-banner-with-logo .gradient-banner-content p{margin:0;font-weight:400;font-size:1.125rem;line-height:1.2;letter-spacing:0px;color:#fff;margin-bottom:1.2rem}.andala-gradient-banner-with-logo .gradient-banner-heading.left,.andala-gradient-banner-with-logo .gradient-banner-content.left{text-align:start}.andala-gradient-banner-with-logo .gradient-banner-heading.center,.andala-gradient-banner-with-logo .gradient-banner-content.center{text-align:center}.andala-gradient-banner-with-logo .gradient-banner-heading.right,.andala-gradient-banner-with-logo .gradient-banner-content.right{text-align:end}.andala-gradient-banner-with-logo .gradient-banner-heading.medium p{line-height:1.2;font-size:2.5rem}.andala-gradient-banner-with-logo .gradient-banner-heading.large p{line-height:1.2;font-size:3rem}.andala-gradient-banner-with-logo .button{width:100%;margin-top:10px;text-align:center;gap:10px}.andala-gradient-banner-with-logo .image-wrapper img{width:100%;height:auto;max-height:900px;max-width:max-content}@media screen and (max-width: 990px){.andala-gradient-banner-with-logo .content-wrapper{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem}.andala-gradient-banner-with-logo{background:#f3efee}.andala-gradient-banner-with-logo .logo{margin-bottom:1.5rem;filter:none}.andala-gradient-banner-with-logo .gradient-banner-heading.medium p{font-size:1.5rem}.andala-gradient-banner-with-logo .gradient-banner-heading.large p{font-size:2rem}.andala-gradient-banner-with-logo .gradient-banner-content p{font-size:14px}.andala-gradient-banner-with-logo .gradient-banner-heading p{color:#0f0f0f}.andala-gradient-banner-with-logo .gradient-banner-legend p{color:#0f0f0f;font-weight:400;font-size:1rem;line-height:1.5;letter-spacing:0px}.andala-gradient-banner-with-logo .gradient-banner-content p{color:#0f0f0f;font-family:Raleway;font-style:Regular;font-size:1rem;line-height:1.5;letter-spacing:0px;vertical-align:middle}.andala-gradient-banner-with-logo .image-wrapper{padding:1.5rem;padding-top:0;padding-bottom:2.5rem}.andala-gradient-banner-with-logo .gradient-banner-heading p{margin-bottom:1.5rem}}@media screen and (min-width: 990px){.andala-gradient-banner-with-logo .image-wrapper{display:block}.andala-gradient-banner-with-logo .banner-container.has-image{display:flex;flex-direction:row;padding-right:0;position:relative}.banner-container.has-image:before{content:"";top:0;bottom:0;right:0;left:0;position:absolute;background:linear-gradient(90deg,#00000080,#0000 57.85%);z-index:2}.andala-gradient-banner-with-logo .banner-container.has-image .content-wrapper{flex-direction:column;z-index:2}.andala-gradient-banner-with-logo .banner-container.has-image .image-wrapper{z-index:1}.andala-gradient-banner-with-logo .banner-container.has-image .content-wrapper,.andala-gradient-banner-with-logo .banner-container.has-image .image-wrapper{flex-grow:.5;max-width:50%;width:50%;display:flex;justify-content:end}.andala-gradient-banner-with-logo .banner-container.has-image .content-wrapper{max-width:calc((var(--page-width)) / 2);margin-left:clamp(0px,calc((100% - var(--page-width)) / 2),100%);padding-left:5rem;padding-right:.5rem}.andala-gradient-banner-with-logo .banner-container.has-image .button{max-width:max-content}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-andala-gradient-banner-with-logo.css.map */