.form-con{
    display: flex;
    justify-content: center;
    background-color: var(--card-bg);
    border-radius: 10px;
    border: 1px solid var(--card-border);
    max-width: 500px;
    width: 100%;
    padding: 40px 0px;
    margin: 0px 20px;
}

.form-con form{
    width: 80%;
}

.form-title{
    color: var(--text-primary);
}

.form-group{
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.form-group label{
    color: var(--text-primary);
    font-weight: 600;
}


.form-group input {
  width: 75%;
  height: 35px;
  border-radius: 12px;
  background-color: var(--input-bg);
  border: 2px solid var(--input-border);
  margin-top: 5px;
  width: 100%;
  font-size: 20px;
  padding: 23px 10px;
  color: var(--text-primary)
}

.form-group input:focus{
    border-color: var(--accent);
    background-color: var(--card-bg);
    outline: none;
}

.submit-btn{
    width: 75%;
    height: 50px;
    border-radius:10px;
    background-color: var(--accent);
    /* margin-top: 60px; */
    color: white;
    border: none;
    width: 100%;
    font-weight: 800;
}