/*#region ------ Variables --- */
/*#endregion*/
/*#region ------ Fonts --- */
/*#endregion*/
/*#region ------ Colors --- */
/*#endregion*/
/*#region ------ Titles --- */
/*#endregion*/
/*#region ------ Adaptive --- */
/*#endregion*/
/*#region ------ Functions --- */
/*#endregion*/
/* ------ Global ------ */
/* ------ Parts ------ */
/* ------ Components ------ */
/* ------ Widgets ------ */
/* ------ UI ------ */
/* ------ Templates ------ */
/* ------ Misc ------ */
.component_form_1 {
  display: flex;
}

.component_form_1>.container {
  z-index: 2;
}

.component_form_1 .component__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.component_form_1 .component__link {
  width: fit-content;
  min-width: 220px;
  flex-shrink: 0;
}

.component_form_1 .component__title {
  padding-right: 15px;
  line-height: 120%;
}

.component_form_1 .component__title.style_1 {
  color: var(--color-dark);
  font-family: var(--font-1_Bold);
  font-size: 48px;
  line-height: 100%;
}

@media (max-width: 1199px) {
  .component_form_1 .component__head {
    margin-bottom: calc(0.0227272727 * 100vw + 12.7272727273px);
  }

  .component_form_1 .component__title.style_1 {
    font-size: calc(0.0181818182 * 100vw + 26.1818181818px);
  }
}

@media (max-width: 767px) {
  .component_form_1 .component__title {
    text-align: center;
    padding-right: 0px;
  }

  .component_form_1 .component__head.type_1 {
    flex-direction: column;
  }

  .component_form_1 .component__head.type_2 {
    flex-direction: column;
    justify-content: center;
  }

  .component_form_1 .component__link {
    margin-top: 15px;
  }
}

.component_form_1 .component__inner {
  position: relative;
  overflow: hidden;
  filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.1));
}

.component_form_1 .component__inner[style*="background-image"] {
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.component_form_1 .component__inner.style_1 {
  display: grid;
  /* grid-template-columns: 630px 260px; */
  grid-column-gap: 40px;
  grid-auto-flow: column;
  padding: 60px 120px;
  background-color: var(--color-light);
  /* margin-bottom: -100px; */
  /* transform: translateY(calc(-50% - 10px)); */
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
}

.component_form_1 .component__inner.style_1 .container {
  display: contents;
}

.component_form_1 .component__inner.style_1 .response {
  z-index: -1;
}

.component_form_1 .component__inner.style_1 .response--load {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.component_form_1 .component__inner.style_1 .response--load .response__text {
  animation: scaleText 180ms ease-in-out;
}

.component_form_1 .component__inner.style_1 .response--load .response__inner--load {
  opacity: 1;
}

.component_form_1 .component__inner.style_1 .response--load~* {
  opacity: 0;
}

.component_form_1 .component__inner.style_1 .response--success {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.component_form_1 .component__inner.style_1 .response--success .figure {
  display: inline-block;
  width: 8em;
  height: 8em;
  font-size: 20px;
  border-radius: 50%;
  border: 4px solid var(--color-primary);
  position: relative;
  overflow: hidden;
  transform-origin: center;
  animation: showSuccess 180ms ease-in-out;
  transform: scale(1);
}

.component_form_1 .component__inner.style_1 .response--success .figure__tip,
.component_form_1 .component__inner.style_1 .response--success .figure__long {
  display: block;
  position: absolute;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 10px;
}

.component_form_1 .component__inner.style_1 .response--success .figure__tip {
  width: 2.4em;
  top: 4.3em;
  left: 1.4em;
  transform: rotate(45deg);
  background-color: var(--color-primary);
  animation: tipInPlace 300ms ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 180ms;
  visibility: hidden;
}

.component_form_1 .component__inner.style_1 .response--success .figure__long {
  transform: rotate(-45deg);
  animation: longInPlace 140ms ease-in-out;
  animation-fill-mode: forwards;
  background-color: var(--color-primary);
  visibility: hidden;
  animation-delay: 440ms;
}

@keyframes showSuccess {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes tipInPlace {
  from {
    width: 0em;
    top: 0em;
    left: -1.6em;
  }

  to {
    width: 2.4em;
    top: 4.3em;
    left: 1.4em;
    visibility: visible;
  }
}

@keyframes longInPlace {
  from {
    width: 0em;
    top: 5.1em;
    left: 3.2em;
  }

  to {
    width: 4em;
    top: 3.7em;
    left: 2.75em;
    visibility: visible;
  }
}

.component_form_1 .component__inner.style_1 .response--success .response__text {
  animation: scaleText 180ms ease-in-out;
}

.component_form_1 .component__inner.style_1 .response--success .response__inner--success {
  opacity: 1;
}

.component_form_1 .component__inner.style_1 .response--success~* {
  opacity: 0;
}

.component_form_1 .component__inner.style_1 .response--error {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.component_form_1 .component__inner.style_1 .response--error .response__text {
  animation: scaleText 180ms ease-in-out;
}

.component_form_1 .component__inner.style_1 .response--error .response__inner--error {
  opacity: 1;
}

.component_form_1 .component__inner.style_1 .response--error~* {
  opacity: 0;
}

.component_form_1 .component__inner.style_1 .response .figure {
  width: 160px;
  height: 160px;
}

.component_form_1 .component__inner.style_1 .response__inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: opacity ease 400ms;
  opacity: 0;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: fit-content;
  height: fit-content;
}

.component_form_1 .component__inner.style_1 .response__svg {
  width: 180px;
}

.component_form_1 .component__inner.style_1 .response__svg path {
  fill: cl(primary);
}

.component_form_1 .component__inner.style_1 .response__text {
  display: none;
  margin-top: 15px;
  font-family: var(--font-1_Regular);
  color: cl(primary);
  font-size: 24px;
  line-height: 32px;
}

@keyframes scaleText {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.component_form_1 .component__inner.style_1 .response .loader {
  display: block;
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--color-primary);
  animation: spin 2s linear infinite;
}

.component_form_1 .component__inner.style_1 .response .loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--color-primary);
  animation: spin 3s linear infinite;
}

.component_form_1 .component__inner.style_1 .response .loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--color-primary);
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.component_form_1 .component__inner.style_1 .wpcf7 {
  display: flex;
  position: relative;
}

.component_form_1 .component__inner.style_1 .wpcf7-form-control-wrap {
  display: contents;
}

.component_form_1 .component__inner.style_1 .wpcf7-not-valid-tip {
  display: none;
}

.component_form_1 .component__inner.style_1 .wpcf7-spinner {
  display: none;
}

.component_form_1 .component__inner.style_1 .wpcf7-response-output {
  display: none;
}

.component_form_1 .component__inner.style_1 .wpcf7-not-valid {
  border-color: red !important;
  color: red !important;
}

.component_form_1 .component__inner.style_1 .wpcf7-not-valid::placeholder {
  color: red !important;
}

.component_form_1 .component__inner.style_1 .codedropz-upload-inner {
  display: contents;
}

.component_form_1 .component__inner.style_1 .codedropz-upload-inner h3,
.component_form_1 .component__inner.style_1 .codedropz-upload-inner span {
  display: none;
}

.component_form_1 .component__inner.style_1 .codedropz-upload-handler {
  display: contents;
  border: 1px solid transparent;
}

.component_form_1 .component__inner.style_1 .codedropz-upload-container {
  display: contents;
}

.component_form_1 .component__inner.style_1 .codedropz-upload-wrapper .dnd-upload-counter {
  display: none;
}

.component_form_1 .component__inner.style_1 .codedropz-upload-btn-wrap {
  display: contents;
}

.component_form_1 .component__inner.style_1 .dnd-upload-status {
  flex-wrap: wrap;
}

@media (max-width: 575px) {
  .component_form_1 .component__inner.style_1 .dnd-upload-details .name {
    padding-right: 0px;
  }

  .component_form_1 .component__inner.style_1 .dnd-upload-status {
    flex-direction: column;
  }
}

.component_form_1 .component__inner.style_1 form {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 15px;
  width: 100%;
}

.component_form_1 .component__inner.style_1 form input:not([type=submit]):not([type=checkbox]),
.component_form_1 .component__inner.style_1 form textarea,
.component_form_1 .component__inner.style_1 form select {
  width: 100%;
  resize: none;
  padding: 15px 40px;
  border: 1px solid var(--color-primary);
  background-color: var(--color-shade_4);
  border-radius: 10px;
  color: var(--color-primary);
  font-family: var(--font-1_Medium);
  appearance: none;
  transition: border-color ease-in-out 300ms;
  font-family: var(--font-1_Medium);
  font-size: 20px;
  line-height: 100%;
  color: var(--color-primary);
}

.component_form_1 .component__inner.style_1 form input:not([type=submit]):not([type=checkbox]):hover,
.component_form_1 .component__inner.style_1 form textarea:hover,
.component_form_1 .component__inner.style_1 form select:hover {
  border-color: var(--color-shade_1);
}

.component_form_1 .component__inner.style_1 form input:not([type=submit]):not([type=checkbox]):hover::placeholder,
.component_form_1 .component__inner.style_1 form textarea:hover::placeholder,
.component_form_1 .component__inner.style_1 form select:hover::placeholder {
  color: var(--color-shade_1);
}

.component_form_1 .component__inner.style_1 form input:not([type=submit]):not([type=checkbox]):focus::placeholder,
.component_form_1 .component__inner.style_1 form textarea:focus::placeholder,
.component_form_1 .component__inner.style_1 form select:focus::placeholder {
  color: var(--color-primary);
}

.component_form_1 .component__inner.style_1 form input:not([type=submit]):not([type=checkbox])::placeholder,
.component_form_1 .component__inner.style_1 form textarea::placeholder,
.component_form_1 .component__inner.style_1 form select::placeholder {
  font-family: var(--font-1_Medium);
  font-size: 20px;
  line-height: 100%;
  color: var(--color-primary);
}

.component_form_1 .component__inner.style_1 form label.select {
  position: relative;
}

.component_form_1 .component__inner.style_1 form label.select.active:before {
  transform: scale(-1);
}

.component_form_1 .component__inner.style_1 form label.select:before {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 1L8 8L1 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
  transition: transform ease-in-out 400ms;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 15px;
  height: 15px;
  top: calc(50% - 7.5px);
  right: 15px;
}

.component_form_1 .component__inner.style_1 form input[type=submit] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  font-family: var(--font-1_Medium);
  font-size: 20px;
  line-height: 100%;
  height: 80px;
  padding: 0 15px;
  border-radius: 10px;
  transition: transform ease 300ms, background-color ease 300ms, color ease 300ms;
  overflow: hidden;
  background-color: var(--color-primary);
  color: var(--color-light);
  height: 60px;
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_1 form input[type=submit] {
    font-size: calc(0.0045454545 * 100vw + 14.5454545455px);
  }
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_1 form input[type=submit] {
    height: calc(0.0340909091 * 100vw + 39.0909090909px);
  }
}

.component_form_1 .component__inner.style_1 form input[type=submit]:hover {
  transform: scale(1.1);
  background-color: var(--color-hover);
}

.component_form_1 .component__inner.style_1 form .card {
  display: grid;
  grid-row-gap: 30px;
  grid-area: card;
  padding: 40px;
  border: 1px solid cl(background-dark-3);
}

.component_form_1 .component__inner.style_1 form .card .fields {
  display: grid;
  grid-row-gap: 20px;
}

.component_form_1 .component__inner.style_1 form .card .title {
  color: cl(text);
  font-family: var(--font-1_Medium);
  font-weight: 500;
}

.component_form_1 .component__inner.style_1 form .upload {
  min-height: 500px;
  position: relative;
  grid-area: upload;
  border: 1px solid cl(background-dark-3);
  background-color: cl(background-dark-2);
  padding: 40px;
  transition: transform ease-in-out 0.5s, box-shadow ease-in-out 0.5s;
}

.component_form_1 .component__inner.style_1 form .upload:hover {
  transform: scale(1.03);
  box-shadow: 0px 0px 20px 8px var(--color-primary);
}

.component_form_1 .component__inner.style_1 form .upload:before {
  position: absolute;
  display: flex;
  background-size: contain;
  width: 80%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="590" height="426" viewBox="0 0 590 426" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1" y="1" width="588" height="424" fill="transparent" stroke="black" stroke-width="2" stroke-dasharray="10 10" /> <path d="M305.042 261.208C326.12 261.208 343.208 244.12 343.208 223.042C343.208 201.963 326.12 184.875 305.042 184.875C283.963 184.875 266.875 201.963 266.875 223.042C266.875 244.12 283.963 261.208 305.042 261.208Z" fill="black" /> <path d="M390.917 146.708H355.885C352.06 146.708 348.468 145.218 345.761 142.515L337.86 134.614C333.354 130.108 327.363 127.625 320.99 127.625H289.094C282.72 127.625 276.729 130.108 272.223 134.614L264.322 142.515C261.615 145.218 258.023 146.708 254.198 146.708H238.25V141.938C238.25 139.3 236.116 137.167 233.479 137.167H214.396C211.759 137.167 209.625 139.3 209.625 141.938V146.708H200.083C189.558 146.708 181 155.267 181 165.792V280.292C181 290.817 189.558 299.375 200.083 299.375H390.917C401.442 299.375 410 290.817 410 280.292V165.792C410 155.267 401.442 146.708 390.917 146.708ZM238.25 189.646C238.25 192.283 236.116 194.417 233.479 194.417H214.396C211.759 194.417 209.625 192.283 209.625 189.646V180.104C209.625 177.467 211.759 175.333 214.396 175.333H233.479C236.117 175.333 238.25 177.467 238.25 180.104V189.646H238.25ZM305.042 270.75C278.736 270.75 257.333 249.347 257.333 223.042C257.333 196.736 278.736 175.333 305.042 175.333C331.347 175.333 352.75 196.737 352.75 223.042C352.75 249.346 331.347 270.75 305.042 270.75Z" fill="black" /> </svg>');
}

.component_form_1 .component__inner.style_1 form .upload__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 40px;
  border: 2px dashed cl(background-dark-3);
  position: relative;
}

.component_form_1 .component__inner.style_1 form .upload__title {
  font-family: var(--font-1_Medium);
  font-weight: 500;
  color: cl(text);
  margin-bottom: 20px;
}

.component_form_1 .component__inner.style_1 form .upload__subtitle {
  font-family: var(--font-1_Medium);
  font-weight: 500;
  color: cl(background-dark-4);
}

.component_form_1 .component__inner.style_1 form .upload__mark {
  font-family: var(--font-1_Medium);
  font-weight: 500;
  color: cl(primary);
  font-family: var(--font-1_Medium);
  font-size: 44px;
  line-height: 100%;
  margin-top: auto;
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_1 form .upload__mark {
    font-size: calc(0.05 * 100vw + -16px);
    font-size: calc(0.0295454545 * 100vw + 8.5454545455px);
  }
}

.component_form_1 .component__inner.style_1 form .upload__image {
  display: none;
}

.component_form_1 .component__inner.style_1 form .upload.load .upload__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: cl(background-dark-2);
  display: block;
}

.component_form_1 .component__inner.style_1 form .upload.load .upload__image img {
  object-fit: contain;
}

.component_form_1 .component__inner.style_1 form .upload.load .upload__close {
  z-index: 5;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-dark);
  transition: transform ease-out 400ms, background-color ease 200ms;
  left: 0;
  right: 0;
  top: 20px;
  margin: auto;
}

.component_form_1 .component__inner.style_1 form .upload.load .upload__close:hover {
  transform: scale(1.1);
}

.component_form_1 .component__inner.style_1 form .upload.load .upload__close:hover:before {
  filter: var(--color-primary--filter);
}

.component_form_1 .component__inner.style_1 form .upload.load .upload__close:before {
  content: "";
  filter: var(--color-primary--filter);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.419325 0.419325C0.687899 0.150831 1.05212 0 1.43188 0C1.81164 0 2.17586 0.150831 2.44444 0.419325L7.50865 5.48354L12.5729 0.419325C12.843 0.15844 13.2047 0.0140841 13.5803 0.0173472C13.9558 0.0206103 14.315 0.171232 14.5805 0.436771C14.8461 0.70231 14.9967 1.06152 14.9999 1.43703C15.0032 1.81255 14.8589 2.17432 14.598 2.44444L9.53376 7.50865L14.598 12.5729C14.8589 12.843 15.0032 13.2047 14.9999 13.5803C14.9967 13.9558 14.8461 14.315 14.5805 14.5805C14.315 14.8461 13.9558 14.9967 13.5803 14.9999C13.2047 15.0032 12.843 14.8589 12.5729 14.598L7.50865 9.53376L2.44444 14.598C2.17432 14.8589 1.81255 15.0032 1.43703 14.9999C1.06152 14.9967 0.70231 14.8461 0.436771 14.5805C0.171232 14.315 0.0206103 13.9558 0.0173472 13.5803C0.0140841 13.2047 0.15844 12.843 0.419325 12.5729L5.48354 7.50865L0.419325 2.44444C0.150831 2.17586 0 1.81164 0 1.43188C0 1.05212 0.150831 0.687899 0.419325 0.419325Z" fill="black" /> </svg>');
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
  width: 100%;
  height: 100%;
}

.component_form_1 .component__inner.style_1 form .upload .cd-upload-btn {
  opacity: 0;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  left: 0;
  top: 0;
}

.component_form_1 .component__inner.style_1 form .upload .wpcf7-file {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_1 form .upload {
    min-height: auto;
  }
}

@media (max-width: 575px) {
  .component_form_1 .component__inner.style_1 form .upload {
    min-height: auto;
    padding: 15px;
  }

  .component_form_1 .component__inner.style_1 form .upload__content {
    padding: 15px;
  }

  .component_form_1 .component__inner.style_1 form .upload__title {
    font-size: 18px;
  }

  .component_form_1 .component__inner.style_1 form .upload__subtitle {
    font-size: 14px;
  }

  .component_form_1 .component__inner.style_1 form .upload__mark {
    font-size: 14px;
    margin-top: 15px;
  }
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_1 {
    margin-bottom: 0px;
    grid-row-gap: 30px;
    padding: calc(0.0170454545 * 100vw + 9.5454545455px);
    margin: 0 15px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    transform: translateY(-5vw);
  }

  .component_form_1 .component__inner.style_1 .component__privacy {
    margin-top: 20px;
  }

  .component_form_1 .component__inner.style_1 .component__image {
    display: none;
  }
}

.component_form_1 .component__inner.style_2 {
  width: 100%;
  background-color: var(--color-primary);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.component_form_1 .component__inner.style_2>.container {
  display: grid;
  grid-template-columns: 630px 260px;
  grid-column-gap: 40px;
  grid-auto-flow: column;
}

.component_form_1 .component__inner.style_2 * {
  color: var(--color-light);
}

.component_form_1 .component__inner.style_2 * a:hover {
  color: var(--color-shade_3);
}

.component_form_1 .component__inner.style_2 .response {
  z-index: -1;
}

.component_form_1 .component__inner.style_2 .response--load {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.component_form_1 .component__inner.style_2 .response--load .response__text {
  animation: scaleText 180ms ease-in-out;
}

.component_form_1 .component__inner.style_2 .response--load .response__inner--load {
  opacity: 1;
}

.component_form_1 .component__inner.style_2 .response--load~* {
  opacity: 0;
}

.component_form_1 .component__inner.style_2 .response--success {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.component_form_1 .component__inner.style_2 .response--success .figure {
  display: inline-block;
  width: 8em;
  height: 8em;
  font-size: 20px;
  border-radius: 50%;
  border: 4px solid var(--color-primary);
  position: relative;
  overflow: hidden;
  transform-origin: center;
  animation: showSuccess 180ms ease-in-out;
  transform: scale(1);
}

.component_form_1 .component__inner.style_2 .response--success .figure__tip,
.component_form_1 .component__inner.style_2 .response--success .figure__long {
  display: block;
  position: absolute;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 10px;
}

.component_form_1 .component__inner.style_2 .response--success .figure__tip {
  width: 2.4em;
  top: 4.3em;
  left: 1.4em;
  transform: rotate(45deg);
  background-color: var(--color-primary);
  animation: tipInPlace 300ms ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 180ms;
  visibility: hidden;
}

.component_form_1 .component__inner.style_2 .response--success .figure__long {
  transform: rotate(-45deg);
  animation: longInPlace 140ms ease-in-out;
  animation-fill-mode: forwards;
  background-color: var(--color-primary);
  visibility: hidden;
  animation-delay: 440ms;
}

@keyframes showSuccess {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes tipInPlace {
  from {
    width: 0em;
    top: 0em;
    left: -1.6em;
  }

  to {
    width: 2.4em;
    top: 4.3em;
    left: 1.4em;
    visibility: visible;
  }
}

@keyframes longInPlace {
  from {
    width: 0em;
    top: 5.1em;
    left: 3.2em;
  }

  to {
    width: 4em;
    top: 3.7em;
    left: 2.75em;
    visibility: visible;
  }
}

.component_form_1 .component__inner.style_2 .response--success .response__text {
  animation: scaleText 180ms ease-in-out;
}

.component_form_1 .component__inner.style_2 .response--success .response__inner--success {
  opacity: 1;
}

.component_form_1 .component__inner.style_2 .response--success~* {
  opacity: 0;
}

.component_form_1 .component__inner.style_2 .response--error {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.component_form_1 .component__inner.style_2 .response--error .response__text {
  animation: scaleText 180ms ease-in-out;
}

.component_form_1 .component__inner.style_2 .response--error .response__inner--error {
  opacity: 1;
}

.component_form_1 .component__inner.style_2 .response--error~* {
  opacity: 0;
}

.component_form_1 .component__inner.style_2 .response .figure {
  width: 160px;
  height: 160px;
}

.component_form_1 .component__inner.style_2 .response__inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: opacity ease 400ms;
  opacity: 0;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: fit-content;
  height: fit-content;
}

.component_form_1 .component__inner.style_2 .response__svg {
  width: 180px;
}

.component_form_1 .component__inner.style_2 .response__svg path {
  fill: cl(primary);
}

.component_form_1 .component__inner.style_2 .response__text {
  display: none;
  margin-top: 15px;
  font-family: var(--font-1_Regular);
  color: cl(primary);
  font-size: 24px;
  line-height: 32px;
}

@keyframes scaleText {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.component_form_1 .component__inner.style_2 .response .loader {
  display: block;
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--color-primary);
  animation: spin 2s linear infinite;
}

.component_form_1 .component__inner.style_2 .response .loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--color-primary);
  animation: spin 3s linear infinite;
}

.component_form_1 .component__inner.style_2 .response .loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--color-primary);
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.component_form_1 .component__inner.style_2 .wpcf7 {
  display: flex;
  position: relative;
}

.component_form_1 .component__inner.style_2 .wpcf7-form-control-wrap {
  display: contents;
}

.component_form_1 .component__inner.style_2 .wpcf7-not-valid-tip {
  display: none;
}

.component_form_1 .component__inner.style_2 .wpcf7-spinner {
  display: none;
}

.component_form_1 .component__inner.style_2 .wpcf7-response-output {
  display: none;
}

.component_form_1 .component__inner.style_2 .wpcf7-not-valid {
  border-color: red !important;
  color: red !important;
}

.component_form_1 .component__inner.style_2 .wpcf7-not-valid::placeholder {
  color: red !important;
}

.component_form_1 .component__inner.style_2 .codedropz-upload-inner {
  display: contents;
}

.component_form_1 .component__inner.style_2 .codedropz-upload-inner h3,
.component_form_1 .component__inner.style_2 .codedropz-upload-inner span {
  display: none;
}

.component_form_1 .component__inner.style_2 .codedropz-upload-handler {
  display: contents;
  border: 1px solid transparent;
}

.component_form_1 .component__inner.style_2 .codedropz-upload-container {
  display: contents;
}

.component_form_1 .component__inner.style_2 .codedropz-upload-wrapper .dnd-upload-counter {
  display: none;
}

.component_form_1 .component__inner.style_2 .codedropz-upload-btn-wrap {
  display: contents;
}

.component_form_1 .component__inner.style_2 .dnd-upload-status {
  flex-wrap: wrap;
}

@media (max-width: 575px) {
  .component_form_1 .component__inner.style_2 .dnd-upload-details .name {
    padding-right: 0px;
  }

  .component_form_1 .component__inner.style_2 .dnd-upload-status {
    flex-direction: column;
  }
}

.component_form_1 .component__inner.style_2 .response .loader {
  border-top-color: var(--color-light);
}

.component_form_1 .component__inner.style_2 .response .loader:before {
  border-top-color: var(--color-light);
}

.component_form_1 .component__inner.style_2 .response .loader:after {
  border-top-color: var(--color-light);
}

.component_form_1 .component__inner.style_2 .response .figure--success {
  border-color: var(--color-light);
}

.component_form_1 .component__inner.style_2 .response .figure--success .figure__tip {
  background-color: var(--color-light);
}

.component_form_1 .component__inner.style_2 .response .figure--success .figure__long {
  background-color: var(--color-light);
}

.component_form_1 .component__inner.style_2 form {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 15px;
  width: 100%;
}

.component_form_1 .component__inner.style_2 form input:not([type=submit]):not([type=checkbox]),
.component_form_1 .component__inner.style_2 form textarea,
.component_form_1 .component__inner.style_2 form select {
  width: 100%;
  resize: none;
  padding: 15px 40px;
  border: 1px solid var(--color-light);
  background-color: var(--color-primary);
  border-radius: 10px;
  color: var(--color-primary);
  font-family: var(--font-1_Medium);
  appearance: none;
  transition: border-color ease-in-out 300ms, background-color ease-in-out 300ms;
  font-family: var(--font-1_Medium);
  font-size: 20px;
  line-height: 100%;
  color: var(--color-light);
}

.component_form_1 .component__inner.style_2 form input:not([type=submit]):not([type=checkbox]):hover,
.component_form_1 .component__inner.style_2 form textarea:hover,
.component_form_1 .component__inner.style_2 form select:hover {
  border-color: none;
  background-color: #ff842a;
}

.component_form_1 .component__inner.style_2 form input:not([type=submit]):not([type=checkbox])::placeholder,
.component_form_1 .component__inner.style_2 form textarea::placeholder,
.component_form_1 .component__inner.style_2 form select::placeholder {
  font-family: var(--font-1_Medium);
  font-size: 20px;
  line-height: 100%;
  color: var(--color-light);
}

.component_form_1 .component__inner.style_2 form label.select {
  position: relative;
}

.component_form_1 .component__inner.style_2 form label.select.active:before {
  transform: scale(-1);
}

.component_form_1 .component__inner.style_2 form label.select:before {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 1L8 8L1 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
  transition: transform ease-in-out 400ms;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 15px;
  height: 15px;
  top: calc(50% - 7.5px);
  right: 15px;
}

.component_form_1 .component__inner.style_2 form input[type=submit] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  font-family: var(--font-1_Medium);
  font-size: 20px;
  line-height: 100%;
  height: 80px;
  padding: 0 15px;
  border-radius: 10px;
  transition: transform ease 300ms, background-color ease 300ms, color ease 300ms;
  overflow: hidden;
  background-color: var(--color-light);
  color: var(--color-primary);
  height: 60px;
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_2 form input[type=submit] {
    font-size: calc(0.0045454545 * 100vw + 14.5454545455px);
  }
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_2 form input[type=submit] {
    height: calc(0.0340909091 * 100vw + 39.0909090909px);
  }
}

.component_form_1 .component__inner.style_2 form input[type=submit]:hover {
  color: var(--color-light);
  transform: scale(1.1);
  background-color: var(--color-hover);
}

.component_form_1 .component__inner.style_2 form .card {
  display: grid;
  grid-row-gap: 30px;
  grid-area: card;
  padding: 40px;
  border: 1px solid cl(background-dark-3);
}

.component_form_1 .component__inner.style_2 form .card .fields {
  display: grid;
  grid-row-gap: 20px;
}

.component_form_1 .component__inner.style_2 form .card .title {
  color: cl(text);
  font-family: var(--font-1_Medium);
  font-weight: 500;
}

.component_form_1 .component__inner.style_2 form .upload {
  min-height: 500px;
  position: relative;
  grid-area: upload;
  border: 1px solid cl(background-dark-3);
  background-color: cl(background-dark-2);
  padding: 40px;
  transition: transform ease-in-out 0.5s, box-shadow ease-in-out 0.5s;
}

.component_form_1 .component__inner.style_2 form .upload:hover {
  transform: scale(1.03);
  box-shadow: 0px 0px 20px 8px var(--color-primary);
}

.component_form_1 .component__inner.style_2 form .upload:before {
  position: absolute;
  display: flex;
  background-size: contain;
  width: 80%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="590" height="426" viewBox="0 0 590 426" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1" y="1" width="588" height="424" fill="transparent" stroke="black" stroke-width="2" stroke-dasharray="10 10" /> <path d="M305.042 261.208C326.12 261.208 343.208 244.12 343.208 223.042C343.208 201.963 326.12 184.875 305.042 184.875C283.963 184.875 266.875 201.963 266.875 223.042C266.875 244.12 283.963 261.208 305.042 261.208Z" fill="black" /> <path d="M390.917 146.708H355.885C352.06 146.708 348.468 145.218 345.761 142.515L337.86 134.614C333.354 130.108 327.363 127.625 320.99 127.625H289.094C282.72 127.625 276.729 130.108 272.223 134.614L264.322 142.515C261.615 145.218 258.023 146.708 254.198 146.708H238.25V141.938C238.25 139.3 236.116 137.167 233.479 137.167H214.396C211.759 137.167 209.625 139.3 209.625 141.938V146.708H200.083C189.558 146.708 181 155.267 181 165.792V280.292C181 290.817 189.558 299.375 200.083 299.375H390.917C401.442 299.375 410 290.817 410 280.292V165.792C410 155.267 401.442 146.708 390.917 146.708ZM238.25 189.646C238.25 192.283 236.116 194.417 233.479 194.417H214.396C211.759 194.417 209.625 192.283 209.625 189.646V180.104C209.625 177.467 211.759 175.333 214.396 175.333H233.479C236.117 175.333 238.25 177.467 238.25 180.104V189.646H238.25ZM305.042 270.75C278.736 270.75 257.333 249.347 257.333 223.042C257.333 196.736 278.736 175.333 305.042 175.333C331.347 175.333 352.75 196.737 352.75 223.042C352.75 249.346 331.347 270.75 305.042 270.75Z" fill="black" /> </svg>');
}

.component_form_1 .component__inner.style_2 form .upload__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 40px;
  border: 2px dashed cl(background-dark-3);
  position: relative;
}

.component_form_1 .component__inner.style_2 form .upload__title {
  font-family: var(--font-1_Medium);
  font-weight: 500;
  color: cl(text);
  margin-bottom: 20px;
}

.component_form_1 .component__inner.style_2 form .upload__subtitle {
  font-family: var(--font-1_Medium);
  font-weight: 500;
  color: cl(background-dark-4);
}

.component_form_1 .component__inner.style_2 form .upload__mark {
  font-family: var(--font-1_Medium);
  font-weight: 500;
  color: cl(primary);
  font-family: var(--font-1_Medium);
  font-size: 44px;
  line-height: 100%;
  margin-top: auto;
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_2 form .upload__mark {
    font-size: calc(0.05 * 100vw + -16px);
    font-size: calc(0.0295454545 * 100vw + 8.5454545455px);
  }
}

.component_form_1 .component__inner.style_2 form .upload__image {
  display: none;
}

.component_form_1 .component__inner.style_2 form .upload.load .upload__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: cl(background-dark-2);
  display: block;
}

.component_form_1 .component__inner.style_2 form .upload.load .upload__image img {
  object-fit: contain;
}

.component_form_1 .component__inner.style_2 form .upload.load .upload__close {
  z-index: 5;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-dark);
  transition: transform ease-out 400ms, background-color ease 200ms;
  left: 0;
  right: 0;
  top: 20px;
  margin: auto;
}

.component_form_1 .component__inner.style_2 form .upload.load .upload__close:hover {
  transform: scale(1.1);
}

.component_form_1 .component__inner.style_2 form .upload.load .upload__close:hover:before {
  filter: var(--color-primary--filter);
}

.component_form_1 .component__inner.style_2 form .upload.load .upload__close:before {
  content: "";
  filter: var(--color-primary--filter);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.419325 0.419325C0.687899 0.150831 1.05212 0 1.43188 0C1.81164 0 2.17586 0.150831 2.44444 0.419325L7.50865 5.48354L12.5729 0.419325C12.843 0.15844 13.2047 0.0140841 13.5803 0.0173472C13.9558 0.0206103 14.315 0.171232 14.5805 0.436771C14.8461 0.70231 14.9967 1.06152 14.9999 1.43703C15.0032 1.81255 14.8589 2.17432 14.598 2.44444L9.53376 7.50865L14.598 12.5729C14.8589 12.843 15.0032 13.2047 14.9999 13.5803C14.9967 13.9558 14.8461 14.315 14.5805 14.5805C14.315 14.8461 13.9558 14.9967 13.5803 14.9999C13.2047 15.0032 12.843 14.8589 12.5729 14.598L7.50865 9.53376L2.44444 14.598C2.17432 14.8589 1.81255 15.0032 1.43703 14.9999C1.06152 14.9967 0.70231 14.8461 0.436771 14.5805C0.171232 14.315 0.0206103 13.9558 0.0173472 13.5803C0.0140841 13.2047 0.15844 12.843 0.419325 12.5729L5.48354 7.50865L0.419325 2.44444C0.150831 2.17586 0 1.81164 0 1.43188C0 1.05212 0.150831 0.687899 0.419325 0.419325Z" fill="black" /> </svg>');
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
  width: 100%;
  height: 100%;
}

.component_form_1 .component__inner.style_2 form .upload .cd-upload-btn {
  opacity: 0;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  left: 0;
  top: 0;
}

.component_form_1 .component__inner.style_2 form .upload .wpcf7-file {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_2 form .upload {
    min-height: auto;
  }
}

@media (max-width: 575px) {
  .component_form_1 .component__inner.style_2 form .upload {
    min-height: auto;
    padding: 15px;
  }

  .component_form_1 .component__inner.style_2 form .upload__content {
    padding: 15px;
  }

  .component_form_1 .component__inner.style_2 form .upload__title {
    font-size: 18px;
  }

  .component_form_1 .component__inner.style_2 form .upload__subtitle {
    font-size: 14px;
  }

  .component_form_1 .component__inner.style_2 form .upload__mark {
    font-size: 14px;
    margin-top: 15px;
  }
}

@media (max-width: 1199px) {
  .component_form_1 .component__inner.style_2 {
    padding-top: calc(0.0340909091 * 100vw + 19.0909090909px);
    padding-bottom: calc(0.0340909091 * 100vw + 19.0909090909px);
  }

  .component_form_1 .component__inner.style_2>.container {
    grid-template-columns: 100%;
    grid-auto-flow: row;
    grid-row-gap: 30px;
  }

  .component_form_1 .component__inner.style_2 .component__title {
    text-align: center;
  }

  .component_form_1 .component__inner.style_2 .component__image {
    display: none;
  }

  .component_form_1 .component__inner.style_2 .component__subtitle {
    text-align: center;
  }

  .component_form_1 .component__inner.style_2 .component__privacy {
    text-align: center;
  }
}

.component_form_1 .component__image {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.component_form_1 .component__title {
  margin-bottom: 15px;
}

.component_form_1 .component__subtitle {
  font-family: var(--font-1_Regular);
  font-size: 20px;
  line-height: 100%;
  font-family: var(--font-1_Medium);
}

@media (max-width: 1199px) {
  .component_form_1 .component__subtitle {
    font-size: calc(0.0227272727 * 100vw + -7.2727272727px);
    font-size: calc(0.0045454545 * 100vw + 14.5454545455px);
  }
}

.component_form_1 .component__privacy {
  margin-top: 35px;
  font-family: var(--font-1_Regular);
  font-size: 14px;
  line-height: 100%;
}

@media (max-width: 1199px) {
  .component_form_1 .component__privacy {
    font-size: calc(0.0159090909 * 100vw + -5.0909090909px);
    font-size: calc(0 * 100vw + 14px);
  }
}

.component_form_1 .component__privacy * {
  color: var(--color-shade_1);
}

.component_form_1 .component__privacy a {
  text-decoration: underline;
}

.component_form_1 .component__privacy a:hover {
  color: var(--color-primary);
}

.component_form_1 .textarea-wrapper {
  position: relative;
}

.component_form_1 .wpcf7-form-control.wpcf7-textarea {
  padding-top: 24px !important;
}

.component_form_1 .textarea-wrapper::before {
  content: "(например: замена двс, гбо, кму и т.д.)";
  position: absolute;
  top: 40px;
  left: 42px;
  color: var(--color-primary);
  font-size: 11px;
  pointer-events: none;
  z-index: 1;
}

.component_form_1 .textarea-wrapper:focus-within::before,
.component_form_1 .wpcf7-form-control.wpcf7-textarea:not(:placeholder-shown)+.textarea-wrapper::before {
  display: none;
}

.component_form_1 .textarea-wrapper.hide-placeholder::before {
  display: none;
}

.textarea-wrapper.has-text::before {
  display: none;
}