.form__section {
  padding: 10rem 0;
  background-image: -webkit-gradient(
    linear,
    left bottom, left top,
    from(#19253b),
    to(#19253bda)
  );
  background-image: -o-linear-gradient(
    bottom,
    #19253b 0%,
    #19253bda 100%
  );
  background-image: linear-gradient(
    0deg,
    #19253b 0%,
    #19253bda 100%
  );
}

.form {
  margin-bottom: 10rem;
  width: min( 100%, 600px);
}




.color-heading {
    background-image: -o-linear-gradient(
    45deg,
    #dc0155 40%,
    #ffc548  70%
  );
    background-image: linear-gradient(
    45deg,
    #dc0155 40%,
    #ffc548  70%
  );
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  /* text-shadow: 0 0 10px var(--mycol-4); */
  padding: 15px 5px;
  border-radius: var(--bradius);
}

.fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  padding: 2rem;
  gap:0.5rem;
  border-radius: var(--bradius);

  -webkit-box-shadow: 0 0 30px var(--mycol-2);

          box-shadow: 0 0 30px var(--mycol-2);
  text-align: center;
  color: var(--mycol-1);
  font-size: min(4vw, 1.5rem);
  background-color: var(--mycol-4);

}

.legend {
  font-size: min(5.5vw, 2rem);
  color: var(--mycol-5);

  font-family: "noteworthy";

}

.btn_fieldset {
  height: auto;
  color: var(--mycol-2);
  background-color: var(--mycol-3);
}

.fieldset__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.fieldset__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  outline: 1px solid transparent;
  border-radius: var(--bradius);
  border: 2px solid var(--mycol-2);
  -webkit-box-shadow: 0 0 15px var(--mycol-2) inset;
          box-shadow: 0 0 15px var(--mycol-2) inset;
  padding: 10px;
  font-family: "noteworthy";
  font-weight: 600;
  font-size: min(4vw, 1.8rem);
  color: var(--mycol-3);
  background-color: var(--mycol-1);

}

.fieldset__input::-webkit-input-placeholder{
  color: var(--mycol-2);
}

.fieldset__input::-moz-placeholder{
  color: var(--mycol-2);
}

.fieldset__input:-ms-input-placeholder{
  color: var(--mycol-2);
}

.fieldset__input::-ms-input-placeholder{
  color: var(--mycol-2);
}

.fieldset__input::placeholder{
  color: var(--mycol-2);
}

.fieldset__number {
  width: 100px;
}

.fieldset__input:hover {
  outline-color: var(--mycol-3);
  color: var(--mycol-4);
  position: relative;
  top: 5px;
}

.fieldset__input:first {
  outline-color: var(--mycol-1);
}

.fieldset__input:active {
  outline-color: var(--mycol-3);
  background-color: var(--mycol-2);
}






/* чек бокс fieldset */

.checkbox {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  cursor: pointer;
}

.assent {
  display: block;
  padding-top: 1rem;
  margin-bottom: 2rem;
}

.checkbox__text {

  padding-left: calc(1em + 10px);
}

.checkbox__input {
  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;
}

.checkbox__input::before {
  content: "";
  cursor: pointer;
  position: absolute;
  top: 5px;
  left: 0;
  width: 1em;
  height: 1em;
  border: 3px solid var(--mycol-2);
  border-radius: 100%;
}

.checkbox__input:checked::before {
  background: var(--mycol-3);
}

.checkbox__text:hover {
  color: var(--mycol-2);
}

/* чек бокс */