/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/blocks/counting-form.scss ***!
  \**************************************************************************************************************************************************************************/
:root {
  --theme-main-font: "Muller", sans-serif;
  --theme-second-font: "Muller", sans-serif;
}

.counting_form {
  background-color: #ededed;
  padding-top: 71px;
}
.counting_form .form-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: 25px;
}
.counting_form .form-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.counting_form .form label {
  font-size: 24px;
  font-weight: 500;
  color: #121212;
  margin-bottom: 8px;
}
.counting_form .form input,
.counting_form .form select {
  padding: 12px 15px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  font-size: 16px;
  background: white;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.counting_form .form input:focus,
.counting_form .form select:focus {
  outline: none;
  border-color: #4caf50;
}
.counting_form .form select {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 40px;
}
.counting_form .form__content {
  padding-bottom: 71px;
}
.counting_form .form__img {
  position: relative;
}
.counting_form .form__img img {
  position: absolute;
  bottom: 0;
}
.counting_form .form -error {
  border-color: #dc3545 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
.counting_form .form -error {
  -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

@media (max-width: 1024px) {
  .counting_form {
    padding-top: 32px;
  }
  .counting_form .form label {
    font-size: 18px;
  }
  .counting_form .form__content {
    padding-bottom: 24px;
  }
  .counting_form .form__img {
    display: none;
  }
}