h3 {
  color: var(--color-dark);
  text-align: center;
}
.top {
  margin-top: 40px;
}
.step2 {
  text-align: center;
  font-size: 18px;
}
.step2 input {
  outline: none;
  border: 1px solid var(--color-primary);
}
.form.season-form div {
  width: calc(50% - 10px);
}
.arrows-form {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.aligh-left {
  text-align: left;
  color: var(--color-blue);
}
.form.season-form .flex.choice {
  gap: 35px;
  font-size: 1.1vw;
  width: 100%;
}
.form input {
  min-width: unset;
}
[type="checkbox"]{
  width: 20px;
  height: 20px;
}
.form.season-form {
  gap: 20px;
}
.ttp button {
  outline: none;
  border: none;
  border-radius:20px;
  background: var(--color-primary);
  height: 48px;
  width: 48px;
  cursor: pointer;
}
input, select {
   padding: 15px 50px;
   border: 1px solid rgba(255, 255, 255, 0.8);
   margin-top: 8px;
   min-width: 50%;
}
.ssd input, .ssd1 input {
  padding: 0;
}
input.invalid {
  background-color: rgba(255, 221, 221, 0.3);;
}
.box  select {
  background: rgba(255, 255, 255, 0.13);
}
.tab {
  display: none;
}
.ssd div {
  width: 47%;
  float: left;
  margin-right: 2.666%;
  margin-bottom: 1rem;
}
.ssd div span, .ssd1 label span {
  font-size: 1.1vw;
  padding: 10px 0;
  margin-bottom: 30px;
  display: inline-block;
}
.ssd1 label {
  width: 30%;
  float: left;
  margin-right: 5%;
  margin-bottom: 4rem;
}
.ttp {
  float: right;
  width: 100%;
  clear: both;
  margin-bottom: 30px;
  margin-top: 20px;
}
.thank-you-message {
  text-align: center;
  padding: 40px;
  margin-top: 20px;
}
.thank-you-message p {
  font-size: 18px;
}
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #e2e2e2;
  border: none;
  border-radius: 50%;
  display: inline-block;
}
.step.active {
  background-color: var(--color-primary);
}
.step.finish {
  background-color: #FFCA62;
}
::placeholder {
  color: #999999;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #999999;
}

::-ms-input-placeholder {
  color: #999999;
}
@media ( max-width: 1000px ) {
  .form.season-form .flex.choice, .ssd div span, .ssd1 label span {
    gap: 25px;
    font-size: 1.8vw;
  }
}
@media ( max-width: 680px ) {
  .form.season-form .flex.choice {
    gap: 2vw;
    font-size: 2.2vw;
  }
  .ssd div span, .ssd1 label span{
    font-size: 3vw;
  }
  [type="checkbox"] {
    width: 15px;
    height: 15px;
  }
  h3 {
    margin-bottom: 30px;
  }
  .ssd div {
    width: 100%;
    margin-right: 0;
  }
}
@media ( max-width: 500px ) {
.ssd label, .ssd label:nth-child(2n+2), .ssd1 label:nth-child(2n+2),.ssd1 label {width: 100%;  float: left;  margin-right: 0%; margin-left: 0%;}
}