@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap");
* {
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif !important;
}

.login-section {
  background-color: #FAFAFA;
}

.login-section .row {
  height: 100vh;
}

.login-section .left {
  margin-top: 50px;
}

.login-section .left .content {
  gap: 50px;
}

.login-section .left .content .data h1 {
  font-weight: 700;
  font-size: 35px;
}

.login-section .left .content .data h1 span {
  color: red;
}

.login-section .left .content .hero {
  width: 600px;
}

.login-section .right {
  background-color: #FFFFFF;
  height: 100vh;
  border-radius: 55px 0 0 55px;
}

.login-section .right .header .btn {
  background-color: #fafafa !important;
  color: red;
  font-weight: 600;
  font-size: 16px;
  border-radius: 12px;
  -webkit-transition: .4s;
  transition: .4s;
  padding: 6px 24px;
}

.login-section .right .form {
  margin-top: 100px;
}

.login-section .right .form h1 {
  font-weight: 700 !important;
  font-size: 30px;
}

.login-section .right .form input[type=email], .login-section .right .form input[type=password] {
  background-color: #FAFAFA;
  cursor: pointer;
}

.login-section .right .form input[type=email]:focus, .login-section .right .form input[type=password]:focus {
  cursor: text;
  border-color: red;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.login-section .right .form input[type=checkbox] {
  border-color: #BA0D0D;
}

.login-section .right .form input[type=checkbox]:checked {
  background-color: #BA0D0D;
}

.login-section .right .form .forgot {
  color: #BA0D0D;
}

.login-section .right .form .copyright {
  font-size: 10px;
  color: #424242;
  margin-top: 100px;
}

.login-section .right .form .recovery {
  color: #000000;
  opacity: .6;
  -webkit-transition: .4s;
  transition: .4s;
}

.login-section .right .form .recovery:hover {
  color: red;
  opacity: 1;
}
/*# sourceMappingURL=login.css.map */