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