.wrapper{width:100vw;height:100vh;background-color:var(--background-color);display:flex;justify-content:center;align-items:stretch;margin:0;padding:0;gap:0}.register_container{flex:7;height:100vh;padding:20px;display:flex;justify-content:center;align-items:center;position:relative}.register_container .register_body{min-width:500px;width:50%;padding:20px 30px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.register_body .logo_container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:50px}.register_body .logo_container svg{width:40%;height:100%}.register_body .form{width:100%;padding:20px 10%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:10px}.register_body .form label{width:100%;text-align:left;color:rgb(17, 17, 17);font-size:15px;letter-spacing:-0.5px}.register_body .form input{width:100%;outline-width:0px;border-width:0px;border-radius:10px;font-size:16px;padding:10px 20px;box-shadow:#3c40434d 0px 1px 2px 0px, #3c404326 0px 2px 6px 2px;margin-bottom:5px;transition:all ease-in-out .3s}.register_body .form input:hover,
.register_body .form input:focus{color:var(--primary);box-shadow:#10a0dc4d 0px 1px 2px 0px, #10a0dc26 0px 2px 6px 2px}.register_body .form .password_input{width:100%;margin:0px;padding:0px;position:relative}.register_body .form .forgot_password{width:100%;margin:0;margin-bottom:20px;font-size:12px;text-align:right;color:var(--primary)}.register_body .form .password_input input{margin-bottom:0px;padding-right:50px}.register_body .form .password_input .eye_icon{display:flex;justify-content:center;align-items:center;height:100%;position:absolute;right:15px;top:0px;height:100%;cursor:pointer}.register_body .form .password_input .eye_icon svg{width:25px;height:25px;stroke:var(--text-color);transition:all ease-in-out 0.3s}.register_body .form .password_input .eye_icon:hover svg{stroke:var(--primary);stroke-width:2px}.register_body .form button{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px 20px;border-radius:10px;border:2px solid var(--primary);outline-width:0px;background-color:var(--primary);color:white;font-size:16px;cursor:pointer;transition:all ease-in-out .3s}.register_body .form button:hover,
.register_body .form button:focus{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}.register_body .form .button{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px 20px;border-radius:10px;border:2px solid var(--primary);outline-width:0px;background-color:transparent;color:var(--primary);font-size:16px;cursor:pointer;transition:all ease-in-out .3s}.register_body .form .button:hover,
.register_body .form .button:focus{background-color:var(--primary);border:2px solid var(--primary);color:var(--background-color)}.register_body .or{margin:0;color:var(--text-color);margin-bottom:20px}.register_body .other_auths{display:flex;justify-content:center;align-items:stretch;gap:5px;flex-direction:row;width:100%;padding:0px 10%}.register_body .other_auths .item{background-color:white;padding:10px 20px;flex:1;display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(235, 235, 235, 0.5) -3px -3px 6px 1px inset;transition:all ease-in-out .3s;cursor:pointer}.register_body .other_auths .item:hover{box-shadow:none}.register_body .other_auths .item svg{width:25px;height:25px}.register_body .language{position:absolute;right:20px;top:20px;display:flex;justify-content:center;align-items:center;display:none}.register_body .language select{outline-width:0px;border:2px solid var(--primary);background-color:var(--background-color);color:var(--primary);padding:10px 15px;font-family:Inter-Bold;font-size:18px;border-radius:10px;cursor:pointer;transition:all ease-in-out 0.3s}.register_body .language:hover select{color:white;background-color:var(--primary);border:2px solid white}.img_container{flex:6;height:100vh;padding:10px;display:flex;justify-content:center;align-items:center;position:relative}.img_container .img_body{width:100%;height:100%;background-color:#459fc55e !important;border-radius:10px;position:relative;background-size:cover;background-position:center;overflow:hidden}.img_body .titles{margin-top:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 10%}.titles h1{color:white;font-family:Inter-Bold;font-size:50px;margin:0;margin-bottom:20px}.titles p{color:rgb(240, 240, 240);font-family:Inter-Bold;font-size:14px;margin:0;text-align:center}.img_container .img_body .language{position:absolute;right:10px;top:10px;display:flex;justify-content:center;align-items:center}.img_container .img_body .language select{outline-width:0px;border:2px solid var(--primary);background-color:var(--background-color);color:var(--primary);padding:10px 15px;font-family:Inter-Bold;font-size:18px;border-radius:10px;cursor:pointer;transition:all ease-in-out 0.3s}.img_container .img_body .language:hover select{color:white;background-color:var(--primary);border:2px solid white}.img_container .img_body .world_container{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:-35%}.world_container .world_body{display:flex;justify-content:center;align-items:center;width:100%}.world_container .world_body .world{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.world_container .world_body .world svg{width:100%;height:100%;animation:spin 60s linear 0s infinite}.world_container .world_body .car{/* width:150px;height:60px;*/ position:absolute;display:flex;justify-content:center;align-items:center;top:15%;height:5%}.world_container .world_body .car svg{width:100%;height:100%}/* .world_container .world_body .car .spin{animation:spin 1s linear 0s infinite}*/ @media screen and (max-width:1050px){.img_container{display:none}.register_body .language{display:flex}.register_container{width:100%}}@keyframes spin{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotateZ(-360deg);-moz-transform:rotateZ(-360deg);-webkit-transform:rotateZ(-360deg);-o-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}}.car{/* width:150px;height:60px;*/ position:absolute;display:flex;justify-content:center;align-items:center;top:15%;height:5%}.wheels{width:100%;height:100%;position:absolute}.car > svg{width:100%;height:100%;animation:up_down .5s ease-in-out 0s infinite alternate-reverse}.wheels > div{position:absolute;width:16%;top:66%}.wheels svg{animation:spin 3.6s linear 0s infinite}.wheel_left{left:10%}.wheel_right{left:75.5%}.wheels .wheel_left svg{width:100%;height:100%}.wheels .wheel_right svg{width:100%;height:100%}@keyframes spin{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes up_down{0%{transform:translateY(-1%)}50%{transform:translateY(0%)}100%{transform:translateY(3%)}}