.simplyai-page {
  padding: 90px 0;
  min-height: 100vh;
}

.simplyai-page .container {
  max-width: 1076px;
}

.simplyai-page:before {
  content:'';
  position: absolute;
  inset: 0 0 auto 0;
  z-index: -1;
  background: url("/wp-content/uploads/2024/08/Gradient-Background.png") no-repeat top center;
  background-size: cover;
  height: 110vh;
}

.simplyai-page .hero__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.simplyai-page .hero__text,
.simplyai-page .hero__button {
  margin-top: 32px;
}

.simplyai-page .first-section__label {
  padding-left: 16px;
  padding-right: 16px;
}

.simplyai-page .hero__text {
  max-width: 596px;
}

.simplyai-page .hero__title {
  color: #282828;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
  margin: 0;
}

.simplyai-page .hero__title span {
  display: block;
  background: linear-gradient(90deg, #409A65 -2.05%, #87C6CE 24.81%, #F39325 56.56%, #FBCF54 90%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.simplyai-page .hero__desc {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.01em;
  max-width: 484px;
  margin: 40px auto 0;
}

.simplyai-page .hero__button {
  margin-bottom: 0;
}

.stepper__wrapper {
  display: none;
  overflow: hidden;
  position: relative;
  height: 455px;
  background-color: #fff;
  border: 1.35px solid #D9D9D9;
  border-radius: 5.39px;
  box-shadow: 0 4px 12px 0 #00000029;
  margin: 76px 0 0;
}

.stepper__wrapper.active {
  display: block;
}

.stepper__step-list {
  position: relative;
  height: 100%;
}

.step {
  position: absolute;
  inset: 0;
  display: none;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  min-height: 391px;
  background-color: #fff;
  padding: 40px 52px 24px;
}

.step.active {
  z-index: 100;
  display: flex;
}

.step.active-animate {
  animation: moveRight 750ms;
}

.step.inactive {
  display: flex;
  animation: moveLeft 750ms;
}

.step__title {
  color: #565656;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.69px;
}

.step__desc {
  color: #000000A3;
  font-size: 20px;
  line-height: 24.2px;
  margin-top: 24px;
}

.step__control {
  display: flex;
  justify-content: flex-end;
}

.step__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}

.step__radio {
  cursor: pointer;
  color: #595959CC;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(255, 221, 40, 0.1) 0%, rgba(255, 187, 12, 0.1) 0.01%, rgba(217, 111, 255, 0.1) 100%);
  padding: 10px 12px 10px 12px;
}

.result__wrapper {
  display: none;
}

.result__wrapper.active {
  display: block;
}

.result__wrapper-step {
  display: none;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  margin-top: 40px;
}

.result__wrapper-step.active {
  display: block;
}

.result__wrapper-step .result__wrapper-desc {
  margin-top: 30px;
  font-weight: 500;
  font-size: 18px;
}

.result__wrapper-step .button {
  margin-top: 30px;
  padding: 13px 24px;
  border-radius: 16px;
}

.result__wrapper-step a.return--button {
  display: block;
  margin-top: 20px;
  font-size: 24px;
  font-weight: 500;
  color: black;
}

.result__wrapper-step a.return--button:hover {
  text-decoration: underline;
}

.result__wrapper-loader {
  padding: 23px;
  display: inline-block;
  position: relative;
  width: 120px;
}

.result__wrapper-loader::before {
  content: url('../images/ai-loader.svg');
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;

  animation: ResultWrapperLoader 3s linear infinite;
}

@-webkit-keyframes ResultWrapperLoader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

input[type="radio"] {
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  appearance: none;
  background: #fff;
  outline: none;
  transition: outline 0.1s;
  padding: 0;
  margin: 0 6px 0 0;
}

input[type="radio"]:not(:disabled):checked {
  border-color: #409a65;
  background-clip: content-box;
  padding: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' fill='none'%3E%3Crect width='12.8' height='12.8' y='.6' fill='%23409A65' rx='2.56'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M11.044 3.423a.533.533 0 0 1 0 .754l-5.867 5.867a.533.533 0 0 1-.754 0L1.756 7.377a.533.533 0 0 1 .754-.754l2.29 2.29 5.49-5.49a.533.533 0 0 1 .754 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.button--next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.button--next:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='22' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='3' d='m2.333 1.833 8.46 8.46a1 1 0 0 1 0 1.414l-8.46 8.46'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.button:disabled {
  color: #F7F7FA;
  background-color: #939391;
  border-color: #939391;
}

.step--upload {
  min-height: 300px;
}

.upload__drop-zone {
  cursor: pointer;
  display: block;
  font-size: 0;
  border: 2px dashed #D9D9D9;
  border-radius: 12px;
  padding: 16px;
}

.upload__caption {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  color: #00000033;
  font-size: 18.86px;
  font-weight: 400;
  line-height: 22.83px;
}

.upload__caption:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.2' fill-rule='evenodd' d='M12 9.667a6.667 6.667 0 1 1 13.333 0v10a9.333 9.333 0 0 1-18.666 0v-7.334a1.333 1.333 0 0 1 2.666 0v7.334a6.667 6.667 0 0 0 13.334 0v-10a4 4 0 1 0-8 0v10a1.333 1.333 0 0 0 2.666 0v-7.334a1.333 1.333 0 0 1 2.667 0v7.334a4 4 0 0 1-8 0v-10Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.upload__desc {
  color: #565656A3;
  font-size: 14px;
  line-height: 14px;
  margin-top: 20px;
}

.upload__error {
  color: #FF6254A3;
  font-size: 14px;
  line-height: 14px;
  padding-top: 12px;
  display: none;
  will-change: auto;
  transition: opacity 0.15s;
}

.filepond--browser {
  display: none;
}

.filepond--root {
  position: relative;
  border: 2px dashed #D9D9D9;
  border-radius: 12px;
  height: 60px;
}

.filepond--root.active {
  border: 1px solid #409a65;
}

.filepond--root.--drop-ok {
  border-color: #409a65;
}

.filepond--root.--drop-error {
  border-color: #ff6254;
}

.filepond--drop-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  height: 100%;
}

.filepond--root .filepond--drop-label {
  min-height: auto;
}

.filepond--drop-label label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 22px;
  color: #00000033;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
  padding: 0 16px;
}

.filepond--drop-label label:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.2' fill-rule='evenodd' d='M12 9.667a6.667 6.667 0 1 1 13.333 0v10a9.333 9.333 0 0 1-18.666 0v-7.334a1.333 1.333 0 0 1 2.666 0v7.334a6.667 6.667 0 0 0 13.334 0v-10a4 4 0 1 0-8 0v10a1.333 1.333 0 0 0 2.666 0v-7.334a1.333 1.333 0 0 1 2.667 0v7.334a4 4 0 0 1-8 0v-10Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.filepond--data,
.filepond--drip {
  /*display: none;*/
}

.filepond--drop-label label:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  will-change: auto;
  transition: background-color 0.15s;
}

.--drop-ok .filepond--drop-label label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath fill='%23409A65' d='m22 16.5.707-.707a1 1 0 0 0-1.414 0L22 16.5Zm-9.9 21c-1.584 0-2.671-.002-3.488-.112-.788-.106-1.172-.295-1.438-.562l-1.415 1.415c.7.7 1.577.993 2.587 1.13.98.131 2.227.129 3.754.129v-2Zm-7.6-5.6c0 1.527-.002 2.773.13 3.754.135 1.01.43 1.886 1.13 2.587l1.414-1.415c-.267-.266-.456-.65-.562-1.438-.11-.817-.112-1.904-.112-3.488h-2Zm33 0c0 1.584-.002 2.671-.112 3.488-.106.788-.295 1.172-.562 1.438l1.415 1.415c.7-.7.993-1.577 1.13-2.587.131-.98.129-2.227.129-3.754h-2Zm-5.6 7.6c1.527 0 2.773.002 3.754-.13 1.01-.136 1.886-.43 2.587-1.13l-1.415-1.414c-.266.267-.65.456-1.438.562-.817.11-1.904.112-3.488.112v2Zm0-33c1.584 0 2.671.002 3.488.112.788.106 1.172.295 1.438.562l1.415-1.415c-.7-.7-1.577-.994-2.587-1.13-.98-.131-2.227-.129-3.754-.129v2Zm7.6 5.6c0-1.527.002-2.773-.13-3.754-.136-1.01-.43-1.887-1.13-2.587l-1.414 1.415c.267.266.456.65.562 1.438.11.817.112 1.904.112 3.488h2ZM12.1 4.5c-1.527 0-2.773-.002-3.754.13-1.01.135-1.887.43-2.587 1.13l1.415 1.414c.266-.267.65-.456 1.438-.562.817-.11 1.904-.112 3.488-.112v-2Zm-5.6 7.6c0-1.584.002-2.671.112-3.488.106-.788.295-1.172.562-1.438L5.759 5.759c-.7.7-.994 1.577-1.13 2.587-.131.98-.129 2.227-.129 3.754h2Zm10.707 10.607 5.5-5.5-1.414-1.414-5.5 5.5 1.414 1.414Zm4.086-5.5 5.5 5.5 1.414-1.414-5.5-5.5-1.414 1.414ZM21 18.333V27.5h2v-9.167h-2ZM6.5 26.95v-9.9h-2v9.9h2Zm31-9.9v9.9h2v-9.9h-2ZM17.05 6.5h9.9v-2h-9.9v2Zm9.9 31h-9.9v2h9.9v-2Z'/%3E%3C/svg%3E");
  background-color: #f5faf7;
}

.--drop-error .filepond--drop-label label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath fill='%23FF6254' fill-opacity='.5' d='M31.704 9.704a1.833 1.833 0 1 1 2.592 2.593L24.593 22l9.703 9.704a1.833 1.833 0 1 1-2.592 2.593L22 24.593l-9.704 9.704a1.833 1.833 0 0 1-2.592-2.593L19.407 22l-9.703-9.703a1.833 1.833 0 0 1 2.592-2.593L22 19.408l9.704-9.704Z'/%3E%3C/svg%3E");
  background-color: #fff0ee;
}

.--drop-error ~ .upload__error {
  opacity: 1;
}

.filepond--panel-root {
  background-color: transparent;
}

.filepond--drop-label.filepond--drop-label label {
  display: flex;
  padding: 0 16px;
}

.filepond--root .filepond--list-scroller {
  width: 100%;
  height: 100% !important;
  margin: 0;
  display: none;
}

.filepond--root .filepond--list-scroller.has-files {
  display: block;
}

.filepond--list.filepond--list {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}

.filepond--item {
  position: relative;
  width: 100%;
  height: 100%!important;
  margin: 0;
}

.filepond--file {
  align-items: center;
}

.filepond--item-panel {
  background-color: transparent;
}

.filepond--file-info {
  flex-direction: row;
  gap: 5px;
  transform: unset !important;
  align-items: center;
  padding: 0 16px;
}

.filepond--file-info .filepond--file-info-main {
  color: black;
  width: auto;
  font-size: 19px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 22px;
}

.filepond--file-info .filepond--file-info-sub {
  color: black;
  font-size: 13px;
}

.filepond--file-info .filepond--file-info-main:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9998 9.66667C11.9998 5.98477 14.9846 3 18.6665 3C22.3484 3 25.3332 5.98477 25.3332 9.66667V19.6667C25.3332 24.8213 21.1545 29 15.9998 29C10.8452 29 6.6665 24.8213 6.6665 19.6667V12.3333C6.6665 11.597 7.26346 11 7.99984 11C8.73622 11 9.33317 11.597 9.33317 12.3333V19.6667C9.33317 23.3486 12.3179 26.3333 15.9998 26.3333C19.6817 26.3333 22.6665 23.3486 22.6665 19.6667V9.66667C22.6665 7.45753 20.8756 5.66667 18.6665 5.66667C16.4574 5.66667 14.6665 7.45753 14.6665 9.66667V19.6667C14.6665 20.403 15.2635 21 15.9998 21C16.7362 21 17.3332 20.403 17.3332 19.6667V12.3333C17.3332 11.597 17.9301 11 18.6665 11C19.4029 11 19.9998 11.597 19.9998 12.3333V19.6667C19.9998 21.8758 18.209 23.6667 15.9998 23.6667C13.7907 23.6667 11.9998 21.8758 11.9998 19.6667V9.66667Z' fill='%23409A65'/%3E%3C/svg%3E%0A");
}

.filepond--action-remove-item {
  left: unset!important;
  right: 15px;
}

.filepond--file-action-button {
  background: #409A65;
  border-radius: 8px;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .simplyai-page {
    padding: 40px 0;
  }
}

@keyframes moveRight {
  0% {
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes moveLeft {
  0% {
    transform: translateX(0px);
    opacity: 1;
  }
  100% {
    transform: translateX(200px);
    opacity: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}