.elementor-4188 .elementor-element.elementor-element-7dd1a54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:2px 82px 35px 0px rgba(110.77626037597656, 18.542982715109126, 18.542982715109126, 0);}.elementor-4188 .elementor-element.elementor-element-7dd1a54:not(.elementor-motion-effects-element-type-background), .elementor-4188 .elementor-element.elementor-element-7dd1a54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-4188 .elementor-element.elementor-element-7dd1a54.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4188 .elementor-element.elementor-element-1a479e3{padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-html{padding-bottom:0px;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#02010100;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#02010100;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-group .elementor-select-wrapper::before{color:#02010100;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-button[type="submit"]{color:#ffffff;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4188 .elementor-element.elementor-element-1a479e3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}#elementor-popup-modal-4188 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4188{background-color:#2D38528C;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4188 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4188 .dialog-close-button{display:flex;top:5%;font-size:22px;}body:not(.rtl) #elementor-popup-modal-4188 .dialog-close-button{right:11%;}body.rtl #elementor-popup-modal-4188 .dialog-close-button{left:11%;}#elementor-popup-modal-4188 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-4188 .dialog-close-button svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-4188 .elementor-element.elementor-element-7dd1a54{--width:1140px;}}/* Start custom CSS for form, class: .elementor-element-1a479e3 *//* ВСТАВЛЯТЬ ИМЕННО В:
   Виджет FORM -> Дополнительно -> Custom CSS
   Никакой CSS-класс форме не нужен.
*/

.elementor-4188 .elementor-element.elementor-element-1a479e3,
.elementor-4188 .elementor-element.elementor-element-1a479e3 *,
.elementor-4188 .elementor-element.elementor-element-1a479e3 *::before,
.elementor-4188 .elementor-element.elementor-element-1a479e3 *::after {
  box-sizing: border-box !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  width: 100% !important;
  max-width: 536px !important;
  margin: 0 auto !important;
  padding: 38px 34px 34px !important;

  border: 0 !important;
  border-radius: 30px !important;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,.122) 0%,
    rgba(255,255,255,.07) 50%,
    rgba(255,255,255,.122) 100%
  ) !important;

  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 20px 55px rgba(0,0,0,.12) !important;
}

/* стеклянная обводка */
.elementor-4188 .elementor-element.elementor-element-1a479e3::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  padding: 1px !important;
  border-radius: inherit !important;

  background: linear-gradient(
    110deg,
    rgba(255,255,255,.95) 0%,
    rgba(255,255,255,.55) 35%,
    rgba(255,255,255,.12) 70%,
    rgba(255,255,255,.42) 100%
  ) !important;

  pointer-events: none !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 > .elementor-widget-container,
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-form,
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-form-fields-wrapper {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-form-fields-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-group {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

/* убираем подписи "Имя / Email / Телефон / Согласие" над полями */
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-label {
  display: none !important;
}

/* ---------- ШАПКА ---------- */

.elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;

  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  gap: 14px !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-avatar {
  display: block !important;

  width: 90px !important;
  height: 90px !important;
  min-width: 90px !important;
  min-height: 90px !important;
  max-width: 90px !important;
  max-height: 90px !important;

  flex: 0 0 90px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid rgba(255,255,255,.30) !important;
  border-radius: 50% !important;

  object-fit: cover !important;

  box-shadow:
    0 4px 16px rgba(0,0,0,.16),
    0 0 0 3px rgba(255,255,255,.05) !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #fff !important;

  font-family: inherit !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-description {
  width: 100% !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  color: rgba(255,255,255,.88) !important;

  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

/* ---------- ПОЛЯ ---------- */

.elementor-4188 .elementor-element.elementor-element-1a479e3 input.elementor-field:not([type="checkbox"]):not([type="radio"]),
.elementor-4188 .elementor-element.elementor-element-1a479e3 input.elementor-field-textual:not([type="checkbox"]):not([type="radio"]) {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  margin: 0 !important;
  padding: 0 16px !important;

  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 9px !important;

  background: rgba(255,255,255,.18) !important;
  color: #fff !important;

  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 48px !important;
  font-weight: 400 !important;

  outline: 0 !important;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 input::placeholder {
  color: rgba(255,255,255,.68) !important;
  opacity: 1 !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 input.elementor-field:focus,
.elementor-4188 .elementor-element.elementor-element-1a479e3 input.elementor-field-textual:focus {
  border-color: rgba(255,255,255,.55) !important;
  background: rgba(255,255,255,.24) !important;

  box-shadow:
    0 0 0 3px rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* ---------- СОГЛАСИЕ ---------- */

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-acceptance {
  width: 100% !important;
  margin: 1px 0 11px !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-acceptance .elementor-field-option {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 9px !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-acceptance label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  color: rgba(255,255,255,.94) !important;

  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;

  cursor: pointer !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-acceptance a {
  color: rgba(255,255,255,.98) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-acceptance input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;

  position: relative !important;
  display: block !important;

  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;

  flex: 0 0 15px !important;

  margin: 1px 0 0 !important;
  padding: 0 !important;

  border: 1px solid rgba(255,255,255,.75) !important;
  border-radius: 2px !important;

  background: rgba(255,255,255,.04) !important;

  cursor: pointer !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-acceptance input[type="checkbox"]:checked {
  border-color: #fff !important;
  background: #fff !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-acceptance input[type="checkbox"]:checked::after {
  content: "" !important;

  position: absolute !important;
  top: 1px !important;
  left: 4px !important;

  width: 4px !important;
  height: 8px !important;

  border-right: 2px solid #1d1d1d !important;
  border-bottom: 2px solid #1d1d1d !important;

  transform: rotate(45deg) !important;
}

/* ---------- КНОПКА ---------- */

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-field-type-submit {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 50px !important;

  margin: 0 !important;
  padding: 12px 20px !important;

  border: 0 !important;
  border-radius: 14px !important;

  background: #fff !important;
  color: #1d1d1d !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;

  text-align: center !important;
  cursor: pointer !important;

  box-shadow: 0 8px 24px rgba(0,0,0,.10) !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-button-text {
  color: #1d1d1d !important;
  font-weight: 500 !important;
}

.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-button:hover,
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-button:focus {
  background: rgba(255,255,255,.90) !important;
  color: #1d1d1d !important;

  transform: translateY(-1px) !important;

  box-shadow: 0 10px 28px rgba(0,0,0,.14) !important;
}

/* ---------- ТЕКСТ ПОД КНОПКОЙ ---------- */

.elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-note {
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;

  color: rgba(255,255,255,.78) !important;

  font-family: inherit !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;

  text-align: center !important;
}

/* ---------- УСПЕШНАЯ ОТПРАВКА ---------- */

/* После успешной отправки скрываем все поля формы */
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-form:has(.elementor-message-success)
.elementor-form-fields-wrapper {
  display: none !important;
}

/* Центрируем экран успеха внутри стеклянной формы */
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-form:has(.elementor-message-success) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 290px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Само сообщение Elementor */
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-message-success {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 20px !important;

  color: transparent !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 0 !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;

  text-align: center !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Круг с галочкой — как в первой форме */
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-message-success::before {
  content: "✓" !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;

  margin: 0 0 20px !important;

  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 50% !important;

  background: rgba(255,255,255,.09) !important;
  color: rgba(255,255,255,.82) !important;

  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;

  font-family: Arial, sans-serif !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 400 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 8px 24px rgba(0,0,0,.08) !important;
}

/* Нужный текст после успешной отправки */
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-message-success::after {
  content: "Гайд отправлен на почту. Свяжусь с вами в течение рабочего дня." !important;

  display: block !important;
  width: 100% !important;
  max-width: 440px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #fff !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;

  text-align: center !important;
  white-space: pre-line !important;
}

/* Если Elementor добавляет свою иконку — убираем */
.elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-message-success .elementor-message-icon {
  display: none !important;
}

/* ---------- MOBILE ---------- */

@media (max-width: 767px) {
  .elementor-4188 .elementor-element.elementor-element-1a479e3 {
    max-width: calc(100vw - 24px) !important;
    padding: 28px 22px 24px !important;
    border-radius: 24px !important;
  }

  .elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-header {
    gap: 12px !important;
  }

  .elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-avatar {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    flex-basis: 72px !important;
  }

  /* Мобильный заголовок */
  .elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-title {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-title::after {
    content: "Получите гайд по контекстной рекламе" !important;

    display: block !important;

    color: #fff !important;

    font-family: inherit !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
  }

  /* Мобильное описание */
  .elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-description {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .elementor-4188 .elementor-element.elementor-element-1a479e3 .guide-form-description::after {
    content: "Оставьте контакты для отправки гайда на почту и дальнейшего получения консультации по рекламе." !important;

    display: block !important;

    color: rgba(255,255,255,.88) !important;

    font-family: inherit !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
  }

  /*
     .guide-form-note специально НЕ переопределяем:
     на мобильной версии он остаётся таким же,
     как в версии для ПК.
  */

  .elementor-4188 .elementor-element.elementor-element-1a479e3 input.elementor-field:not([type="checkbox"]):not([type="radio"]),
  .elementor-4188 .elementor-element.elementor-element-1a479e3 input.elementor-field-textual:not([type="checkbox"]):not([type="radio"]) {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    line-height: 46px !important;
  }

  .elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-form:has(.elementor-message-success) {
    min-height: 240px !important;
  }

  .elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-message-success {
    padding: 16px 6px !important;
  }

  .elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-message-success::before {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;

    margin-bottom: 16px !important;

    font-size: 28px !important;
  }

  .elementor-4188 .elementor-element.elementor-element-1a479e3 .elementor-message-success::after {
    font-size: 19px !important;
    line-height: 1.3 !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   POPUP 4188
   Равномерное перекрытие страницы
   Без прямоугольной подложки вокруг формы
   Крестик полностью управляется Elementor
========================================================= */


/* =========================================================
   1. ПЕРЕКРЫТИЕ СТРАНИЦЫ
========================================================= */

#elementor-popup-modal-4188 {
    background: #2D38528C !important;
    background-color: #2D38528C !important;
    background-image: none !important;

    opacity: 1 !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    box-shadow: none !important;
}


/* Если Elementor использует отдельный overlay */
#elementor-popup-modal-4188 .dialog-widget-overlay {
    background: #2D38528C !important;
    background-color: #2D38528C !important;
    background-image: none !important;

    opacity: 1 !important;

    filter: none !important;
    -webkit-filter: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    box-shadow: none !important;
}


/* =========================================================
   2. ВНЕШНЕЕ ОКНО POPUP
   Убираем прямоугольный фон и тень
========================================================= */

#elementor-popup-modal-4188 .dialog-widget-content {
    margin: 0 !important;
    padding: 0 !important;

    border: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    filter: none !important;
    -webkit-filter: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    overflow: visible !important;
}


/* =========================================================
   3. ОБЛАСТЬ СОДЕРЖИМОГО POPUP
========================================================= */

#elementor-popup-modal-4188 .dialog-message,
#elementor-popup-modal-4188 .dialog-lightbox-message {
    margin: 0 !important;
    padding: 0 !important;

    border: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    filter: none !important;
    -webkit-filter: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    overflow: visible !important;
}


/* =========================================================
   4. КОРНЕВОЙ ELEMENTOR ВНУТРИ POPUP
   Не трогаем саму форму
========================================================= */

#elementor-popup-modal-4188
.dialog-message > .elementor,

#elementor-popup-modal-4188
.dialog-lightbox-message > .elementor {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    filter: none !important;
    -webkit-filter: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}


/* =========================================================
   5. ВНЕШНИЕ ELEMENTOR-КОНТЕЙНЕРЫ
========================================================= */

#elementor-popup-modal-4188
.dialog-message > .elementor > .elementor-element,

#elementor-popup-modal-4188
.dialog-lightbox-message > .elementor > .elementor-element {
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
}


/* =========================================================
   6. ELEMENTOR BACKGROUND OVERLAY
   Убираем только overlay внутренних контейнеров
========================================================= */

#elementor-popup-modal-4188
.elementor-background-overlay {
    display: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    opacity: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   7. ПСЕВДОЭЛЕМЕНТЫ ОБОЛОЧКИ
   Могут создавать квадратную тень
========================================================= */

#elementor-popup-modal-4188
.dialog-widget-content::before,

#elementor-popup-modal-4188
.dialog-widget-content::after,

#elementor-popup-modal-4188
.dialog-message::before,

#elementor-popup-modal-4188
.dialog-message::after,

#elementor-popup-modal-4188
.dialog-lightbox-message::before,

#elementor-popup-modal-4188
.dialog-lightbox-message::after {
    content: none !important;

    display: none !important;

    background: none !important;

    box-shadow: none !important;

    filter: none !important;
}


/* =========================================================
   8. КНОПКА ЗАКРЫТИЯ
   НЕ задаём position / top / right / width / height.
   Всё это регулируется Elementor.
   Здесь меняем только цвет.
========================================================= */

#elementor-popup-modal-4188
.dialog-close-button,

#elementor-popup-modal-4188
.dialog-lightbox-close-button {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background: transparent !important;

    box-shadow: none !important;
}


#elementor-popup-modal-4188
.dialog-close-button *,

#elementor-popup-modal-4188
.dialog-lightbox-close-button * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Если крестик SVG */
#elementor-popup-modal-4188
.dialog-close-button svg,

#elementor-popup-modal-4188
.dialog-lightbox-close-button svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}


/* =========================================================
   9. MOBILE
========================================================= */

@media (max-width: 767px) {

    #elementor-popup-modal-4188
    .dialog-widget-content {
        max-width: calc(100vw - 20px) !important;
    }

    #elementor-popup-modal-4188
    .dialog-message,

    #elementor-popup-modal-4188
    .dialog-lightbox-message {
        width: 100% !important;
        max-width: 100% !important;
    }

}
#elementor-popup-modal-1344,
#elementor-popup-modal-4188 {
  overscroll-behavior: contain;
}/* End custom CSS */