*{font-family:Manrope,"sans-serif";box-sizing:border-box}a{color:#285ff6}body,html{margin:0;padding:0}body{background-color:#fff}.page-heading{display:flex;padding:0 32px 24px;justify-content:space-between}h5{color:#364152;font-size:1.4rem;font-weight:500;line-height:20px}.card{border-radius:16px;border:1px solid #e3e8ef;background:#fff;padding:24px!important;-webkit-user-select:initial;-moz-user-select:initial;user-select:auto}main{height:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}main,main .header,main .header .step-nav{width:100%}main .header .step-nav span{display:inline-block;font-size:14px;padding:0 10px;cursor:pointer}main .header .logo{padding-top:30px;text-align:center;width:100%;opacity:0;transition:all .25s}main .header .logo.visible{opacity:1}main .content-container{width:100%;max-width:1128px;padding:40px 100px;display:flex;gap:32px;position:relative}main .content-container.center-content{width:100%;max-width:700px}main .content-container.center-content .steps-container{width:100%}main .content-container .steps-container{width:50%;z-index:10;position:relative;transition:all .2s}main .content-container .video{width:calc(50% - 32px);position:relative;opacity:1;transition:all .2s}main .content-container .video .video-wrapper{z-index:1;background-color:#fff;border:1px solid #e3e8ef;border-radius:24px;overflow:hidden;opacity:1;display:block;height:0;padding-bottom:145.5%}main .content-container .video .video-wrapper.invisible{opacity:0}main .content-container .video .video-wrapper.no-display{display:none}main .content-container .video .video-wrapper video{width:100%;background-color:#fff!important;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}main .content-container .video .video-wrapper video::-webkit-media-controls{display:none!important}main .content-container .video .gradient{z-index:-1;width:200%;position:absolute;left:60%;top:50%;transform:translateX(-50%) translateY(-50%)}main .content-container .video.hidden{opacity:0}@media screen and (max-width:800px){main{align-items:flex-start}main .content-container,main .content-container.center-content{width:100%;padding:24px;max-width:1128px;display:block;flex-wrap:wrap;justify-content:space-between;gap:32px;position:relative}main .content-container.center-content.centered,main .content-container.centered{align-items:center}main .content-container .steps-container,main .content-container.center-content .steps-container{width:100%;background-color:#fff}main .content-container .steps-containerX,main .content-container.center-content .steps-containerX{width:100%;position:absolute;align-items:flex-start;top:100px;left:0;z-index:10;min-height:100%;background-color:#fff}main .content-container .steps-containerX .steps,main .content-container.center-content .steps-containerX .steps{flex:1}main .content-container .video,main .content-container.center-content .video{flex:1;width:100%;position:relative}main .content-container .video.visible .invisible,main .content-container.center-content .video.visible .invisible{opacity:1!important}main .content-container .video.visible .no-display,main .content-container.center-content .video.visible .no-display{display:block!important}main .content-container .video .video-wrapper,main .content-container.center-content .video .video-wrapper{z-index:1;background-color:#fff;border-radius:24px;overflow:hidden}main .content-container .video .video-wrapper video,main .content-container.center-content .video .video-wrapper video{width:100%}main .content-container .video .gradient,main .content-container.center-content .video .gradient{display:none}}