.hero{background-color:#000;background-position:bottom;background-size:cover;border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:700px;overflow:hidden;position:relative;width:100%}.hero:before{background:radial-gradient(circle,rgba(127,61,255,.45) 0,rgba(127,61,255,0) 70%);border-radius:50%;bottom:-700px;content:"";height:1400px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:1400px;z-index:0}.hero__container{align-items:center;column-gap:70px;display:flex;height:100%;justify-content:space-between;margin-inline:auto;max-width:1280px;padding-top:60px;position:relative;width:100%}.hero--right .hero__container{flex-direction:row-reverse}.hero__image-container{max-width:634px;width:100%}.hero__content{max-width:509px;row-gap:46px;width:100%}.hero__content,.hero__text{display:flex;flex-direction:column}.hero__text{row-gap:36px}.hero__title{color:#fff;font-size:40px;font-weight:500}.hero__subtitle{color:#fff;font-size:20px;font-weight:400;max-width:534px;width:100%}.hero__buttons{column-gap:12px;display:flex;width:100%}.hero__button{max-width:180px;transition-duration:.2s;width:100%}.hero__buttons .hero__button:first-child{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(90deg,#7f3dff,#4c2599);border-radius:28px;color:#fff;display:flex;font-weight:500;height:50px;justify-content:center;padding-block:15px;transition:.2s;width:100%}.hero__buttons .hero__button:first-child:active,.hero__buttons .hero__button:first-child:hover{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(90deg,#4c2599,#4c2599)}.hero__buttons .hero__button:nth-child(2){align-items:center;border:1px solid #fff;border-radius:28px;color:#fff;display:flex;font-weight:500;height:50px;justify-content:center;padding-block:15px;transition:.2s;width:100%}.hero__buttons .hero__button:first-child:active,.hero__buttons .hero__button:first-child:hover{background:#fff;color:#000;transition:.2s}@media (max-width:1300px){,.hero--right .hero__container,.hero__container{padding-inline:20px}}@media (max-width:1000px){,.hero--right .hero__container,.hero__container{column-gap:30px}.hero__title{font-size:36px}.hero__subtitle{font-size:18px}.hero__content,.hero__text{row-gap:26px}}@media (max-width:780px){.hero__title{font-size:28px}.hero__subtitle{font-size:16px}.hero--right .hero__container,.hero__container{column-gap:0;flex-direction:column-reverse;padding-bottom:30px;row-gap:36px}.hero{height:auto;padding-top:80px}.hero__buttons{flex-direction:column;row-gap:16px}.hero__button{font-size:16px;max-width:100%}.hero__content{max-width:634px}}