.form-section {
  background-color: #cfd3dc;
  max-width: 1280px;
  margin: 0 auto;
}

.form-wrapper {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .form-wrapper {
    margin-bottom: clamp(1.875rem, 7.892vw - 0.063rem, 6.25rem);
    padding-top: 68px;
  }
}

.form-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 793px;
  border-radius: 50px;
}
@media screen and (max-width: 1279px) {
  .form-img {
    display: none;
  }
}

.form-text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(1.125rem, 1.578vw + 0.737rem, 2rem);
  line-height: clamp(1.35rem, 1.533vw + 0.973rem, 2.2rem);
  text-align: center;
  color: var(--black-default);
  margin-bottom: clamp(1.25rem, 9.019vw - 0.965rem, 6.25rem);
}

.form {
  position: relative;
  z-index: 2;
  border-radius: 50px;
  padding: clamp(1.875rem, 5.411vw + 0.546rem, 4.875rem) clamp(0.75rem, 10.147vw - 1.742rem, 6.375rem);
  background-color: var(--black-default);
  max-width: 590px;
}
@media screen and (max-width: 1279px) {
  .form {
    margin: 0 auto;
  }
}

.form-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: clamp(1.25rem, 1.353vw + 0.918rem, 2rem);
  line-height: 110%;
  text-align: center;
  color: var(--white-default);
  margin-bottom: 32px;
}

.form-input-box {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-input {
  border-radius: 12px;
  padding: 16px 20px;
  width: 100%;
  height: 60px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: var(--black-default);
}
.form-input::-moz-placeholder {
  color: #c5c6c8;
}
.form-input::placeholder {
  color: #c5c6c8;
}

.form-button {
  display: block;
  border-radius: 12px;
  padding: 10px;
  width: 100%;
  height: 60px;
  border: none;
  background-color: var(--green-default);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: var(--black-default);
  transition: background-color var(--time-function), color var(--time-function);
}
.form-button:hover {
  background-color: var(--green-hover);
  color: var(--white-default);
}
/*# sourceMappingURL=form-section.css.map */