@import"https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap";.secondary-color{color:#fff700}body,html{max-width:100vw}ol,ul{margin-left:25px}main.account-set-up-page{padding:120px 80px 100px}main.account-set-up-page div.step-form{display:none}main.account-set-up-page div.step-form.active{display:block}main.account-set-up-page div.progress{display:flex;align-items:center;justify-content:space-between;width:80%;margin-left:10%;position:relative;padding:0 0 50px}main.account-set-up-page div.progress div.bar{position:absolute;width:100%;height:5px;background:linear-gradient(90deg,rgba(115,115,115,.233),rgba(115,115,115,.233) 50%,rgba(115,115,115,.233) 0,rgba(115,115,115,.233));content:""}main.account-set-up-page div.progress div.bar.fifty-percent{background:linear-gradient(90deg,#4285F4,#4285F4 50%,rgba(115,115,115,.233) 0,rgba(115,115,115,.233))}main.account-set-up-page div.progress div.bar.hundred-percent{background:linear-gradient(90deg,#4285F4,#4285F4 50%,#4285F4 0,#4285F4)}main.account-set-up-page div.progress div.step{z-index:1;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;font-size:22px;font-weight:700;background-color:#939292;cursor:pointer;color:#fff}main.account-set-up-page div.progress div.step.completed{background-color:#4285f4}main.account-set-up-page div.progress div.step.active{position:relative;background-color:#4285f4}main.account-set-up-page div.progress div.step.active:after{content:"";position:absolute;top:-10%;left:-10%;width:100%;height:100%;border:5px solid #4285f4;border-radius:50%;animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}main.account-set-up-page div.account-type div.title{width:100%;font-size:35px;font-weight:700;text-align:center}main.account-set-up-page div.account-type div.options{display:flex;justify-content:center;width:80%;gap:40px;margin-left:10%;padding:40px 0}main.account-set-up-page div.account-type div.options label{width:48%;display:flex;flex-direction:column;align-items:center;padding:20px 20px 40px;border:5px solid rgba(2,171,19,.4078431373);transition:.25s;border-radius:20px;position:relative;cursor:pointer}main.account-set-up-page div.account-type div.options label div.selection{content:"";position:absolute;top:15px;left:15px;width:25px;height:25px;border-radius:50%;border:2px solid rgba(89,92,90,.4078431373)}main.account-set-up-page div.account-type div.options label .heading{font-size:25px;font-weight:700;width:80%;text-align:center}main.account-set-up-page div.account-type div.options label .heading span{text-decoration:underline;color:#34a853}main.account-set-up-page div.account-type div.options label .description{width:70%;font-size:16px;text-align:center;margin-top:5px}main.account-set-up-page div.account-type div.options label input{display:none}main.account-set-up-page div.account-type div.options label:has(input[type=radio]:checked){border:5px solid #4285f4!important}main.account-set-up-page div.account-type div.options label:has(input[type=radio]:checked) div.selection{border-color:#4285f4;background-color:#4285f4}main.account-set-up-page div.account-type div.options label:has(input[type=radio]:checked) .heading span{text-decoration:underline;color:#4285f4}main.account-set-up-page div.account-type div.options label img{width:300px;height:300px}main.account-set-up-page div.avatar-form div.title,main.account-set-up-page div.codian-form div.title,main.account-set-up-page div.company-form div.title{width:100%;font-size:35px;font-weight:700;text-align:center}main.account-set-up-page div.avatar-form div.form,main.account-set-up-page div.codian-form div.form,main.account-set-up-page div.company-form div.form{width:90%;margin-left:5%;display:flex;gap:40px;padding:50px 0 30px}main.account-set-up-page div.avatar-form div.form .left-side,main.account-set-up-page div.avatar-form div.form .right-side,main.account-set-up-page div.codian-form div.form .left-side,main.account-set-up-page div.codian-form div.form .right-side,main.account-set-up-page div.company-form div.form .left-side,main.account-set-up-page div.company-form div.form .right-side{display:flex;flex-direction:column;width:48%;gap:20px}main.account-set-up-page div.avatar-form div.form .left-side div.input,main.account-set-up-page div.avatar-form div.form .right-side div.input,main.account-set-up-page div.codian-form div.form .left-side div.input,main.account-set-up-page div.codian-form div.form .right-side div.input,main.account-set-up-page div.company-form div.form .left-side div.input,main.account-set-up-page div.company-form div.form .right-side div.input{width:100%;display:flex;flex-direction:column;gap:8px}main.account-set-up-page div.avatar-form div.form .left-side div.input label,main.account-set-up-page div.avatar-form div.form .right-side div.input label,main.account-set-up-page div.codian-form div.form .left-side div.input label,main.account-set-up-page div.codian-form div.form .right-side div.input label,main.account-set-up-page div.company-form div.form .left-side div.input label,main.account-set-up-page div.company-form div.form .right-side div.input label{padding-left:5px;font-size:18px;font-weight:700}main.account-set-up-page div.avatar-form div.form .left-side div.input input,main.account-set-up-page div.avatar-form div.form .left-side div.input textarea,main.account-set-up-page div.avatar-form div.form .right-side div.input input,main.account-set-up-page div.avatar-form div.form .right-side div.input textarea,main.account-set-up-page div.codian-form div.form .left-side div.input input,main.account-set-up-page div.codian-form div.form .left-side div.input textarea,main.account-set-up-page div.codian-form div.form .right-side div.input input,main.account-set-up-page div.codian-form div.form .right-side div.input textarea,main.account-set-up-page div.company-form div.form .left-side div.input input,main.account-set-up-page div.company-form div.form .left-side div.input textarea,main.account-set-up-page div.company-form div.form .right-side div.input input,main.account-set-up-page div.company-form div.form .right-side div.input textarea{font-size:16px;padding:10px 15px;border:none;outline:none;border:1px solid rgba(2,171,19,.4078431373);border-radius:8px;font-family:inherit}main.account-set-up-page div.avatar-form div.form .left-side div.input input:active,main.account-set-up-page div.avatar-form div.form .left-side div.input input:focus,main.account-set-up-page div.avatar-form div.form .left-side div.input textarea:active,main.account-set-up-page div.avatar-form div.form .left-side div.input textarea:focus,main.account-set-up-page div.avatar-form div.form .right-side div.input input:active,main.account-set-up-page div.avatar-form div.form .right-side div.input input:focus,main.account-set-up-page div.avatar-form div.form .right-side div.input textarea:active,main.account-set-up-page div.avatar-form div.form .right-side div.input textarea:focus,main.account-set-up-page div.codian-form div.form .left-side div.input input:active,main.account-set-up-page div.codian-form div.form .left-side div.input input:focus,main.account-set-up-page div.codian-form div.form .left-side div.input textarea:active,main.account-set-up-page div.codian-form div.form .left-side div.input textarea:focus,main.account-set-up-page div.codian-form div.form .right-side div.input input:active,main.account-set-up-page div.codian-form div.form .right-side div.input input:focus,main.account-set-up-page div.codian-form div.form .right-side div.input textarea:active,main.account-set-up-page div.codian-form div.form .right-side div.input textarea:focus,main.account-set-up-page div.company-form div.form .left-side div.input input:active,main.account-set-up-page div.company-form div.form .left-side div.input input:focus,main.account-set-up-page div.company-form div.form .left-side div.input textarea:active,main.account-set-up-page div.company-form div.form .left-side div.input textarea:focus,main.account-set-up-page div.company-form div.form .right-side div.input input:active,main.account-set-up-page div.company-form div.form .right-side div.input input:focus,main.account-set-up-page div.company-form div.form .right-side div.input textarea:active,main.account-set-up-page div.company-form div.form .right-side div.input textarea:focus{border:2px solid rgba(2,171,19,.4078431373)}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input,main.account-set-up-page div.codian-form div.form .left-side div.skills-input,main.account-set-up-page div.codian-form div.form .right-side div.skills-input,main.account-set-up-page div.company-form div.form .left-side div.skills-input,main.account-set-up-page div.company-form div.form .right-side div.skills-input{width:100%}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input .heading,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input .heading,main.account-set-up-page div.codian-form div.form .left-side div.skills-input .heading,main.account-set-up-page div.codian-form div.form .right-side div.skills-input .heading,main.account-set-up-page div.company-form div.form .left-side div.skills-input .heading,main.account-set-up-page div.company-form div.form .right-side div.skills-input .heading{padding-left:5px;font-size:18px;font-weight:700;margin-bottom:8px}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input div.skills-list,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input div.skills-list,main.account-set-up-page div.codian-form div.form .left-side div.skills-input div.skills-list,main.account-set-up-page div.codian-form div.form .right-side div.skills-input div.skills-list,main.account-set-up-page div.company-form div.form .left-side div.skills-input div.skills-list,main.account-set-up-page div.company-form div.form .right-side div.skills-input div.skills-list{min-height:60px;padding:10px 15px;height:auto;border:1px solid rgba(2,171,19,.4078431373);border-radius:8px;width:100%;display:flex;flex-wrap:wrap;gap:15px}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input div.skills-list .skills,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input div.skills-list .skills,main.account-set-up-page div.codian-form div.form .left-side div.skills-input div.skills-list .skills,main.account-set-up-page div.codian-form div.form .right-side div.skills-input div.skills-list .skills,main.account-set-up-page div.company-form div.form .left-side div.skills-input div.skills-list .skills,main.account-set-up-page div.company-form div.form .right-side div.skills-input div.skills-list .skills{display:none}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input div.skills-list .skills.active,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input div.skills-list .skills.active,main.account-set-up-page div.codian-form div.form .left-side div.skills-input div.skills-list .skills.active,main.account-set-up-page div.codian-form div.form .right-side div.skills-input div.skills-list .skills.active,main.account-set-up-page div.company-form div.form .left-side div.skills-input div.skills-list .skills.active,main.account-set-up-page div.company-form div.form .right-side div.skills-input div.skills-list .skills.active{width:100%;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input div.skills-list .skills.active .skill,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input div.skills-list .skills.active .skill,main.account-set-up-page div.codian-form div.form .left-side div.skills-input div.skills-list .skills.active .skill,main.account-set-up-page div.codian-form div.form .right-side div.skills-input div.skills-list .skills.active .skill,main.account-set-up-page div.company-form div.form .left-side div.skills-input div.skills-list .skills.active .skill,main.account-set-up-page div.company-form div.form .right-side div.skills-input div.skills-list .skills.active .skill{width:-moz-fit-content;width:fit-content;background-color:#34a853;padding:5px 10px;display:flex;align-items:center;gap:10px;border-radius:8px}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input div.skills-list .skills.active .skill .caption,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input div.skills-list .skills.active .skill .caption,main.account-set-up-page div.codian-form div.form .left-side div.skills-input div.skills-list .skills.active .skill .caption,main.account-set-up-page div.codian-form div.form .right-side div.skills-input div.skills-list .skills.active .skill .caption,main.account-set-up-page div.company-form div.form .left-side div.skills-input div.skills-list .skills.active .skill .caption,main.account-set-up-page div.company-form div.form .right-side div.skills-input div.skills-list .skills.active .skill .caption{font-size:14px;color:#fff}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input div.skills-list .skills.active .skill .remove-btn,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input div.skills-list .skills.active .skill .remove-btn,main.account-set-up-page div.codian-form div.form .left-side div.skills-input div.skills-list .skills.active .skill .remove-btn,main.account-set-up-page div.codian-form div.form .right-side div.skills-input div.skills-list .skills.active .skill .remove-btn,main.account-set-up-page div.company-form div.form .left-side div.skills-input div.skills-list .skills.active .skill .remove-btn,main.account-set-up-page div.company-form div.form .right-side div.skills-input div.skills-list .skills.active .skill .remove-btn{color:#fff}main.account-set-up-page div.avatar-form div.form .left-side div.skills-input div.skills-list textarea,main.account-set-up-page div.avatar-form div.form .right-side div.skills-input div.skills-list textarea,main.account-set-up-page div.codian-form div.form .left-side div.skills-input div.skills-list textarea,main.account-set-up-page div.codian-form div.form .right-side div.skills-input div.skills-list textarea,main.account-set-up-page div.company-form div.form .left-side div.skills-input div.skills-list textarea,main.account-set-up-page div.company-form div.form .right-side div.skills-input div.skills-list textarea{width:100%;white-space:nowrap;padding:5px 0;font-family:inherit;font-size:16px;border:none;outline:none}main.account-set-up-page div.avatar-form div.form .left-side div.action-btns,main.account-set-up-page div.avatar-form div.form .right-side div.action-btns,main.account-set-up-page div.codian-form div.form .left-side div.action-btns,main.account-set-up-page div.codian-form div.form .right-side div.action-btns,main.account-set-up-page div.company-form div.form .left-side div.action-btns,main.account-set-up-page div.company-form div.form .right-side div.action-btns{width:100%;display:flex;justify-content:flex-end;margin-top:15px;gap:20px}main.account-set-up-page div.avatar-form div.form .left-side div.action-btns button,main.account-set-up-page div.avatar-form div.form .right-side div.action-btns button,main.account-set-up-page div.codian-form div.form .left-side div.action-btns button,main.account-set-up-page div.codian-form div.form .right-side div.action-btns button,main.account-set-up-page div.company-form div.form .left-side div.action-btns button,main.account-set-up-page div.company-form div.form .right-side div.action-btns button{font-size:16px;padding:10px 20px;border:none;outline:none;font-weight:700;border-radius:8px;cursor:pointer;transition:.25s}main.account-set-up-page div.avatar-form div.form .left-side div.action-btns button.next,main.account-set-up-page div.avatar-form div.form .right-side div.action-btns button.next,main.account-set-up-page div.codian-form div.form .left-side div.action-btns button.next,main.account-set-up-page div.codian-form div.form .right-side div.action-btns button.next,main.account-set-up-page div.company-form div.form .left-side div.action-btns button.next,main.account-set-up-page div.company-form div.form .right-side div.action-btns button.next{background-color:#4285f4;color:#fff;border:2px solid #4285f4}main.account-set-up-page div.avatar-form div.form .left-side div.action-btns button.next:hover,main.account-set-up-page div.avatar-form div.form .right-side div.action-btns button.next:hover,main.account-set-up-page div.codian-form div.form .left-side div.action-btns button.next:hover,main.account-set-up-page div.codian-form div.form .right-side div.action-btns button.next:hover,main.account-set-up-page div.company-form div.form .left-side div.action-btns button.next:hover,main.account-set-up-page div.company-form div.form .right-side div.action-btns button.next:hover{background-color:#fff;color:#4285f4}main.account-set-up-page div.avatar-form div.form .left-side div.action-btns button.back,main.account-set-up-page div.avatar-form div.form .right-side div.action-btns button.back,main.account-set-up-page div.codian-form div.form .left-side div.action-btns button.back,main.account-set-up-page div.codian-form div.form .right-side div.action-btns button.back,main.account-set-up-page div.company-form div.form .left-side div.action-btns button.back,main.account-set-up-page div.company-form div.form .right-side div.action-btns button.back{background-color:#353535;color:#fff;border:2px solid #353535}main.account-set-up-page div.avatar-form div.form .left-side div.action-btns button.back:hover,main.account-set-up-page div.avatar-form div.form .right-side div.action-btns button.back:hover,main.account-set-up-page div.codian-form div.form .left-side div.action-btns button.back:hover,main.account-set-up-page div.codian-form div.form .right-side div.action-btns button.back:hover,main.account-set-up-page div.company-form div.form .left-side div.action-btns button.back:hover,main.account-set-up-page div.company-form div.form .right-side div.action-btns button.back:hover{background-color:#fff;color:#353535}main.account-set-up-page div.avatar-form.avatar-form,main.account-set-up-page div.codian-form.avatar-form,main.account-set-up-page div.company-form.avatar-form{display:flex;flex-direction:column;align-items:center}main.account-set-up-page div.avatar-form label.dp-input-label,main.account-set-up-page div.codian-form label.dp-input-label,main.account-set-up-page div.company-form label.dp-input-label{display:flex;justify-content:center;padding:50px 0 20px;width:-moz-fit-content;width:fit-content}main.account-set-up-page div.avatar-form label.dp-input-label div.dp-input,main.account-set-up-page div.codian-form label.dp-input-label div.dp-input,main.account-set-up-page div.company-form label.dp-input-label div.dp-input{width:300px;height:300px;border-radius:50%;overflow:hidden;content:"";background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;cursor:pointer}main.account-set-up-page div.avatar-form label.dp-input-label div.dp-input:hover div.message,main.account-set-up-page div.codian-form label.dp-input-label div.dp-input:hover div.message,main.account-set-up-page div.company-form label.dp-input-label div.dp-input:hover div.message{width:100%;height:100%;padding:0}main.account-set-up-page div.avatar-form label.dp-input-label div.dp-input .loader-container,main.account-set-up-page div.codian-form label.dp-input-label div.dp-input .loader-container,main.account-set-up-page div.company-form label.dp-input-label div.dp-input .loader-container{position:absolute;z-index:10;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(1,18,30,.4588235294);display:none}main.account-set-up-page div.avatar-form label.dp-input-label div.dp-input .loader-container .loader,main.account-set-up-page div.codian-form label.dp-input-label div.dp-input .loader-container .loader,main.account-set-up-page div.company-form label.dp-input-label div.dp-input .loader-container .loader{border:6px solid #f3f3f3;border-top-color:#01121e;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}main.account-set-up-page div.avatar-form label.dp-input-label div.dp-input div.message,main.account-set-up-page div.codian-form label.dp-input-label div.dp-input div.message,main.account-set-up-page div.company-form label.dp-input-label div.dp-input div.message{position:absolute;bottom:0;left:0;width:100%;height:-moz-fit-content;height:fit-content;font-weight:700;display:flex;align-items:center;justify-content:center;padding:15px 0 40px;background-color:rgba(0,0,0,.6745098039);color:#fff;transition:.25s}main.account-set-up-page div.avatar-form label.dp-input-label input,main.account-set-up-page div.codian-form label.dp-input-label input,main.account-set-up-page div.company-form label.dp-input-label input{display:none}main.account-set-up-page div.avatar-form div.final-action-btns,main.account-set-up-page div.codian-form div.final-action-btns,main.account-set-up-page div.company-form div.final-action-btns{width:100%;display:flex;justify-content:center;margin-top:35px;gap:20px}main.account-set-up-page div.avatar-form div.final-action-btns button,main.account-set-up-page div.codian-form div.final-action-btns button,main.account-set-up-page div.company-form div.final-action-btns button{font-size:16px;padding:10px 20px;border:none;outline:none;font-weight:700;border-radius:8px;cursor:pointer;transition:.25s}main.account-set-up-page div.avatar-form div.final-action-btns button.submit,main.account-set-up-page div.codian-form div.final-action-btns button.submit,main.account-set-up-page div.company-form div.final-action-btns button.submit{background-color:#4285f4;color:#fff;border:2px solid #4285f4}main.account-set-up-page div.avatar-form div.final-action-btns button.submit:hover,main.account-set-up-page div.codian-form div.final-action-btns button.submit:hover,main.account-set-up-page div.company-form div.final-action-btns button.submit:hover{background-color:#fff;color:#4285f4}main.account-set-up-page div.avatar-form div.final-action-btns button.back,main.account-set-up-page div.codian-form div.final-action-btns button.back,main.account-set-up-page div.company-form div.final-action-btns button.back{background-color:#353535;color:#fff;border:2px solid #353535}main.account-set-up-page div.avatar-form div.final-action-btns button.back:hover,main.account-set-up-page div.codian-form div.final-action-btns button.back:hover,main.account-set-up-page div.company-form div.final-action-btns button.back:hover{background-color:#fff;color:#353535}*{box-sizing:border-box;padding:0;margin:0}.credentials-layout{width:100%;height:100vh;overflow:hidden}.credentials-layout main.login-page{width:100%;height:100%;color:#1d2437;display:flex}body,html{width:100%;height:100%;overflow-x:hidden;scroll-behavior:smooth}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body,html{-ms-overflow-style:none;scrollbar-width:none}a{color:inherit;text-decoration:none}@media only screen and (max-width:767px){.credentials-layout main.login-page{flex-direction:column}.credentials-layout main.login-page div.image-section{display:none}}.credentials-layout main.login-page .form-column{width:50%;max-height:100vh;position:relative;content:"";display:flex;flex-direction:column;justify-content:center;align-items:center}.credentials-layout main.login-page .form-column div.login-section{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;overflow-y:scroll;padding:50px 0}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section{width:100%}}.credentials-layout main.login-page .form-column div.login-section div.heading{text-align:center;padding-bottom:10px;font-size:30px;font-weight:700;white-space:nowrap}.credentials-layout main.login-page .form-column div.login-section .status-message{text-align:center;padding:8px 20px;border-radius:40px;margin-bottom:20px}.credentials-layout main.login-page .form-column div.login-section .status-message.success{border:2px solid #00841d;background-color:#cdffd8}.credentials-layout main.login-page .form-column div.login-section .status-message.error{border:2px solid #840000;background-color:#ffc0c0}.credentials-layout main.login-page .form-column div.login-section .user-type{display:flex;justify-content:center;align-items:center;gap:25px;margin:10px}@media only screen and (max-width:1167px){.credentials-layout main.login-page .form-column div.login-section .user-type{flex-direction:column;align-items:center}}.credentials-layout main.login-page .form-column div.login-section .user-type button.first-view{width:180px;display:flex;align-items:center;gap:10px;justify-content:center;padding:15px;outline:none;background-color:#fff;color:#000;font-weight:700;font-size:14px;border-radius:8px;cursor:pointer;border:2px solid #4285f4;transition:.25s}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section .user-type button.first-view{width:100%}}.credentials-layout main.login-page .form-column div.login-section .user-type button.first-view:hover{background-color:#4285f4;color:#fff}.credentials-layout main.login-page .form-column div.login-section .user-type button.first-view.active{background-color:#4285f4;color:#fff;border-color:#4285f4}.credentials-layout main.login-page .form-column div.login-section .user-type button.first-view span{display:block;text-align:left}.credentials-layout main.login-page .form-column div.login-section .user-type button{width:180px;display:flex;align-items:center;gap:10px;justify-content:center;padding:15px;outline:none;background-color:#fff;color:#4285f4;font-weight:700;font-size:14px;border-radius:8px;cursor:pointer;border:2px solid #4285f4;transition:.25s}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section .user-type button{width:100%}}.credentials-layout main.login-page .form-column div.login-section .user-type button:hover{background-color:#4285f4;color:#fff}.credentials-layout main.login-page .form-column div.login-section .user-type button.active{background-color:#4285f4;color:#fff;border-color:#4285f4}.credentials-layout main.login-page .form-column div.login-section form.form{width:80%;display:flex;flex-direction:column;align-items:center}.credentials-layout main.login-page .form-column div.login-section form.form div.input{width:70%;display:flex;align-items:center;border:1px solid rgba(89,92,90,.4078431373);padding:4px;border-radius:8px;background-color:#f5f9ff;margin-bottom:10px}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section form.form div.input{width:100%}}.credentials-layout main.login-page .form-column div.login-section form.form div.input .icon{width:35px;height:35px;background-color:#4285f4;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:6px}.credentials-layout main.login-page .form-column div.login-section form.form div.input .icon .icon{height:16px;width:auto}.credentials-layout main.login-page .form-column div.login-section form.form div.input input{width:100%;padding:10px 0 10px 15px;border:none;outline:none;background-color:#f5f9ff;font-size:14px}.credentials-layout main.login-page .form-column div.login-section form.form .error-msg{color:red;font-size:13px;margin:0 0 10px}.credentials-layout main.login-page .form-column div.login-section form.form .password-recover{width:70%;padding:15px 0;text-align:right;color:#00008b}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section form.form .password-recover{width:100%}}.credentials-layout main.login-page .form-column div.login-section form.form .password-recover:hover{text-decoration:underline}.credentials-layout main.login-page .form-column div.login-section form.form button.login,.credentials-layout main.login-page .form-column div.login-section form.form button.recovery,.credentials-layout main.login-page .form-column div.login-section form.form button.signup{width:70%;padding:10px 0;outline:none;background-color:#4285f4;color:#fff;font-weight:700;font-size:14px;border-radius:8px;cursor:pointer;border:2px solid #4285f4;transition:.25s}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section form.form button.login,.credentials-layout main.login-page .form-column div.login-section form.form button.recovery,.credentials-layout main.login-page .form-column div.login-section form.form button.signup{width:100%}}.credentials-layout main.login-page .form-column div.login-section form.form button.login:hover,.credentials-layout main.login-page .form-column div.login-section form.form button.recovery:hover,.credentials-layout main.login-page .form-column div.login-section form.form button.signup:hover{background-color:#fff;color:#4285f4}.credentials-layout main.login-page .form-column div.login-section div.login-link,.credentials-layout main.login-page .form-column div.login-section div.sign-up-link{padding:10px 0;color:#4285f4}.credentials-layout main.login-page .form-column div.login-section div.login-link span,.credentials-layout main.login-page .form-column div.login-section div.sign-up-link span{color:#00008b;text-decoration:underline}.credentials-layout main.login-page .form-column div.login-section div.third-party-login{width:80%;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section div.third-party-login{width:100%}}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .separator{width:100%;display:flex;flex-direction:column;align-items:center;padding:30px 0;position:relative}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .separator .line{content:"";width:80%;height:2px;background-color:rgba(115,115,115,.233)}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .separator .caption{position:absolute;transform:translateY(-50%);padding:20px;background-color:#fff;font-weight:700}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .separator .caption span{align-items:center;padding:30px 0;opacity:.6}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .platforms{display:flex;align-items:center;justify-content:center;gap:20px}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section div.third-party-login .platforms{flex-direction:column}}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .platforms .platform{display:flex;gap:25px;align-items:center;font-size:16px;padding:10px 30px;cursor:pointer;border:1px solid rgba(115,115,115,.233);border-radius:8px;transition:all .3s ease}@media only screen and (max-width:767px){.credentials-layout main.login-page .form-column div.login-section div.third-party-login .platforms .platform{width:100%}}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .platforms .platform:hover{background-color:#f5f9ff;border-color:#4285f4}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .platforms .platform .logo{height:20px!important;width:20px!important;object-fit:contain!important;position:relative!important;overflow:visible!important;border-radius:0!important}.credentials-layout main.login-page .form-column div.login-section div.third-party-login .platforms .platform .company{font-weight:500;color:#1d2437}.credentials-layout main.login-page div.image-section{width:50%;height:100%;content:"";position:relative}