.xo-hero-2-main{position:unset!important;z-index:2;overflow:hidden}.xo-hero-2-main .xo-hero-2-shapes{position:absolute;top:0;inset-inline-end:0;max-width:300px;width:100%;z-index:1}.xo-hero-2-main:after{position:absolute;content:"";top:-15%;inset-inline-end:-10%;width:520px;height:520px;background:var(--xo-theme-primary);border-radius:50%;-webkit-filter:blur(180px);filter:blur(180px);opacity:1;opacity:.6}.xo-hero-2-main .xo-hero-2-shapes img{max-width:100%;height:auto;width:100%}.xo-hero-2-image{flex:1}.xo-hero-2-wrapper{position:relative;z-index:1}.xo-hero-2-row{position:relative;width:100%;z-index:2;display:flex;gap:50px;align-items:center}.xo-hero-2-row .xo-hero-2-heading{font-weight:700;font-size:50px;line-height:120%;background:var(--xo-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.xo-hero-2-sub_heading{bottom:-35px;inset-inline-start:30%;max-width:900px;width:100%;font-size:28px;line-height:1.5;margin-top:20px;max-width:650px}.xo-hero-2-content{width:55%}.xo-hero-2-content-text{display:flex;gap:20px;flex-wrap:wrap;width:40%}.xo-hero-2-text{width:100%;margin-top:20px}.xo-hero-2-text p{font-size:18px;line-height:1.6;color:var(--xo-color-light)}.xo-hero-2-text p:last-child{margin:0}.xo-hero-2-button{margin-top:30px}@media screen and (max-width:1199px){.xo-hero-2-row .xo-hero-2-heading{font-size:clamp(24px,5vw,40px)}.xo-hero-2-row{gap:20px}.xo-hero-2-sub_heading{font-size:24px}.xo-hero-2-text p{font-size:16px}}@media screen and (max-width:1023px){.xo-hero-2-row{gap:30px}.xo-hero-2-row{flex-wrap:wrap}.xo-hero-2-content,.xo-hero-2-content-text{width:100%}.xo-hero-2-main .xo-hero-2-shapes{max-width:260px}.xo-hero-2-main:after{width:400px;height:400px}}@media screen and (max-width:749px){.xo-hero-2-main .xo-hero-2-shapes{max-width:200px;inset-inline-end:-80px}.xo-hero-2-main:after{inset-inline-end:-20%;width:310px;height:310px;filter:blur(100px)}.xo-hero-2-sub_heading{font-size:20px}.xo-hero-2-text p{font-size:18px}.xo-hero-2-button .xo-button{padding:14px 22px}.xo-hero-2-row .xo-hero-2-heading{font-size:clamp(24px,8vw,32px)}.xo-hero-2-image{flex:auto;display:flex;margin-left:-20px;margin-right:-20px;width:100%;display:none}.xo-hero-2-button .xo-button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/xo-hero-2.css.map */