.MainContentArea{background:#fff;flex-direction:row;width:100%;height:100vh;display:flex}.MainContentArea .leftSide{background:#116aef;width:50%;position:relative}.MainContentArea .leftSide img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.MainContentArea .leftSide:before{content:"";opacity:.6;z-index:1;background:#0050d5;width:100%;height:100%;position:absolute;top:0;left:0}.MainContentArea .leftSide .overlay{z-index:2;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:50px;display:flex;position:absolute}.MainContentArea .leftSide .overlay .logo{width:140px}.MainContentArea .leftSide .overlay .logo svg{width:100%;height:auto}.MainContentArea .leftSide h1{z-index:2;font-size:30px;font-weight:400;line-height:30px;font-family:var(--font-family);color:#fff}.MainContentArea .leftSide h1 span{font-size:60px;font-weight:700;line-height:60px;display:block}.MainContentArea .rightSide{background:#fff;flex-direction:column;justify-content:center;align-items:center;width:50%;padding:100px;display:flex;position:relative}.MainContentArea .rightSide.signupRightSide{justify-content:space-between;padding:80px}.MainContentArea .rightSide .formArea{width:100%}.MainContentArea .rightSide .formArea .text-input-group{margin-bottom:15px}.MainContentArea .rightSide.signupRightSide .formArea .text-input-group{margin-bottom:0}.MainContentArea .rightSide .checkbox-layout-container{flex-direction:column;gap:10px;display:flex}.step-info-wrapper{font-family:var(--font-family);color:#64748b;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;font-size:16px;font-weight:400;line-height:24px;display:flex}.step-progress-bar{gap:10px;display:flex}.step-progress-bar .step-progress-step{background:#f2f3f9;border-radius:5px;width:33.33%;height:10px}.step-progress-bar .step-progress-step.completed{background:#116aef}.MainContentArea .rightSide .formArea .text-input-group.withIcon{position:relative}.MainContentArea .rightSide .formArea .text-input-group.withIcon .text-input-field{padding-left:50px}.MainContentArea .rightSide .formArea .checkbox-layout-label{font-family:var(--font-family);color:#444749;font-size:12px;font-weight:400}.MainContentArea .rightSide .formArea .text-input-group.withIcon .text-input-icon-wrapper{z-index:2;width:24px;height:24px;position:absolute;top:37px;left:15px}.MainContentArea .rightSide .formArea .text-input-group.withIcon .text-input-icon-wrapper svg{fill:#625d8e}.MainContentArea .rightSide h2{color:#000;font-size:30px;font-weight:700;line-height:30px;font-family:var(--font-family);text-align:left;width:100%;margin:0 0 10px}.MainContentArea .rightSide p{color:#64748b;font-size:16px;font-weight:400;line-height:20px;font-family:var(--font-family);text-align:left;width:100%;margin:0 0 20px}.MainContentArea .rightSide .alertBlock{position:absolute;top:20px;right:20px}.MainContentArea .rightSide .btn-flex{justify-content:center;gap:20px;width:100%;margin:0 0 20px;display:flex}.MainContentArea .rightSide .btn-flex .btn-link{color:#64748b;width:50%;font-size:14px;line-height:14px;font-family:var(--font-family);text-align:center;background:#f4f5fb;border:1px solid #dfe1ec;border-radius:5px;padding:14px 20px;font-weight:700;text-decoration:none}.MainContentArea .rightSide .btn-flex .btn-link.active{color:#fff;background:#116aef;border-color:#116aef}.MainContentArea .rightSide p{font-family:var(--font-family);color:#64748b;width:100%;font-size:16px;font-weight:400}.MainContentArea .rightSide p a{color:#116aef;font-weight:700}.MainContentArea .forgotPasswordWrapper{text-align:right;margin-bottom:15px}.MainContentArea .forgotPasswordWrapper a{font-family:var(--font-family);color:#116aef;font-size:14px;font-weight:400;text-decoration:none}.MainContentArea .rightSide.signupRightSide{justify-content:space-between}.MainContentArea .rightSide .topPart,.MainContentArea .rightSide .bottomPart{text-align:left;width:100%}.MainContentArea .btnBlue{background:linear-gradient(135deg,#0050d5 35%,#7b9cff 100%)}.MainContentArea .btnBlack{background:linear-gradient(135deg,#0f172a 35%,#9ba6c0 100%)}@media (max-width:1024px){.MainContentArea{flex-direction:column;height:auto}.MainContentArea .leftSide{width:100%}.MainContentArea .leftSide img{position:relative!important}.MainContentArea .leftSide .overlay{top:0;left:0}.MainContentArea .rightSide.signupRightSide,.MainContentArea .rightSide{width:100%;padding:40px}.MainContentArea .rightSide .topPart{margin-bottom:40px}}@media (max-width:767px){.MainContentArea .leftSide .overlay{padding:20px}.MainContentArea .leftSide .overlay .logo{width:100px;margin:0 auto}.MainContentArea .leftSide h1{font-size:20px;line-height:20px}.MainContentArea .leftSide h1 span{font-size:40px;line-height:40px}.MainContentArea .rightSide,.MainContentArea .rightSide.signupRightSide{padding:20px}.MainContentArea .rightSide h2{font-size:20px;line-height:20px}.MainContentArea .rightSide p,.step-info-wrapper{font-size:14px;line-height:14px}.MainContentArea .rightSide .formArea .text-input-group.withIcon .text-input-icon-wrapper{width:20px;height:20px;top:29px;left:15px}.MainContentArea .rightSide .formArea .text-input-group.withIcon .text-input-icon-wrapper svg{width:100%;height:100%}}
