* {
  background: url(/images/img/images/bg-3.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.btn-color {
  background-color: #0e1c36;
  color: #fff;
}


.profile-image-pic {
  height: 12.5rem;
  width: 12.5rem;
  object-fit: cover;
}

a {
  text-decoration: none;
}

.card {
  border: none;
}

.loginpage form input {
  height: 3rem;
  background: #f3f6f9;
  border-radius: 0.625rem;
  border: none;
  padding-left: 1.25rem;
}

.loginpage form input::placeholder {
  color: #b5b5c3;
}

.loginpage form input:focus {
  box-shadow: none;
  background: #ebedf3;
}

.loginpage form button {
  background: #2895CC;
  color: #fff;
  font-weight: 500;
  width: 100%;
  height: 2.75rem;
  border: none;
  border-radius: 0.625rem;
}

.loginpage form button:hover {
  color: #fff;
}
.loginpage form button:focus {
  outline: none;
}
.loginpage h3 {
  font-size: 1.5rem;
  font-family: sans-serif;
  font-weight: 500;
}
.loginpage p {
  font-size: 0.875rem;
  font-family: sans-serif;
  margin-bottom: 4.063rem;
}

.loginpage .card-body {
  border-radius: 0.625rem;
}
.loginpage .card img{
  width: 300px;
}

.loginpage .card-body span {
  display: block;
  position: relative;
  background-repeat: repeat;
  top: -2.18rem;
  left: 25rem;
  width: 22px;
  height: 22px;
  background: transparent;
}
@media only screen and (max-width: 992px) {
  .loginpage .card-body span {
    left: 23.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .loginpage .card-body span {
    left: 26.5rem;
  }
  .loginpage .card img{
    width: 250px;
  }
}
@media only screen and (max-width: 528px) {
  .loginpage .card-body span {
    left: 22.5rem;
  }
}

@media only screen and (max-width: 456px) {
  .loginpage .card-body span {
    left: 20rem;
  }
}
@media only screen and (max-width: 416px) {
  .loginpage .card-body span {
    left: 18rem;
  }
}
@media only screen and (max-width: 380px) {
  .loginpage .card-body span {
    left: 16rem;
  }
}
.fa-eye:before {
  background-color: transparent;
}

.fa-eye-slash:before {
  background-color: transparent;
}
