.elementor-2486 .elementor-element.elementor-element-4b7c63d7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--overlay-mix-blend-mode:color-dodge;}.elementor-2486 .elementor-element.elementor-element-4b7c63d7:not(.elementor-motion-effects-element-type-background), .elementor-2486 .elementor-element.elementor-element-4b7c63d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF040400;}.elementor-2486 .elementor-element.elementor-element-4b7c63d7::before, .elementor-2486 .elementor-element.elementor-element-4b7c63d7 > .elementor-background-video-container::before, .elementor-2486 .elementor-element.elementor-element-4b7c63d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-2486 .elementor-element.elementor-element-4b7c63d7 > .elementor-background-slideshow::before, .elementor-2486 .elementor-element.elementor-element-4b7c63d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2486 .elementor-element.elementor-element-4b7c63d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FF252500;--background-overlay:'';}.elementor-2486 .elementor-element.elementor-element-4ccd7349{background-color:#FFFFFF00;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-2486 .dialog-widget-content{animation-duration:1.2s;background-color:#FFFFFF03;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2486{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2486 .dialog-message{width:720px;height:auto;}#elementor-popup-modal-2486 .dialog-close-button{display:flex;}#elementor-popup-modal-2486 .dialog-close-button i{color:#FFFFFF00;}#elementor-popup-modal-2486 .dialog-close-button svg{fill:#FFFFFF00;}@media(max-width:767px){.elementor-2486 .elementor-element.elementor-element-4ccd7349{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-2486 .elementor-element.elementor-element-4b7c63d7{--content-width:820px;}}/* Start custom CSS for shortcode, class: .elementor-element-4ccd7349 *//*************************************************
 AUDIT – Fluent Forms #1 inside Elementor Popup
*************************************************/

/* ===== POPUP (Elementor) ===== */
.elementor-popup-modal .dialog-widget-content{
  width: min(720px, 96vw) !important;
  border-radius: 20px !important;
  padding: 0 !important;
  background:#fff !important;
  overflow: hidden !important;
  box-shadow: 0 30px 90px rgba(15,23,42,.28) !important;
}

.elementor-popup-modal .dialog-overlay{
  background: rgba(11,16,32,.62) !important;
  backdrop-filter: blur(10px);
}

/* крестик */
.elementor-popup-modal .dialog-close-button{
  top: 14px !important;
  right: 14px !important;
  opacity: .8;
}
.elementor-popup-modal .dialog-close-button:hover{ opacity: 1; }

/* ===== БАЗА ФОРМЫ ===== */
#fluentform_3{
  margin:0 !important;
  background: #fff !important;
  border:none !important;
  box-shadow:none !important;
  padding: 22px 22px 18px !important;
  font-family: 'Gilroy', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  color:#0b1020 !important;
}

/* ===== УБРАТЬ "Step 1 of 5" ===== */
#fluentform_3 .ff-step-header .ff-step-title,
#fluentform_3 .ff-step-header .ff-el-progress-status{
  display:none !important;
}

/* ===== ПРОГРЕСС-БАР (как на твоём примере) ===== */
#fluentform_3 .ff-step-header{
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

#fluentform_3 .ff-el-progress-bar-wrap,
#fluentform_3 .ff-step-progress{
  width:100% !important;
  height:10px !important;
  border-radius:999px !important;
  background:#f3f4f6 !important;
  overflow:hidden !important;
}

/* полоска прогресса */
#fluentform_3 .ff-el-progress-bar,
#fluentform_3 .ff-step-progress-bar{
  height:100% !important;
  background: linear-gradient(90deg,#f66a6a,#ff0000) !important;
  transition: width .25s ease !important;
}

#fluentform_3 .ff-el-progress-bar-percentage{
  display:none !important;
}

/* ===== ВОПРОСЫ ===== */
#fluentform_3 .ff-el-label{
  margin: 8px 0 12px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color:#0b1020 !important;
}

/* ===== ОТВЕТЫ (button style / pills) ===== */
/* контейнер с вариантами */
#fluentform_3 .ff-el-input--content{
  display:flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* сами “таблетки” */
#fluentform_3 .ff-el-form-check{
  margin:0 !important;
}

/* скрыть дефолтные кружки/квадраты */
#fluentform_3 .ff-el-form-check input{
  display:none !important;
}

/* label как карточка */
#fluentform_3 .ff-el-form-check .ff-el-form-check-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height: 54px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;

  background:#fff !important;
  border:1px solid rgba(15,23,42,.12) !important;

  color:#0b1020 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-align:center !important;

  box-shadow: 0 14px 28px rgba(15,23,42,.08) !important;
  transition:.18s ease !important;
  cursor:pointer;
  user-select:none;
}

/* hover */
#fluentform_3 .ff-el-form-check .ff-el-form-check-label:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(15,23,42,.12) !important;
}

/* выбранная */
#fluentform_3 .ff-el-form-check input:checked + .ff-el-form-check-label{
  background: linear-gradient(135deg,#f66a6a,#ff0000) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 22px 46px rgba(246,219,106,.30) !important;
}

/* ===== НАВИГАЦИЯ (Далі / Назад) ===== */
#fluentform_3 .ff-btn-group,
#fluentform_3 .ff-step-nav{
  display:flex !important;
  justify-content: space-between !important;
  align-items:center !important;
  gap: 12px !important;

  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top:1px solid #e5e7eb !important;
}

/* Далі/Submit */
#fluentform_3 .ff-btn-next,
#fluentform_3 .ff-btn-submit,
#fluentform_3 .ff-btn.ff-btn-primary{
  background: linear-gradient(135deg,#f6db6a,#ffeaa0) !important;
  color:#0b1020 !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  border:none !important;
  font-weight: 900 !important;
  transition:.2s ease !important;
  box-shadow: 0 14px 30px rgba(246,219,106,.26) !important;
}

#fluentform_3 .ff-btn-next:hover,
#fluentform_3 .ff-btn-submit:hover,
#fluentform_3 .ff-btn.ff-btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(246,219,106,.34) !important;
}

/* Назад */
#fluentform_3 .ff-btn-prev,
#fluentform_3 .ff-btn.ff-btn-secondary{
  background:#fff !important;
  color:#0b1020 !important;
  border-radius: 999px !important;
  border:1px solid #d1d5db !important;
  padding: 11px 18px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

#fluentform_3 .ff-btn-prev:hover,
#fluentform_3 .ff-btn.ff-btn-secondary:hover{
  background:#f3f4f6 !important;
  transform: translateY(-1px);
}

/* ===== АДАПТИВ ===== */
@media (max-width: 780px){
  #fluentform_3{
    padding: 16px 16px 14px !important;
  }

  /* 2 колонки на мобилке */
  #fluentform_3 .ff-el-input--content{
    display:grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  #fluentform_3 .ff-el-form-check .ff-el-form-check-label{
    min-height: 50px !important;
    padding: 12px 12px !important;
    font-size: 14px !important;
  }

  /* кнопки снизу — липкие */
  #fluentform_3 .ff-step-nav,
  #fluentform_3 .ff-btn-group{
    position: sticky;
    bottom: 0;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(6px);
    padding-bottom: 10px !important;
  }
}

@media (max-width: 520px){
  /* на очень узких — 1 колонка */
  #fluentform_3 .ff-el-input--content{
    grid-template-columns: 1fr !important;
  }
}
/* 1) Поле с вариантами растягиваем на всю ширину */
#fluentform_3 .ff-el-input--content{
  width: 100% !important;
}

/* Каждому варианту даём ширину (2 колонки) */
#fluentform_3 .ff-el-form-check{
  flex: 0 0 calc(50% - 6px) !important; /* 2 колонки */
  width: calc(50% - 6px) !important;
}

/* label внутри — на всю ширину */
#fluentform_3 .ff-el-form-check .ff-el-form-check-label{
  width: 100% !important;
}

/* 2) Навигацию фиксируем: кнопки по краям и без обрезания */
#fluentform_3 .ff-step-nav,
#fluentform_3 .ff-btn-group{
  width: 100% !important;
  justify-content: space-between !important;
}

/* Кнопка “Далі” — нормальная, не обрезается */
#fluentform_3 .ff-btn-next,
#fluentform_3 .ff-btn-submit,
#fluentform_3 .ff-btn.ff-btn-primary{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 140px !important;
}

/* Попап/форма — чтобы справа не было лишнего внутреннего “воздуха” */
#fluentform_3{
  max-width: 860px !important;
  margin: 0 auto !important;
}
@media (max-width: 520px){
  #fluentform_3 .ff-el-form-check{
    flex: 0 0 100% !important;
    width: 100% !important;
  }
}
/* ===== УБРАТЬ СИНИЙ ACTIVE / FOCUS ===== */
#fluentform_3 *:focus{
  outline: none !important;
}
#fluentform_3 input:focus,
#fluentform_3 button:focus,
#fluentform_3 a:focus{
  outline: none !important;
  box-shadow: none !important;
}

/* iOS/Chrome blue tap highlight */
#fluentform_3, 
#fluentform_3 *{
  -webkit-tap-highlight-color: transparent !important;
}

/* ===== УБРАТЬ СИНИЙ ФОН У ВЫБРАННОЙ КНОПКИ (Fluent selected) ===== */
#fluentform_3 .ff-el-form-check.ff_item_selected,
#fluentform_3 .ff-el-form-check.ff_item_selected .ff-el-form-check-label,
#fluentform_3 .ff-el-form-check input:checked + .ff-el-form-check-label{
  background: linear-gradient(135deg,#f66a6a,#ff0000) !important;
  border-color: rgba(15,23,42,.12) !important;
  color:#0b1020 !important;
}
/* ==== УБИРАЕМ ВНУТРЕННИЙ СИНИЙ БЛОК ВЫБОРА (Fluent) ==== */
#fluentform_3 .ff_item_selected,
#fluentform_3 .ff_item_selected *{
  background: transparent !important;
}

/* если внутри есть span/div который красится */
#fluentform_3 .ff_item_selected .ff-el-form-check-label,
#fluentform_3 .ff_item_selected .ff-el-form-check-label *{
  background: transparent !important;
  color:#0b1020 !important;
}

/* делаем фон выбранной таблетки на самом контейнере */
#fluentform_3 .ff-el-form-check.ff_item_selected{
  background: linear-gradient(135deg,#f6db6a,#ffeaa0) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 46px rgba(246,219,106,.30) !important;
}

/* label в выбранной — без внутренних рамок */
#fluentform_3 .ff-el-form-check.ff_item_selected .ff-el-form-check-label{
  border: none !important;
  box-shadow: none !important;
}

/* на всякий случай: убираем псевдо-элементы, которые дают рамки */
#fluentform_3 .ff-el-form-check-label::before,
#fluentform_3 .ff-el-form-check-label::after{
  display:none !important;
}
/* ===== УБИРАЕМ ВНУТРЕННЮЮ РАМКУ ВНУТРИ ТАБЛЕТКИ ===== */
#fluentform_3 .ff-el-form-check-label *{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* на всякий: если Fluent делает "инпут-рамку" через span */
#fluentform_3 .ff-el-form-check-label span,
#fluentform_3 .ff-el-form-check-label div{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* чтобы текст был по центру и таблетка выглядела как цельная */
#fluentform_3 .ff-el-form-check-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 18px 18px !important;
  border-radius: 16px !important;
}
/* ===== УБИРАЕМ СИНИЙ ТЕКСТ ПРИ HOVER / ACTIVE ===== */
#fluentform_3 .ff-el-form-check-label,
#fluentform_3 .ff-el-form-check-label:hover,
#fluentform_3 .ff-el-form-check-label:active,
#fluentform_3 .ff-el-form-check-label:focus,
#fluentform_3 .ff-el-form-check-label *{
  color: #111 !important;
  text-decoration: none !important;
}

/* iOS / Chrome blue tap highlight */
#fluentform_3{
  -webkit-tap-highlight-color: transparent !important;
}/* End custom CSS */