.zipline-form-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px 24px 40px;
  box-sizing: border-box;
}

.zipline-form-success__icon {
  width: 72px;
  height: 72px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: #e8f8ef;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #22a447;
}

.zipline-form-success__icon svg {
  display: block;
  width: 40px;
  height: 40px;
}

.zipline-form-success__title {
  margin: 0 0 8px;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: #232323;
}

.zipline-form-success__text {
  margin: 0;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #5c5c5c;
  max-width: 320px;
}

.zipline-form--sent .t-form__inputsbox,
.zipline-form--sent .t-form__errorbox-middle,
.zipline-form--sent .t-form__errorbox-bottom,
.zipline-form--sent .t-form__submit,
.zipline-form--sent .t-form__errorbox-wrapper {
  display: none !important;
}

.zipline-form--sent .js-successbox.t-form__successbox {
  display: none !important;
}

.t-quiz.zipline-quiz--sent .t-quiz__quiz-wrapper,
.t-quiz.zipline-quiz--sent .t-quiz__cover {
  display: none !important;
}

.t-quiz.zipline-quiz--sent .zipline-form-success {
  min-height: 280px;
}

@media screen and (max-width: 639px) {
  .zipline-form-success {
    padding: 24px 16px 32px;
  }

  .zipline-form-success__title {
    font-size: 20px;
  }
}
