/* ss8 */
.form {
  max-width: 1288px;
  position: relative;
  margin-bottom: 90px;
  background-image: var(--bg-img-form);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 48px 40px 40px 60px;
  display: flex;
  gap: 30px;
}

.form .wpcf7 {
  flex: 1 0 0;
}

.form-left {
  flex: 1 0 0;
}

.form-left-label {
  width: 416px;
  height: 67px;
  position: relative;
  padding: 3px 47px 0px 32px;
  background-image: var(--bg-img-form-label);
  background-size: cover;
  background-repeat: no-repeat;
}

.form-left-label img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -22.22px;
  transform-origin: top;
  animation: phone-ring 3s ease-in-out infinite;
}

@keyframes phone-ring {
  0% {
    transform: rotate(0deg) translateY(-50%);
  }

  10% {
    transform: rotate(12deg) translateY(-50%);
  }

  20% {
    transform: rotate(-12deg) translateY(-50%);
  }

  30% {
    transform: rotate(12deg) translateY(-50%);
  }

  40% {
    transform: rotate(-12deg) translateY(-50%);
  }

  50% {
    transform: rotate(10deg) translateY(-50%);
  }

  60% {
    transform: rotate(-10deg) translateY(-50%);
  }

  70% {
    transform: rotate(6deg) translateY(-50%);
  }

  80% {
    transform: rotate(-6deg) translateY(-50%);
  }

  90% {
    transform: rotate(2deg) translateY(-50%);
  }

  100% {
    transform: rotate(0deg) translateY(-50%);
  }
}

.form-left-label p {
  color: var(--color-text, #3a2a1a);
  text-align: center;
  font-family: "Baloo 2";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.form-left-label svg {
  position: absolute;
  width: 63px;
  height: 61px;
  top: -35px;
  left: -36px;
}

.form-left-title {
  margin-top: 15px;
  margin-bottom: 23px;
  color: #fff;
  text-align: start;
  text-shadow:
    1px 0 rgba(104, 63, 25, 0.6),
    -1px 0 rgba(104, 63, 25, 0.6),
    0 1px rgba(104, 63, 25, 0.6),
    0 -1px rgba(104, 63, 25, 0.6),
    1px 1px rgba(104, 63, 25, 0.6),
    -1px -1px rgba(104, 63, 25, 0.6),
    1px -1px rgba(104, 63, 25, 0.6),
    -1px 1px rgba(104, 63, 25, 0.6);
  font-family: "Baloo 2";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  text-transform: uppercase;
}

.form-left-desc {
  color: var(--color-text, #3a2a1a);
  font-family: "Baloo 2";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}

.form-left-imgdeco {
  transform: scaleX(-1);
  position: absolute;
  bottom: 0;
  left: 58px;
}

.form-home {
  width: 600px;
}

.form-home-input {
  width: 100%;
  height: 48px;
  border-radius: 40px;
  border: 1px solid #ebebeb;
  background: #fff;
  box-shadow: 3px 2px 6px 0 rgba(0, 0, 0, 0.06) inset;
  padding: 15px 20px;
  color: rgba(19, 36, 86, 1);
  font-family: "Baloo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.28px;
  margin-bottom: 20px;
}

.form-home-input::placeholder {
  color: rgba(19, 36, 86, 0.6);
}

.form-home-textarea {
  width: 100%;
  height: 100px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  background: #fff;
  box-shadow: 3px 2px 6px 0 rgba(0, 0, 0, 0.06) inset;
  padding: 15px 20px;
  color: rgba(19, 36, 86, 1);
  font-family: "Baloo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.28px;
  margin-bottom: 20px;
}

.form-home-textarea::placeholder {
  color: rgba(19, 36, 86, 0.6);
}

.form-home-commit {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 20px;
}

.form-home-commit svg {
  width: 15px;
  height: 15px;
}

.form-home-commit-p {
  color: var(--color-text, #3a2a1a);
  font-family: "Baloo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 4%;
  text-underline-offset: 8%;
  text-underline-position: from-font;
}

.form-home-btn {
  margin-left: auto;
  display: flex;
  height: 56px;
  padding: 11px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  border: 2px solid #ffdc97;
  background: linear-gradient(
    87deg,
    #ae6a05 0%,
    #d68c0d 53.23%,
    #fbae17 96.61%
  );
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  font-family: "Baloo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  transition: all 1s;
}

.form-home-btn:hover {
  color: var(--color-text, #3a2a1a);
  border-radius: 40px;
  border: 1px solid #ffdc97;
  background: #ffeac0;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 768px) {
  .form {
    flex-direction: column;
    padding: 48px 16px 40px 16px;
    padding-bottom: 145px;
    margin-bottom: 40px;
  }

  .form-left-label {
    width: 96%;
    display: flex;
    align-items: center;
  }

  .form-left-label p {
    font-size: 28px;
  }

  .form-left-title {
    font-size: 27px;
  }

  .form-home {
    width: 100%;
  }

  .form-left-imgdeco {
    left: 0;
  }
}