/*
 * Blaker — стили CRM-форм Bitrix24
 *
 * Подключение:
 * <link rel="stylesheet" href="/css/bitrix24-forms.css?v=<?=filemtime($_SERVER["DOCUMENT_ROOT"]."/css/bitrix24-forms.css")?>">
 *
 * Соответствие оболочек:
 * .b24-skin--audit-dark  — формы 4, 32, 34, 36, 38
 * .b24-skin--audit-light — форма 26
 * .b24-skin--prefooter   — форма 30 (вместе с audit-light)
 * .b24-skin--partnership — формы 6, 28
 * .b24-skin--modal       — формы 8, 10, 12, 14, 16, 18, 20, 22
 * .b24-skin--calculation — форма 24
 * .b24-skin--contact     — форма 40
 */

/* ============================================================
   0. Совместимость со старыми стилями сайта
   ============================================================ */

/*
 * На старых страницах используется правило:
 *
 * .block__content * {
 *   display: flex;
 * }
 *
 * Оно не должно показывать содержимое script/style как текст.
 */
.block__content script,
.block__content style,
.block__content template {
  display: none !important;
}

/*
 * Убирает display:flex со всех внутренних узлов Bitrix24.
 * Ниже нужный display задаётся адресно для полей, кнопок и соглашений.
 * Inline display:none самого Bitrix24 при этом сохраняет приоритет.
 */
.block__content .b24-skin .b24-form * {
  display: revert;
}

/* ============================================================
   1. Общий сброс стандартного оформления Bitrix24
   ============================================================ */

.b24-skin,
.b24-skin .b24-form,
.b24-skin .b24-form-wrapper {
  display: block !important;
  width: 100% !important;
}

.b24-skin .b24-form,
.b24-skin .b24-form * {
  box-sizing: border-box !important;
  font-family: "NTSomic", sans-serif !important;
}

.b24-skin .b24-form-wrapper {
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 auto !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.b24-skin .b24-form-header,
.b24-skin .b24-form-header-padding,
.b24-skin .b24-form-sign {
  display: none !important;
}

.b24-skin .b24-form-content,
.b24-skin .b24-form-padding-side {
  display: block !important;
  padding: 0 !important;
}

.b24-skin .b24-form-content form {
  padding: 0 !important;
  margin: 0 !important;
}

.b24-skin .b24-form-content form > div:not(.b24-form-btn-container) {
  display: contents !important;
}

.b24-skin .b24-form-field,
.b24-skin .b24-form-field > div,
.b24-skin .b24-form-field > div > div,
.b24-skin .b24-form-control-container {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.b24-skin .b24-form-field {
  position: relative !important;
}

.b24-skin .b24-form-control-string .b24-form-control,
.b24-skin .b24-form-control-list .b24-form-control,
.b24-skin .b24-form-control-select .field-item,
.b24-skin .b24-form-control-text .b24-form-control {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  color: #111111 !important;
  font-size: 0.9rem !important;
  font-weight: 300 !important;
  line-height: 50px !important;
  letter-spacing: normal !important;
  background: #f0f0f0 !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 25px !important;
  box-shadow: none !important;
  outline: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.b24-skin .b24-form-control-text .b24-form-control {
  height: 90px !important;
  min-height: 90px !important;
  padding: 16px 22px !important;
  line-height: 1.35 !important;
  resize: vertical !important;
}

.b24-skin .b24-form-control-string .b24-form-control:focus,
.b24-skin .b24-form-control-list .b24-form-control:focus,
.b24-skin .b24-form-control-select .field-item:focus,
.b24-skin .b24-form-control-text .b24-form-control:focus {
  color: #111111 !important;
  background: #ffffff !important;
  border-color: #999999 !important;
}

.b24-skin .b24-form-control-string .b24-form-control-label,
.b24-skin .b24-form-control-list .b24-form-control-label,
.b24-skin .b24-form-control-text .b24-form-control-label {
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  left: 22px !important;
  z-index: 2 !important;
  width: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #777777 !important;
  font-size: 0.9rem !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

.b24-skin .b24-form-control-text .b24-form-control-label {
  top: 17px !important;
  transform: none !important;
}

.b24-skin .b24-form-control-not-empty + .b24-form-control-label,
.b24-skin .b24-form-control:focus + .b24-form-control-label {
  opacity: 0 !important;
}

.b24-skin .b24-form-field-agreement {
  min-width: 0 !important;
}

.b24-skin .b24-form-field-agreement .b24-form-control-container,
.b24-skin .b24-form-field-agreement label {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.b24-skin .b24-form-field-agreement input[type="checkbox"] {
  display: block !important;
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  margin: 1px 8px 0 0 !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 10px 10px !important;
  border: 1px solid #999999 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.b24-skin .b24-form-field-agreement input[type="checkbox"]:checked {
  background-color: #393c42 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.1 4.6 8.7 10 3.3' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.b24-skin .b24-form-field-agreement .b24-form-control-desc,
.b24-skin .b24-form-field-agreement .b24-form-field-agreement-link,
.b24-skin .b24-form-field-agreement .b24-form-control-required {
  display: inline !important;
  color: #999999 !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  line-height: 1.46 !important;
  opacity: 1 !important;
}

.b24-skin .b24-form-field-agreement a.b24-form-field-agreement-link {
  color: inherit !important;
  text-decoration: underline !important;
}

/* Кнопка. */
.b24-skin .b24-form-btn-container {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.b24-skin .b24-form-btn-block {
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.b24-skin .b24-form-btn {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 300 !important;
  line-height: 48px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  background: #393c42 !important;
  border: 1px solid #393c42 !important;
  border-radius: 25px !important;
  box-shadow: none !important;
  outline: 0 !important;
  cursor: pointer !important;
  transition: 0.3s ease-in-out !important;
}

.b24-skin .b24-form-btn:hover {
  color: #393c42 !important;
  background: #ffffff !important;
}

.b24-skin .b24-form-wrapper.b24-from-state-on {
  min-height: 145px !important;
}

.b24-skin .b24-form-state-container,
.b24-skin .b24-form-state-container .b24-form-loader,
.b24-skin .b24-form-state-container .b24-form-state {
  border-radius: 0 !important;
}

.b24-skin .b24-form-state-container .b24-form-state,
.b24-skin .b24-form-state-container .b24-form-loader {
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: #ffffff !important;
}

.b24-skin .b24-form-state-inner {
  position: static !important;
  display: block !important;
  max-width: 410px !important;
  color: #111111 !important;
  transform: none !important;
}

.b24-skin .b24-form-state-icon {
  display: none !important;
}

.b24-skin .b24-form-state-text,
.b24-skin .b24-form-state-text p {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  opacity: 1 !important;
}

.b24-skin .b24-form-state-text p:first-child {
  margin-bottom: 8px !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
}

.b24-skin .b24-form-error {
  color: #ffffff !important;
  background: #d94b35 !important;
}

.b24-skin .b24-form-state-container .b24-form-error .b24-form-btn {
  width: auto !important;
  min-width: 190px !important;
  margin: 14px auto 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  border-color: #ffffff !important;
}

.b24-skin--audit-dark .b24-form-content form,
.b24-skin--audit-light .b24-form-content form {
  display: grid !important;
  grid-template-columns: minmax(0, 324px) minmax(0, 324px) minmax(0, 234px) !important;
  column-gap: 30px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 942px !important;
  margin: 0 auto !important;
}

.b24-skin--audit-dark .b24-form-field-name,
.b24-skin--audit-light .b24-form-field-name {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.b24-skin--audit-dark .b24-form-field-phone,
.b24-skin--audit-light .b24-form-field-phone {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.b24-skin--audit-dark .b24-form-btn-container,
.b24-skin--audit-light .b24-form-btn-container {
  grid-column: 3 !important;
  grid-row: 1 !important;
  max-width: 234px !important;
}

.b24-skin--audit-dark .b24-form-field-agreement,
.b24-skin--audit-light .b24-form-field-agreement {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  max-width: 678px !important;
  margin: 24px 0 0 23px !important;
}

.b24-skin--audit-dark .b24-form-control-string .b24-form-control,
.b24-skin--audit-dark .b24-form-control-list .b24-form-control,
.b24-skin--audit-dark .b24-form-control-select .field-item {
  color: #111111 !important;
  font-size: 1rem !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.b24-skin--audit-dark .b24-form-btn {
  color: #ffffff !important;
  background: transparent !important;
  border-color: #ffffff !important;
}

.b24-skin--audit-dark .b24-form-btn:hover {
  color: #111111 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.b24-skin--audit-dark .b24-form-field-agreement .b24-form-control-desc,
.b24-skin--audit-dark .b24-form-field-agreement .b24-form-field-agreement-link,
.b24-skin--audit-dark .b24-form-field-agreement .b24-form-control-required {
  color: #999999 !important;
}

.b24-skin--audit-dark .b24-form-control-required {
  display: none !important;
}

.b24-skin--audit-dark .b24-form-state-container .b24-form-state,
.b24-skin--audit-dark .b24-form-state-container .b24-form-loader {
  color: #ffffff !important;
  background: #393c42 !important;
}

.b24-skin--audit-light .b24-form-control-string .b24-form-control,
.b24-skin--audit-light .b24-form-control-list .b24-form-control,
.b24-skin--audit-light .b24-form-control-select .field-item {
  color: #111111 !important;
  font-size: 1rem !important;
  background: #ffffff !important;
  border-color: #393c42 !important;
}

.b24-skin--audit-light .b24-form-btn {
  color: #ffffff !important;
  background: #393c42 !important;
  border-color: #393c42 !important;
}

.b24-skin--audit-light .b24-form-btn:hover {
  color: #111111 !important;
  background: #ffffff !important;
}

.b24-skin--audit-light .b24-form-field-agreement .b24-form-control-desc,
.b24-skin--audit-light .b24-form-field-agreement .b24-form-field-agreement-link,
.b24-skin--audit-light .b24-form-field-agreement .b24-form-control-required {
  color: #999999 !important;
}

.b24-skin--prefooter .b24-form-content form {
  grid-template-columns: minmax(0, 410px) minmax(0, 410px) minmax(0, 190px) !important;
  column-gap: 20px !important;
  max-width: 1050px !important;
}

.b24-skin--prefooter .b24-form-btn-container {
  max-width: 190px !important;
}

.b24-skin--prefooter .b24-form-field-agreement {
  grid-column: 1 / 3 !important;
  max-width: 840px !important;
  margin: 20px 0 0 !important;
}

.block__form.b24-skin--partnership {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100%;
  padding: 40px;
  gap: 40px;
  color: inherit;
  background: transparent;
  border: 1px solid #999999;
  border-radius: 12px;
}

.b24-skin--partnership .block__form-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  margin: 0;
  color: inherit;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}

.b24-skin--partnership .b24-form-content form {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
}

.b24-skin--partnership .b24-form-field-name {
  order: 1 !important;
}

.b24-skin--partnership .b24-form-field-phone {
  order: 2 !important;
}

.b24-skin--partnership .b24-form-btn-container {
  order: 3 !important;
  width: 190px !important;
}

.b24-skin--partnership .b24-form-field-agreement {
  order: 4 !important;
  margin-top: 20px !important;
}

.b24-skin--partnership .b24-form-control-string .b24-form-control,
.b24-skin--partnership .b24-form-control-list .b24-form-control,
.b24-skin--partnership .b24-form-control-select .field-item {
  color: #111111 !important;
  background: #ffffff !important;
  border-color: #2a2c31 !important;
}

.b24-skin--partnership .b24-form-field-agreement .b24-form-control-desc,
.b24-skin--partnership .b24-form-field-agreement .b24-form-field-agreement-link,
.b24-skin--partnership .b24-form-field-agreement .b24-form-control-required {
  color: #999999 !important;
  font-size: 14px !important;
  line-height: 15.4px !important;
}

.b24-skin--partnership .b24-form-btn {
  max-width: 190px !important;
  color: #ffffff !important;
  background: #393c42 !important;
  border-color: #393c42 !important;
}

.b24-skin--partnership .b24-form-btn:hover {
  color: #393c42 !important;
  background: #ffffff !important;
}

.b24-skin--partnership .b24-form-wrapper.b24-from-state-on {
  min-height: 220px !important;
}

.b24-skin--modal {
  width: 100% !important;
  margin: 0 auto !important;
}

.b24-skin--modal .b24-form-content form {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.b24-skin--modal .b24-form-field-name,
.b24-skin--modal .b24-form-field-phone,
.b24-skin--modal .b24-form-field-email {
  margin-bottom: 30px !important;
}

.b24-skin--modal .b24-form-field-agreement {
  margin: -2px 0 12px !important;
}

.b24-skin--modal .b24-form-btn-container {
  width: 190px !important;
}

.b24-skin--modal .b24-form-btn {
  min-width: 190px !important;
  max-width: 190px !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

.b24-skin--modal .b24-form-field-agreement .b24-form-control-desc,
.b24-skin--modal .b24-form-field-agreement .b24-form-field-agreement-link,
.b24-skin--modal .b24-form-field-agreement .b24-form-control-required {
  color: #999999 !important;
  font-size: 0.75rem !important;
}

.b24-skin--modal .b24-form-wrapper.b24-from-state-on {
  min-height: 210px !important;
}

.b24-skin--calculation .b24-form-content form {
  display: grid !important;
  grid-template-columns: minmax(0, 284px) minmax(0, 284px) minmax(0, 234px) !important;
  column-gap: 30px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 862px !important;
  margin: 0 auto !important;
}

.b24-skin--calculation .b24-form-field-name {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.b24-skin--calculation .b24-form-field-phone {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.b24-skin--calculation .b24-form-btn-container {
  grid-column: 3 !important;
  grid-row: 1 !important;
  max-width: 234px !important;
}

.b24-skin--calculation .b24-form-field-agreement {
  grid-column: 1 / 4 !important;
  grid-row: 2 !important;
  max-width: 862px !important;
  margin: 16px 0 0 !important;
  padding-left: 28px !important;
}

.b24-skin--calculation .b24-form-control-string .b24-form-control,
.b24-skin--calculation .b24-form-control-list .b24-form-control,
.b24-skin--calculation .b24-form-control-select .field-item {
  color: #111111 !important;
  font-size: 1rem !important;
  background: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
}

.b24-skin--calculation .b24-form-btn {
  max-width: 234px !important;
}

.b24-skin--contact .b24-form-content form {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: minmax(0, 320px) minmax(0, 320px) !important;
  gap: 20px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 660px !important;
}

.b24-skin--contact .b24-form-field-name {
  grid-column: 1 !important;
}

.b24-skin--contact .b24-form-field-email,
.b24-skin--contact .b24-form-field-phone {
  grid-column: 2 !important;
}

.b24-skin--contact .b24-form-control-text {
  grid-column: 1 / 3 !important;
}

.b24-skin--contact .b24-form-field-agreement {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: 450px !important;
  padding-right: 20px !important;
}

.b24-skin--contact .b24-form-btn-container {
  grid-column: 2 !important;
  justify-self: end !important;
  width: 170px !important;
}

.b24-skin--contact .b24-form-btn {
  width: 170px !important;
  color: #2a2c31 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  background: #ffffff !important;
  border-color: #2a2c31 !important;
}

.b24-skin--contact .b24-form-btn:hover {
  color: #ffffff !important;
  background: #2a2c31 !important;
}

.b24-skin--contact .b24-form-field-agreement .b24-form-control-desc,
.b24-skin--contact .b24-form-field-agreement .b24-form-field-agreement-link,
.b24-skin--contact .b24-form-field-agreement .b24-form-control-required {
  color: #999999 !important;
  font-size: 0.65rem !important;
}

.b24-skin--contact .b24-form-field-agreement a.b24-form-field-agreement-link {
  color: #111111 !important;
  font-weight: 500 !important;
}

.dark-theme .b24-skin--audit-light .b24-form-btn,
.dark-theme .b24-skin--calculation .b24-form-btn,
.dark-theme .b24-skin--partnership .b24-form-btn {
  color: #ffffff !important;
  background: transparent !important;
  border-color: #ffffff !important;
}

.dark-theme .b24-skin--audit-light .b24-form-btn:hover,
.dark-theme .b24-skin--calculation .b24-form-btn:hover,
.dark-theme .b24-skin--partnership .b24-form-btn:hover {
  color: #393c42 !important;
  background: #ffffff !important;
}

.dark-theme
  .b24-skin--audit-light
  .b24-form-field-agreement
  .b24-form-control-desc,
.dark-theme
  .b24-skin--audit-light
  .b24-form-field-agreement
  .b24-form-field-agreement-link,
.dark-theme
  .b24-skin--audit-light
  .b24-form-field-agreement
  .b24-form-control-required,
.dark-theme
  .b24-skin--calculation
  .b24-form-field-agreement
  .b24-form-control-desc,
.dark-theme
  .b24-skin--calculation
  .b24-form-field-agreement
  .b24-form-field-agreement-link,
.dark-theme
  .b24-skin--calculation
  .b24-form-field-agreement
  .b24-form-control-required,
.dark-theme
  .b24-skin--partnership
  .b24-form-field-agreement
  .b24-form-control-desc,
.dark-theme
  .b24-skin--partnership
  .b24-form-field-agreement
  .b24-form-field-agreement-link,
.dark-theme
  .b24-skin--partnership
  .b24-form-field-agreement
  .b24-form-control-required,
.dark-theme .b24-skin--modal .b24-form-field-agreement .b24-form-control-desc,
.dark-theme
  .b24-skin--modal
  .b24-form-field-agreement
  .b24-form-field-agreement-link,
.dark-theme
  .b24-skin--modal
  .b24-form-field-agreement
  .b24-form-control-required,
.dark-theme .b24-skin--contact .b24-form-field-agreement .b24-form-control-desc,
.dark-theme
  .b24-skin--contact
  .b24-form-field-agreement
  .b24-form-field-agreement-link,
.dark-theme
  .b24-skin--contact
  .b24-form-field-agreement
  .b24-form-control-required {
  color: #ffffff !important;
}

.dark-theme .b24-skin--audit-light .b24-form-state-container .b24-form-state,
.dark-theme .b24-skin--audit-light .b24-form-state-container .b24-form-loader,
.dark-theme .b24-skin--calculation .b24-form-state-container .b24-form-state,
.dark-theme .b24-skin--calculation .b24-form-state-container .b24-form-loader,
.dark-theme .b24-skin--partnership .b24-form-state-container .b24-form-state,
.dark-theme .b24-skin--partnership .b24-form-state-container .b24-form-loader,
.dark-theme .b24-skin--modal .b24-form-state-container .b24-form-state,
.dark-theme .b24-skin--modal .b24-form-state-container .b24-form-loader,
.dark-theme .b24-skin--contact .b24-form-state-container .b24-form-state,
.dark-theme .b24-skin--contact .b24-form-state-container .b24-form-loader {
  color: #ffffff !important;
  background: #393c42 !important;
}

@media (max-width: 991px) {
  .b24-skin--partnership .block__form-title {
    font-size: 30px;
    line-height: 33px;
  }

  .b24-skin--audit-dark .b24-form-content form,
  .b24-skin--audit-light .b24-form-content form,
  .b24-skin--calculation .b24-form-content form {
    column-gap: 20px !important;
  }

  .b24-skin--prefooter .b24-form-content form {
    display: grid !important;
    grid-template-columns: minmax(0, 410px) !important;
    row-gap: 20px !important;
    max-width: 410px !important;
  }

  .b24-skin--prefooter .b24-form-field-name {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .b24-skin--prefooter .b24-form-field-phone {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .b24-skin--prefooter .b24-form-btn-container {
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    max-width: 410px !important;
  }

  .b24-skin--prefooter .b24-form-btn {
    max-width: 410px !important;
  }

  .b24-skin--prefooter .b24-form-field-agreement {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .b24-skin--partnership .b24-form-btn-container,
  .b24-skin--partnership .b24-form-btn {
    width: 100% !important;
    max-width: none !important;
  }

  .b24-skin--contact .b24-form-content form {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .b24-skin--contact .b24-form-field-name,
  .b24-skin--contact .b24-form-field-email,
  .b24-skin--contact .b24-form-field-phone,
  .b24-skin--contact .b24-form-control-text,
  .b24-skin--contact .b24-form-field-agreement,
  .b24-skin--contact .b24-form-btn-container {
    grid-column: 1 !important;
  }

  .b24-skin--contact .b24-form-field-agreement {
    max-width: none !important;
    padding-right: 0 !important;
  }

  .b24-skin--contact .b24-form-btn-container {
    justify-self: start !important;
  }
}

@media (max-width: 767px) {
  .b24-skin .b24-form-control-string .b24-form-control,
  .b24-skin .b24-form-control-list .b24-form-control,
  .b24-skin .b24-form-control-select .field-item {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 1rem !important;
    line-height: 44px !important;
  }

  .b24-skin .b24-form-btn {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 1rem !important;
    line-height: 42px !important;
  }

  .b24-skin--audit-dark .b24-form-content form,
  .b24-skin--audit-light .b24-form-content form,
  .b24-skin--calculation .b24-form-content form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    max-width: none !important;
  }

  .b24-skin--audit-dark .b24-form-field-name,
  .b24-skin--audit-light .b24-form-field-name,
  .b24-skin--calculation .b24-form-field-name {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .b24-skin--audit-dark .b24-form-field-phone,
  .b24-skin--audit-light .b24-form-field-phone,
  .b24-skin--calculation .b24-form-field-phone {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .b24-skin--audit-dark .b24-form-btn-container,
  .b24-skin--audit-light .b24-form-btn-container,
  .b24-skin--calculation .b24-form-btn-container {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    width: 234px !important;
    max-width: 234px !important;
  }

  .b24-skin--audit-dark .b24-form-field-agreement,
  .b24-skin--audit-light .b24-form-field-agreement,
  .b24-skin--calculation .b24-form-field-agreement {
    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .b24-skin--prefooter .b24-form-content form {
    grid-template-columns: minmax(0, 410px) !important;
    row-gap: 20px !important;
    max-width: 410px !important;
  }

  .b24-skin--prefooter .b24-form-field-name {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .b24-skin--prefooter .b24-form-field-phone {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .b24-skin--prefooter .b24-form-btn-container {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 410px !important;
  }

  .b24-skin--prefooter .b24-form-field-agreement {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }

  .b24-skin--modal .b24-form-field-name,
  .b24-skin--modal .b24-form-field-phone,
  .b24-skin--modal .b24-form-field-email {
    margin-bottom: 12px !important;
  }

  .b24-skin--modal .b24-form-btn-container,
  .b24-skin--modal .b24-form-btn {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 575px) {
  .block__form.b24-skin--partnership {
    padding: 25px 20px;
    gap: 25px;
  }

  .b24-skin--partnership .block__form-title {
    font-size: 18px;
    line-height: 1.3;
  }

  .b24-skin--audit-dark .b24-form-content form,
  .b24-skin--audit-light .b24-form-content form,
  .b24-skin--calculation .b24-form-content form,
  .b24-skin--prefooter .b24-form-content form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
  }

  .b24-skin--audit-dark .b24-form-field-name,
  .b24-skin--audit-light .b24-form-field-name,
  .b24-skin--calculation .b24-form-field-name,
  .b24-skin--prefooter .b24-form-field-name {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .b24-skin--audit-dark .b24-form-field-phone,
  .b24-skin--audit-light .b24-form-field-phone,
  .b24-skin--calculation .b24-form-field-phone,
  .b24-skin--prefooter .b24-form-field-phone {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .b24-skin--audit-dark .b24-form-btn-container,
  .b24-skin--audit-light .b24-form-btn-container,
  .b24-skin--calculation .b24-form-btn-container,
  .b24-skin--prefooter .b24-form-btn-container {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
  }

  .b24-skin--audit-dark .b24-form-btn,
  .b24-skin--audit-light .b24-form-btn,
  .b24-skin--calculation .b24-form-btn,
  .b24-skin--prefooter .b24-form-btn {
    max-width: none !important;
  }

  .b24-skin--audit-dark .b24-form-field-agreement,
  .b24-skin--audit-light .b24-form-field-agreement,
  .b24-skin--calculation .b24-form-field-agreement,
  .b24-skin--prefooter .b24-form-field-agreement {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .b24-skin--contact .b24-form-btn-container,
  .b24-skin--contact .b24-form-btn {
    width: 100% !important;
  }

  .b24-skin--partnership .b24-form-field-agreement .b24-form-control-desc,
  .b24-skin--partnership
    .b24-form-field-agreement
    .b24-form-field-agreement-link,
  .b24-skin--partnership .b24-form-field-agreement .b24-form-control-required {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }
}

.b24-skin .b24-form [hidden],
.b24-skin .b24-form [style*="display: none"],
.b24-skin .b24-form [style*="display:none"] {
  display: none !important;
}

.b24-skin .b24-form-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}