.ohnohoney {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

.thank_you,
.contact {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 40px;
  padding: 80px 40px;
}

.contact-container {
  grid-column: 4 / 10;
  display: grid;
  width: 100%;
  align-content: start;
}

.contact-container__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 40px;

  .text-l {
    color: var(--Typography-Body-text, rgba(15, 17, 19, 0.80));
  }

  select.form-control {
    width: 100%;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
    padding-right: 40px;
    color: var(--Typography-Placeholder, rgba(15, 17, 19, 0.40));
  }

  input.form-control {
    width: 100%;
    appearance: none;
    background-image: url("/assets/icons/star-b2eb3d52.svg");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
    padding-right: 40px;
    color: rgba(15, 17, 19);
  }

  .form-control {
    width: 100%;
    padding: 16px;

    border: none;

    border-radius: 2px 2px 0px 0px;
    border-bottom: 1px solid var(--Background-Light-Grey, #F3F3F6);
    background: rgba(240, 240, 240, 0.30);

    transition: border-color 0.3s ease;
    box-sizing: border-box;
    height: 68px;

    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
  }

  .form-control::placeholder {
    color: var(--Typography-Placeholder, rgba(15, 17, 19, 0.40));
    opacity: 1;
  }

  .form-control:focus {
    outline: none;
    border-color: #6c63ff;
  }

  .submit-button {
    background: var(--CTA-Primary-Gradient, linear-gradient(105deg, #5A5AFF -0.09%, #9B9BFF 99.91%));
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    width: 100%;

    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0;

    transition: background-color 0.3s ease;
  }

  .submit-button:hover {
    background: #5b52e5;
  }

  .contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;

    >*:last-child {
      margin-top: 24px;
    }
  }

  .form-group {
    position: relative;
    margin: 0;
  }
}

.thank_you-container {
  grid-column: 4 / 9;
  display: grid;
  width: 100%;
  align-content: start;
}

.thank_you-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;

  .thank_you-content--text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;

    .headline {
      color: var(--Typography-Headline, #0F1113);
      font-family: Manrope;
      font-size: 40px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      /* 48px */
    }

    .text-l {
      color: var(--Typography-Body-text, rgba(15, 17, 19, 0.80));
    }
  }
}

@media (max-width: 767px) {

  .thank_you,
  .contact {
    gap: 15px;
    margin: 20px;
    padding: 10px;
  }

  .thank_you-container,
  .contact-container {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
  }
}