#kt23r9y {
background: linear-gradient(135deg, var(--background-dark) 0%, var(--primary-dark) 100%);
padding-block: 5rem;
padding-inline: 0;
position: relative;
overflow: hidden;

&::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
          radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.08), transparent 25%),
          radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.06), transparent 22%);
  pointer-events: none;
}

.b58raub {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.12);
  z-index: 1000;
}

.progress-bar {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--secondary), var(--secondary-light));
  transition: width 0.3s ease;
}

.container {
  position: relative;
  z-index: 1;
}

.bkjvhco {
  background: rgba(255, 255, 255, 0.97);
  border-radius: 1.75rem;
  padding: 3.25rem;
  box-shadow: 0 1.75rem 3.5rem rgba(0, 0, 0, 0.22);
  margin-bottom: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.2);

  h2 {
    color: var(--text-primary);
    font-weight: 700;
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 1rem;

    &::after {
      content: '';
      position: absolute;
      bottom: 0;
      inset-inline-start: 50%;
      transform: translateX(-50%);
      width: 3.75rem;
      height: 0.25rem;
      background: linear-gradient(90deg, var(--accent), var(--primary));
      border-radius: 999px;
    }
  }
}

.form-floating {
  position: relative;
  margin-bottom: 1.5rem;
}

.form-control,
.form-select {
  border: 2px solid var(--neutral-150);
  border-radius: 1rem;
  padding-block: 1.55rem 0.6rem;
  padding-inline: 1.2rem;
  background: var(--white);
  transition: all 0.3s ease;

  &:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 0.3rem rgba(176, 74, 150, 0.12);
  }
}

.form-floating label {
  color: var(--text-secondary);
  padding-block: 1rem;
  padding-inline: 1.2rem;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: var(--accent);
}

.b2dmmr4 {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: var(--text-light);
  padding-block: 1rem;
  padding-inline: 3rem;
  font-weight: 700;
  border: none;
  border-radius: 999px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 0.75rem 1.5rem rgba(176, 74, 150, 0.26);

  &::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-start: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
    transition: inset-inline-start 0.5s ease;
  }

  &:hover {
    transform: translateY(-2px);
    box-shadow: 0 1rem 2rem rgba(176, 74, 150, 0.32);
  }

  &:hover::before {
    inset-inline-start: 100%;
  }

  &.bid6752 {
    .b30o1lk {
      display: inline-block;
    }

    .bl4l5zb {
      visibility: hidden;
    }
  }
}

.b30o1lk {
  display: none;
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--text-light);
  border-top-color: transparent;
  border-radius: 50%;
  margin-inline-start: 0.5rem;
  animation: spinContactVariantTwo 0.6s linear infinite;
}

.b9cgygv {
  margin-top: 2rem;
}

.b6whxfi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}

.b61do3k {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 1.25rem;
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.1);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.08);
  position: relative;

  &::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
  }

  &:hover {
    transform: translateY(-0.35rem);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.14);
  }

  &:hover::before {
    border-color: var(--accent);
  }

  &:hover i {
    background: var(--accent);
    color: var(--text-light);
  }

  i {
    font-size: 1.9rem;
    color: var(--accent);
    margin-bottom: 1rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    background: rgba(176, 74, 150, 0.1);
  }

  h5 {
    color: var(--text-primary);
    font-weight: 700;
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }

  p {
    color: var(--text-secondary);
    margin: 0;
  }
}

.form-check {
  margin-bottom: 1.75rem;
  display: flex;
  gap: 10px;
}

.form-check-input {
        border: 2px solid var(--neutral-250);

  &:checked {
    background-color: var(--accent);
    border-color: var(--accent);
  }

  &:focus {
    box-shadow: 0 0 0 0.25rem rgba(176, 74, 150, 0.12);
  }
}

.form-check-label {
  color: var(--text-secondary);

  a {
    color: var(--accent);
    text-decoration: none;
    font-weight: 600;

    &:hover {
      text-decoration: underline;
      color: var(--accent-dark);
    }
  }
}

@keyframes spinContactVariantTwo {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 767.98px) {
  padding-block: 4rem;

  .bkjvhco {
    padding: 2rem 1.5rem;
  }
}
}