.contact-hero {
  position: relative;
  background: linear-gradient(
      180deg,
      rgba(248, 243, 236, 0) 72.98%,
      #f8f3ec 100%
    ),
    linear-gradient(180deg, #e7e0d0 30.11%, rgba(248, 242, 233, 0) 73.27%),
    linear-gradient(180deg, #e7e0d0 0%, rgba(248, 242, 233, 0) 54.24%);
}
.contact-hero:before {
  content: "";
  position: absolute;
  top: 60px;
  left: 0;
  width: 184px;
  height: 330px;
  background-image: url(../../.././assets/icons/classic-bubble-left.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
.form-row {
  display: flex;
  gap: 16px;
}
.form-group {
  flex: 1;
}

.form-row input,
.form-row textarea {
  width: 100%;
  padding: 41px 25px 17px;
  border-radius: 14px;
  border: 1px solid #e2e4d9;
  background: rgba(255, 255, 255, 0.8);
  outline: none;
  transition: 0.3s;
  color: #313131;
  font-family: "Urbanist";
  font-size: 16px;
}

.form-row input::placeholder,
.form-row textarea::placeholder {
  color: rgba(10, 10, 10, 0.5);
  font-size: 16px;
  font-weight: 400;
}

.floating-group {
  position: relative;
  margin-bottom: 20px;
}

.floating-group br,
.form__notice br {
  display: none;
}

.floating-group label {
  position: absolute;
  top: 17px;
  left: 25px;
  color: #313131;
  font-family: "Urbanist";
  font-size: 14px;
  pointer-events: none;
  transition: 0.2s ease;
  font-weight: 600;
  z-index: 1;
}

.contact-hero__content .paragraph__20 {
  max-width: 553px;
}

.contact-hero__content__ul strong {
  color: #111111;
}

.contact-hero__content__ul ul {
  padding-left: 20px;
}

.contact-hero__content__ul ul li {
  position: relative;
  padding-bottom: 13px;
}

.contact-hero__content__ul ul li::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  top: 4px;
  left: -25px;
  background-image: url(../../.././assets/icons/contact-bullet.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 992px) {
  .contact-hero__form {
    margin-top: 30px;
  }
}