.login .contentLogin{background-color:#fff;width:100%;padding:40px 20px;margin:auto;display:flex;justify-content:center;align-items:center}@media only screen and (min-width:640px){.login .contentLogin{height:100vh}}.login .contentLogin div{flex:1 1}@media only screen and (min-width:640px){.login .contentLogin{width:85%;padding:20px 10px}}.login .contentLogin .logo{margin:20px 0;cursor:pointer}.login .contentLogin .text{margin-bottom:15px}.login .contentLogin .text h1{margin-bottom:2px;color:#1a202c}.login .contentLogin .text P{font-size:16px;color:#718096}.login .formLogin .div{position:relative;margin:15px 0}.login .formLogin .div .icon{position:absolute;top:55%;transform:translateY(-50%);right:15px}.login .formLogin .div .icon img{width:28px}.login .formLogin .div .icon img.lock{width:18px;position:relative;right:5px}.login .formLogin .div input{display:block;width:100%;padding:10px 50px;border-radius:50px;border:1px solid #eee;outline:none;height:65px;font-size:20px}.login .formLogin .div input::placeholder{font-weight:500;color:#a0a0a0}.login .formLogin .div .eye{position:absolute;left:30px;top:58%;transform:translateY(-50%);cursor:pointer}.login .formLogin .div .eye span{position:absolute;height:2px;background-color:#4e4e62;width:15px;transform:rotate(45deg) translate(-50%,-50%);top:53%;left:44%;transition:.5s}.login .formLogin .error{margin:20px 0}.login .formLogin .checkbox .checkmark{position:absolute;top:7px;right:0;height:22px;width:22px;border:2px solid #797979;border-radius:50%}.login .formLogin .checkbox input[type=checkbox]:checked~.checkmark{border:2px solid var(--secondary)}.login .formLogin .checkbox input[type=checkbox]:checked~.checkmark:after{display:block;position:absolute;top:2px;left:5.5px}.login .formLogin .remember{font-size:20px;font-weight:650;color:#221f1f}.login .formLogin .buttonSumbit{background-color:var(--primary);color:#fff;font-size:25px;font-weight:500;width:100%;height:60px;border-radius:50px;border:1px solid var(--primary);transition:.5s;cursor:pointer;box-shadow:0 4px 20px 0 rgba(16,98,147,.43)}.login .formLogin .buttonSumbit:hover{background-color:#fff;color:var(--primary)}@media only screen and (min-width:640px){.login{height:80vh}}.login .logInContent{grid-template-columns:1fr;justify-content:center;align-items:center;display:grid;animation:content-animation 1s ease forwards}@media only screen and (min-width:1024px){.login .logInContent{grid-template-columns:1fr 1fr}}@keyframes content-animation{0%{opacity:0}to{opacity:1}}.notFount{height:150px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:var(--primary);font-size:35px;font-weight:700}.login .heroBannerLogin{display:none}@media only screen and (min-width:1024px){.login .heroBannerLogin{display:block}}.login .heroBannerLogin .heroBanner{background-image:url(/_next/static/media/banner.b73988b7.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;overflow:hidden}.login .heroBannerLogin .heroBanner .content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.login .heroBannerLogin .heroBanner .content .text{width:80%;margin:25px auto;text-align:center}.login .heroBannerLogin .heroBanner .content .text h1{color:#000;font-size:42px;font-weight:800;line-height:1.6;margin-top:20px}.login .heroBannerLogin .heroBanner .content .text h1 span{color:var(--primary)}@media only screen and (min-width:1190px){.login .heroBannerLogin .heroBanner .content .text h1{font-size:48px}}.login .heroBannerLogin .heroBanner .content .text p{color:#000;font-size:17px;font-weight:600;width:70%;margin:2px auto}.login .heroBannerLogin .heroBanner .content .image{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}.login .heroBannerLogin .heroBanner .content .image:before{content:"";position:absolute;width:600px;height:550px;background-color:hsla(0,0%,100%,.071);left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.login .heroBannerLogin .heroBanner .content .image:after{content:"";position:absolute;width:450px;height:450px;background-color:hsla(0,0%,100%,.145);left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.login .heroBannerLogin .heroBanner .content .image img{z-index:10;position:relative}