@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";body{margin:0;padding:0;background:#f4f6fb;font-family:Inter,sans-serif}.App{margin:0 0 50px}.App .container-logos-ipg{margin:0 0 80px}.App .wrapper-logos img:first-child{width:200px;height:32px}.App .wrapper-logos img:nth-child(2){width:120px;height:58px}.App .wrapper-logos img:nth-child(3){width:140px;height:56px}.App .wrapper-logos img:nth-child(4){width:70px;height:70px}.App .wrapper-logos{box-shadow:#0000001a 0 1px 2px;padding:15px 0;display:flex;grid-template-columns:max-content;align-items:center;justify-items:center;align-content:center;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.App .wrapper-content{margin:0 30px}.App .wrapper-content .img-wrapper{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;flex-direction:column;justify-content:center;margin-top:50px}.App .wrapper-content .img-wrapper img{border-bottom-left-radius:35px;border-bottom-right-radius:25%;max-width:300px;width:100%;margin:0}.App .wrapper-content .content-new-employee{max-width:670px;width:100%}.App .wrapper-content .content-new-employee p{font-size:18px;color:#767676;margin-bottom:20px}.App .wrapper-content .content-new-employee h3{font-size:18px;font-weight:500}.App .wrapper-content .content-new-employee h1{font-size:34px;color:#2b364b;margin:0}.App form h3{font-size:20px;font-weight:700;color:#2b364b;margin-bottom:30px;margin-top:10px;text-decoration:underline}.App form .container-input{display:grid;grid-template-columns:1fr;margin:50px 30px;gap:12px}.App form .wrapper-input{margin:10px 0}.App form .wrapper-input .name-details{display:block;color:#434242ed;max-width:900px;margin:5px 0;font-size:15px;font-weight:400}.App form .wrapper-input .email-group{display:flex;gap:10px;align-items:flex-start;margin-top:8px}.App form .wrapper-input .email-group input[type=text],.App form .wrapper-input .email-group select{flex:1;max-width:250px;height:52px;padding:0 12px;font-size:16px;border:1px solid #d6e4e5;border-radius:4px;transition:border-color .2s ease;box-sizing:border-box;line-height:40px}.App form .wrapper-input .email-group input[type=text]:focus,.App form .wrapper-input .email-group select:focus{outline:none;border-color:#625b91a3}.App form .wrapper-input .email-group select{background-color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.App form .wrapper-input .example-email{margin-top:8px;color:#625b91a3;font-size:14px;font-style:italic}.App form .wrapper-form{max-width:1190px;margin:0 auto;width:100%}.App form input[type=text]{height:28px;border-radius:4px;border:1px solid #d6e4e5;max-width:250px;width:100%}.App form input[type=text]:focus{border:1px solid rgba(98,91,145,.6392156863)}.App form input[type=file]{opacity:0;width:165px;height:40px}.App form .wrapper-file{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;gap:20px}.App form .files-name{font-size:18px;font-weight:400;margin:0;color:#000}.App form .wrapper-file-input{width:165px;background-color:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px #0000000d;border-radius:4px}.App form .file-input{position:relative;overflow:hidden}.App form .file-label{position:absolute;margin-right:16px;transition:background-color .2s;width:165px;height:40px;font-weight:400;text-align:center;display:grid;align-items:center}.App form .wrapper-file-input:hover,.App form .wrapper-file-input:active{background-color:#f9faff}.App form .wrapper-file-details{display:block;color:#434242ed;max-width:900px;margin:0 0 15px;font-size:15px}.App form .error{color:#d51906;font-size:14px;font-weight:400}.App form label{display:flex;flex-direction:column;gap:8px;text-align:left;margin-bottom:10px;font-size:18px;color:#222222eb;font-weight:700;letter-spacing:.01em;padding:0}.App form label input{padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px}.App form label input:focus{outline:none;border-color:#007bff}.App form label .error,.App form label .required{color:#d51906;font-size:14px;margin-top:4px}.App form .btn-submit{background-color:#2e5bff;color:#fff;padding:15px;font-size:16px;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s;max-width:250px;margin:30px 0 30px 30px;width:100%}.App form .btn-submit:hover{background-color:#2144c1}.App form .wrapper-clear-name{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;position:relative}.App form .wrapper-success-message{text-align:center;margin:15% auto;padding:20px;width:60%}.App form .wrapper-img-success{background:#3ec18d;border:1px solid #3ec18d;border-top-right-radius:4px;border-top-left-radius:4px;display:grid;align-content:center;justify-content:center;justify-items:center;grid-template-columns:max-content max-content;align-items:center}.App form .wrapper-clear-btn{font-size:15px;cursor:pointer;border-radius:4px;text-align:center;position:absolute;top:0;right:0;margin-top:-13px;margin-right:-18px}.App form .wrapper-content-success{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:#fff;display:grid;align-content:center;justify-content:center;align-items:center;justify-items:center;height:190px}.App form .wrapper-content-error{font-size:18px;font-weight:400;color:#d51906;margin-left:30px}.App form .wrapper-content-error p{padding:0;margin:0;max-width:450px;width:100%}.App form .wrapper-success-message .text-success{font-size:24px;color:#788c8f;margin:0;font-weight:500}.App form .p-thank-you{color:#222;font-size:28px;font-weight:500;margin-bottom:10px}.App form .container-success{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000b3}@media(min-width:768px){.App .wrapper-content{margin:0 30px}.App .wrapper-content .img-wrapper img{max-width:500px}.App .wrapper-logos{gap:30px}.App form .container-input{margin:0 30px}.App .container-new-employee{display:grid;grid-template-columns:1.4fr 2fr;gap:50px}.App .wrapper-input{margin:20px 0}.App .wrapper-input:first-child{margin-top:0}}