.hero-wrapper{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-wrapper:before{background:linear-gradient(90deg,rgba(152,65,255,0) 0,rgba(152,65,255,1) 50%,rgba(152,65,255,0) 100%);content:"";position:absolute;width:100%;height:4px;left:0;bottom:0;z-index:1}.hero-wrapper.curved{clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}.hero-wrapper .container{position:relative;height:100%;display:flex;align-items:center}.hero-content{width:100%;text-align:center;padding-top:100px}.hero-content .sub-heading{font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:10px;margin-bottom:20px}.hero-content .heading{font-size:65px;line-height:65px;letter-spacing:-1.5px}.hero-content .btn-group{display:flex;align-items:center;justify-content:center;column-gap:30px}.hero-content .btn-group .dl-btn{clip-path:polygon(0 0,90% 0,100% 30%,100% 100%,0 100%);padding:15px 35px;line-height:1;height:auto;z-index:2}.hero-content .btn-group .dl-btn span{background-color:#9841ff}.hero-content .btn-group .dl-btn:hover{color:#fff}.hero-content .dl-play-btn svg{width:40px;margin-left:5px;fill:#fff}.hero-content .dl-play-btn{width:90px;height:90px;line-height:90px;background:#f90cff;background-image:linear-gradient(to right bottom,#f90cff,#e027ff,#c534ff,#a93eff,#8a44ff,#6560ff,#3c73ff,#0081ff,#009cff,#00b3ff,#00c6f5,#0cd7e8);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.hero-content .dl-play-btn:before{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.25),rgba(255,255,255,.25) 1px,transparent 1px,transparent 6px);background-size:4px 4px;border-radius:50%;content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.hero-content .dl-play-btn.dl-vb-3{width:70px;height:70px;line-height:70px}.hero-content .dl-play-btn.dl-vb-3 svg{width:30px}.hero-content .dl-play-btn .ripple,.hero-content .dl-play-btn .ripple:after,.hero-content .dl-play-btn .ripple:before{width:88px;height:88px}.hero-content img{display:block;margin:0 auto}.hero-element{position:relative;margin-top:50px}.hero-element .shape-wrap{width:50%;height:100%;position:absolute;left:-40px;bottom:0;transform:skew(20deg);z-index:-1}.hero-element .shape{background:#f90cff;background-image:linear-gradient(to right bottom,#f90cff,#e027ff,#c534ff,#a93eff,#8a44ff,#6560ff,#3c73ff,#0081ff,#009cff,#00b3ff,#00c6f5,#0cd7e8);width:200px;height:100%;position:absolute;left:0;bottom:0;border-radius:2px}.hero-element .shape:before{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.25),rgba(255,255,255,.25) 1px,transparent 1px,transparent 6px);background-size:4px 4px;content:"";position:absolute;left:0;top:0;width:100%;height:100%}.hero-element .shape.shape-1{width:220px;height:60%;left:30%;z-index:1;opacity:.8}.hero-element .shape.shape-2{height:90%;left:20%;opacity:.7}.hero-element .shape.shape-3{height:70%;z-index:2;opacity:.4}.hero-element .shape.shape-4{height:40%;left:-10%;opacity:.6}.hero-element .shape-wrap.right{transform:skew(-20deg);left:auto;right:-40px}.hero-element .right .shape{left:auto;right:0}.hero-element .right .shape.shape-1{left:auto;right:30%}.hero-element .right .shape.shape-2{left:auto;right:20%}.hero-element .right .shape.shape-3{left:auto}.hero-element .right .shape.shape-4{left:auto;right:-10%}@media (max-width:767px){.hero-element .shape{display:none}}