.form--1 .form-heading {
  margin-block-end: 2.5rem;
}

.form--1 input::placeholder,
.form--1 textarea::placeholder {
  color: rgba(13, 13, 13, 0.5);
}

.form--1 .text-help,
.form--1 .help-block {
  margin-block-start: 0.25rem;
  font-size: 1rem;
}

.form--1 .form-mandatory,
.form--1 .has-danger .text-help {
  color: red;
}

.form--1 fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 1rem 2rem 2rem 2rem;
}

.form--1 fieldset ~ fieldset {
  margin-block-start: 2rem !important;
}

.form--1 fieldset legend {
  font-family: var(--ff-heading);
  font-size: var(--h4);
  font-weight: 400;
  color: var(--clr-secondary);
  text-transform: uppercase;
  hyphens: auto;
}

.form--1 .form-group ~ .form-group,
.form--1 .form-row ~ .form-row,
.form--1 .form-row ~ .form-group {
  margin-block-start: 1.25rem;
}

.form--1 .form-label,
.form--1 .form-input,
.form--1 .form-select,
.form--1 .form-multiselect,
.form--1 .form-textarea,
.form--1 .form-file {
  display: block;
  width: 100%;
}

.form--1 .form-input,
.form--1 .form-select,
.form--1 .form-multiselect,
.form--1 .form-textarea,
.form--1 .form-file {
  font-family: inherit;
  color: inherit;
}

.form--1 .form-input,
.form--1 .form-select,
.form--1 .form-multiselect,
.form--1 .form-textarea {
  margin-top: 0.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

.form--1 .form-input,
.form--1 .form-select,
.form--1 .form-multiselect,
.form--1 .form-textarea,
.form--1 .form-checkbox,
.form--1 .form-radio {
  border-color: var(--clr-secondary);
}

.form--1 .form-input:focus,
.form--1 .form-select:focus,
.form--1 .form-multiselect:focus,
.form--1 .form-textarea:focus,
.form--1 .form-checkbox:focus,
.form--1 .form-radio:focus {
  --tw-ring-color: var(--clr-secondary);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.form--1 .form-file,
.form--1 .inputs-list {
  margin-top: 0.25rem;
}

.form--1 .form-label-checkbox,
.form--1 .form-label-radio {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.form--1 .form-checkbox,
.form--1 .form-radio {
  width: 1.5rem;
  height: 1.5rem;

  border-style: solid;

  color: var(--clr-secondary);
}

.form--1 .form-actions {
  margin-block-start: 2.5rem;
}

.form--1 .form-actions .btn-group[role='group'] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

.form--1 .form-actions .next .btn,
.form--1 .form-actions .previous .btn {
  --_button-color: var(--button-color, var(--clr-white));
  --_button-hover-color: var(--button-hover-color, var(--clr-secondary));
  --_button-bg-color: var(--button-bg-color, var(--clr-secondary));
  --_button-bg-hover-color: var(--button-bg-hover-color, transparent);
  --_button-border-color: var(--clr-secondary);

  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-inline: 1.375rem;
  padding-block: 0.75rem;
  color: var(--_button-color);
  background-color: var(--_button-bg-color);
  border: 1px solid var(--_button-border-color);

  font-family: inherit;
  font-size: 1.125rem;
  font-weight: 700;

  text-transform: uppercase;
  text-decoration: none;
  text-align: center;

  transition:
    gap 400ms ease,
    color 400ms ease,
    background-color 400ms ease,
    border 400ms ease;
  cursor: pointer;
}

.form--1 .form-actions .next .btn:hover,
.form--1 .form-actions .next .btn:focus,
.form--1 .form-actions .previous .btn:hover,
.form--1 .form-actions .previous .btn:focus {
  gap: 1rem;
  color: var(--_button-hover-color);
  background-color: var(--_button-bg-hover-color);
  border: 1px solid var(--_button-border-color);
}

.form--1 .form-actions .submit .btn svg,
.form--1 .form-actions .submit .btn::after {
  flex-shrink: 0;
  width: 0.7rem;
  height: 0.7rem;
  transform: scale3d(1, 1, 1);
  transition: transform 400ms ease;
}

.form--1 .form-actions .submit .btn::after {
  content: '';
}

.form--1 .form-actions .submit .btn:hover svg,
.form--1 .form-actions .submit .btn:focus svg,
.form--1 .form-actions .submit .btn:hover::after,
.form--1 .form-actions .submit .btn:focus::after {
  transform: scale3d(1.2, 1.2, 1.2);
}

.form--1 .form-actions .submit .btn-primary {
  --_button-color: var(--clr-white);
  --_button-hover-color: var(--clr-secondary);
  --_button-bg-color: var(--clr-secondary);
  --_button-bg-hover-color: transparent;
  --_button-border-color: var(--clr-secondary);
}

.form--1 .form-actions .submit .btn-primary::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMTA1ODExIDEuNDQ4MjhDLTAuMDgxNjg4NiAxLjA3MzI4IC0wLjAxNjA2MzYgMC42MjAxNTIgMC4yNzE0MzYgMC4zMTM5MDJDMC41NTg5MzYgMC4wMDc2NTI0IDEuMDA1ODEgLTAuMDgyOTcyNiAxLjM5MzMxIDAuMDc5NTI3NEwxNS4zOTMzIDYuMDc5NTNDMTUuNzYyMSA2LjIzNTc4IDE1Ljk5OTYgNi41OTgyOCAxNS45OTk2IDYuOTk4MjhDMTUuOTk5NiA3LjM5ODI4IDE1Ljc2MjEgNy43NjA3OCAxNS4zOTMzIDcuOTE3MDNMMS4zOTMzMSAxMy45MTdDMS4wMDg5NCAxNC4wODI3IDAuNTU4OTM2IDEzLjk4ODkgMC4yNzE0MzYgMTMuNjgyN0MtMC4wMTYwNjM2IDEzLjM3NjQgLTAuMDgxNjg4NiAxMi45MjMzIDAuMTA1ODExIDEyLjU0ODNMMi44ODA4MSA3LjAwMTRMMC4xMDU4MTEgMS40NDgyOFpNMy43NDk1NiA3LjUwMTRMMC45OTk1NjEgMTMuMDAxNEwxMy44MzM5IDcuNTAxNEgzLjc0OTU2Wk0xMy44MzM5IDYuNTAxNEwwLjk5OTU2MSAxLjAwMTRMMy43NDk1NiA2LjUwMTRIMTMuODMzOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.form--1 .form-actions .submit .btn-primary:hover::after,
.form--1 .form-actions .submit .btn-primary:focus::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMTA1ODExIDEuNDQ4MjhDLTAuMDgxNjg4NiAxLjA3MzI4IC0wLjAxNjA2MzYgMC42MjAxNTIgMC4yNzE0MzYgMC4zMTM5MDJDMC41NTg5MzYgMC4wMDc2NTI0IDEuMDA1ODEgLTAuMDgyOTcyNiAxLjM5MzMxIDAuMDc5NTI3NEwxNS4zOTMzIDYuMDc5NTNDMTUuNzYyMSA2LjIzNTc4IDE1Ljk5OTYgNi41OTgyOCAxNS45OTk2IDYuOTk4MjhDMTUuOTk5NiA3LjM5ODI4IDE1Ljc2MjEgNy43NjA3OCAxNS4zOTMzIDcuOTE3MDNMMS4zOTMzMSAxMy45MTdDMS4wMDg5NCAxNC4wODI3IDAuNTU4OTM2IDEzLjk4ODkgMC4yNzE0MzYgMTMuNjgyN0MtMC4wMTYwNjM2IDEzLjM3NjQgLTAuMDgxNjg4NiAxMi45MjMzIDAuMTA1ODExIDEyLjU0ODNMMi44ODA4MSA3LjAwMTRMMC4xMDU4MTEgMS40NDgyOFpNMy43NDk1NiA3LjUwMTRMMC45OTk1NjEgMTMuMDAxNEwxMy44MzM5IDcuNTAxNEgzLjc0OTU2Wk0xMy44MzM5IDYuNTAxNEwwLjk5OTU2MSAxLjAwMTRMMy43NDk1NiA2LjUwMTRIMTMuODMzOVoiIGZpbGw9IiMwMDRmOGMiLz4KPC9zdmc+');
}

.form--1 .form-row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.25rem;
}

@media (min-width: 992px) {
  .form--1 .component__content {
    grid-column: 4 / 12;
  }

  .form--1 .form-actions .btn-group[role='group'] {
    flex-direction: row;
    justify-content: flex-end;
  }

  .form--1 .form-row {
    grid-template-columns: repeat(12, 1fr);
  }

  .form--1 .col-12 {
    grid-column: auto / span 12;
  }

  .form--1 .col-11 {
    grid-column: auto / span 11;
  }

  .form--1 .col-10 {
    grid-column: auto / span 10;
  }

  .form--1 .col-9 {
    grid-column: auto / span 9;
  }

  .form--1 .col-8 {
    grid-column: auto / span 8;
  }

  .form--1 .col-7 {
    grid-column: auto / span 7;
  }

  .form--1 .col-6 {
    grid-column: auto / span 6;
  }

  .form--1 .col-5 {
    grid-column: auto / span 5;
  }

  .form--1 .col-4 {
    grid-column: auto / span 4;
  }

  .form--1 .col-3 {
    grid-column: auto / span 3;
  }

  .form--1 .col-2 {
    grid-column: auto / span 2;
  }

  .form--1 .col-1 {
    grid-column: auto / span 1;
  }
}