.fitnessform-sec{
    padding:60px 0;
    background:url("../image/fitnessbg.png");
    min-height:100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fitness-heading{
    max-width:750px;
    margin: 0 auto;
    margin-bottom:50px;
}
.fitness-heading > .rajdhani-txt{
    text-align:center;
}
.fitness-heading > .center-txt{
    text-align:center;
    color:#D7FB00;
}
.fitness-heading> .title2{
    max-width:750px;
    font-size:44px;
    text-align:center;
}
/*.height-weightsec input[type=text]{
    max-width:450px;
    width:100%;
    padding:10px 20px;
    border:2px solid #ddd8d833;
    background:transparent;
    border-radius:5px;
    margin-bottom:20px;
}
.gender-sec input[type=age]{
    max-width:450px;
    width:100%;
    padding:10px 20px;
    border:2px solid #d8d2d233;
    background:transparent;
    border-radius:5px;
    margin-bottom:20px;
}*/
.calculate-btn{
    margin-top:30px;
}
.fitness-form form {
  max-width: 600px;
 /* margin: auto;*/
}

.fitness-form input,
.fitness-form select {
  width: 100%;
  background: transparent;
  border: 1px solid #777;
  border-radius: 10px;
  padding: 14px 16px;
  color: #fff;
  font-size: 14px;
  outline: none;
}

.fitness-form input::placeholder {
  color: #aaa;
}

.fitness-form select {
  color: #aaa;
  appearance: none;
}
.height-weightsec,
.gender-sec {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

/*.fitness-form select {
  margin-bottom: 25px;
}*/


.fitness-form input:focus,
.fitness-form select:focus {
  border-color: #d7fb00;
}
@media (max-width: 768px) {
  .height-weightsec,
  .gender-sec {
    flex-direction: column;
    gap: 15px;
  }

  .fitness-form form {
    padding: 0 10px;
  }
}