.logo {
  width: 250px;
}
.login .heading {
  font-family: 'Montserrat' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  color: var(--primary-color);
  margin-top: -20px;

}

.login .btn {
  background-color: var(--primary-color);
  color: var(--light-color);
  font-weight: 600;
  font-size: 16px;
  border: 0px !important;
  letter-spacing: 0.5px;
  border-radius: 2px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.login .btn:hover {
  background-color: var(--primary-color);
  color: var(--light-color);
}

.foregt-pass-text {
  font-family: var(--secondary-fonts) !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 16px !important;
  font-variant: all-small-caps !important;
  color: var(--bold-text-3) !important;
}

input  {
  padding: 25px 10px !important;
  background-color: var(--body-color) !important;
  border-radius: 3px !important;
  border: 1px solid var(--primary-color) !important;
  border-left: 0px !important;
}

::placeholder {
  font-family: var(--secondary-fonts) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: capitalize !important;
  color: var(--bold-text-3) !important;
}

.icon {
  color: var(--bold-text-3) !important;
  font-size: 18px !important;
}

.input-group-text {
  border: 1px solid var(--primary-color) !important;
  background-color: var(--body-color) !important;
}