.profileWrapper{height:calc(100vh - 120px);min-height:500px;position:relative;overflow:hidden;padding:120px 0 0}.profileContent{position:absolute;border-radius:20px;width:0;height:0;top:50%;transition:width 1s ease,height 1s ease,top 1s ease;display:flex;justify-content:center;align-items:center;z-index:5;overflow:hidden;color:#fff}.profileContent.left{left:0}.profileContent.right{right:0}.profileContent.active{width:100%;height:100%;top:0}.radialScrollar{width:30vh;height:30vh;background:linear-gradient(90deg,#fff,#000);position:absolute;top:50%;transform:translate(50%,-50%);z-index:100;border-radius:50%;transition:right 1s ease,transform 1s ease;box-shadow:inset 0 1px 50px 3px #000,inset 0 1px 50px 3px #fff;cursor:pointer}.radialScrollar.right{right:0}.radialScrollar.left{right:100%;transform:translate(50%,-50%) rotate(1turn)}.radialScrollar:after{content:"";position:absolute;width:106%;height:106%;border-radius:50%;top:-3%;left:-3%;box-shadow:0 -10px 15px -6px #fff,0 5px 15px 0 rgba(99,98,98,.3),5px 0 15px 0 hsla(0,8%,70%,.3),-5px 0 15px 0 rgba(0,0,0,.3)}.radialScrollar button{position:absolute;background:none;border:none;outline:none;left:-10px}.profileButton{display:flex;justify-content:center;gap:20px}.profileButton button{color:#fff;text-transform:uppercase}.profileButton button.active,.profileButton button:hover{color:#6649dc;text-decoration:underline}@media screen and (max-width:700px){.radialScrollar{display:none}}.wrapper-box{border-radius:30px;position:relative}.wrapper-box.no-padding{padding:0}.wrapper-heading{font-size:36px;margin-bottom:20px;color:inherit}.wrapper-content{font-size:16px;max-width:840px;line-height:20px;margin:0 auto;color:inherit}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;border-radius:30px}.overlayWrapper{z-index:-2}@media screen and (max-width:700px){.wrapper-heading{font-size:24px;padding:0 10px;text-align:center}.wrapper-content{font-size:14px;padding:0 10px}}.infoBlock{width:100%;height:100%;position:relative}.infoContent{position:absolute;top:50%;left:10px;width:30%;transform:translateY(-50%);z-index:2;overflow:hidden;white-space:nowrap;opacity:0}.right .infoContent{right:10px;left:unset}.infoContent.animate{transition:opacity .5s ease;opacity:1}.infoContent h2{font-size:40px;font-weight:700;margin-bottom:20px;text-align:right}.right .infoContent h2{text-align:left}.infoContent p{text-align:right;font-size:14px;line-height:20px}.right .infoContent p{text-align:left}.infoImage{border:1px solid #ccc;width:35%;padding-bottom:35%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-size:contain;background-repeat:no-repeat;background-position:50%;background-color:#000;box-shadow:inset 0 0 50px 2px #fff}.infoImage,.infoNav{position:absolute;top:50%}.infoNav{right:10px;width:25%;transform:translateY(-50%);z-index:5}.right .infoNav{left:10px;right:unset}.infoNav li{margin-bottom:15px;font-size:18px;text-transform:uppercase}.infoNav li span{cursor:pointer}.right .infoNav li{text-align:right}@media screen and (max-width:700px){.infoContent,.right .infoContent{top:100px;left:50%;transform:translateX(-50%);width:95%;height:50%}.infoContent h2{font-size:20px}.infoContent h2,.infoContent p,.right .infoContent h2,.right .infoContent p{text-align:center}.infoNav,.right .infoNav{top:70%;left:50%;transform:translateX(-50%);width:60%;height:30%;text-align:center}.right .infoNav li{text-align:center}.infoImage{width:50%;padding-bottom:50%}}