#login-page {
  background: #eec0a2;
  background: linear-gradient(128deg, #0e1f3b 0%, #02041b 100%);
  height: 100vh;
}
#login-page .top-nav {
  padding: 20px 0px;
}
#login-page .top-nav ul {
  float: right;
}
#login-page .top-nav ul li a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  display: block;
  color: white;
  text-align: right;
  padding: 15px 0px 15px 20px;
}
#login-page .top-nav ul li .active {
  background: white;
  border-top-left-radius: 25px;
  padding: 15px 25px 15px 20px;
  border-bottom-left-radius: 25px;
  color: black;
}
#login-page .bottom-part {
  color: #affff9;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
}
#login-page .bottom-part h1 {
  font-size: 30px;
  font-weight: 100;
}
#login-page .bottom-part h2 {
  font-size: 60px;
  font-weight: 800;
  padding: 20px 0px;
  text-transform: capitalize;
}
#login-page .bottom-part h3 {
  font-size: 14px;
}
#login-page .right {
  background: #142b4a;
  padding: 100px 20px;
}
#login-page .right .logo {
  padding: 30px 0px;
  text-align: center;
}
#login-page .right .logo img {
  width: 100px;
}
#login-page .right form {
  padding: 0px 0px 50px;
}
#login-page .right form h3 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  padding-bottom: 20px;
}
#login-page .right form .input-group-text {
  background: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #c7c7c7;
  color: white;
  border-right: 1px solid #525252;
}
#login-page .right form .form-control {
  border-radius: 0;
  border: 0;
  background: transparent;
  color: white;
  border-bottom: 1px solid #c7c7c7;
}
#login-page .right form .form-control::placeholder {
  color: #686868;
}
.content {
  margin-top: 100px;
}
@media (max-width: 575.98px) {
  .right-sm-none {
    display: none;
  }
  .content {
    margin-top: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .right-sm-none {
    display: none;
  }
  .content {
    margin-top: 50px;
  }
}