.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-section .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-61773 .elementor-element.elementor-element-100e769 > .elementor-container{min-height:400px;}.elementor-61773 .elementor-element.elementor-element-100e769{border-style:none;margin-top:0px;margin-bottom:0px;padding:30px 0px 0px 0px;}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-column .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-61773 .elementor-element.elementor-element-31f81af > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-shortcode.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-61773 .elementor-element.elementor-element-f4b6be9{width:100%;max-width:100%;}.elementor-61773 .elementor-element.elementor-element-f4b6be9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-61773 .elementor-element.elementor-element-f4b6be9.elementor-element{--align-self:flex-start;}#elementor-popup-modal-61773 .dialog-widget-content{background-color:#F3F3F3;border-radius:10px 10px 10px 10px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-61773{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-61773 .dialog-message{width:743px;height:600px;align-items:flex-start;padding:0px 30px 0px 30px;}#elementor-popup-modal-61773 .dialog-close-button{display:flex;top:3%;font-size:16px;}body:not(.rtl) #elementor-popup-modal-61773 .dialog-close-button{right:3%;}body.rtl #elementor-popup-modal-61773 .dialog-close-button{left:3%;}@media(max-width:1024px) and (min-width:768px){.elementor-61773 .elementor-element.elementor-element-31f81af{width:100%;}}@media(max-width:1024px){.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-61773 .elementor-element.elementor-element-100e769{padding:20px 20px 0px 20px;}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-shortcode.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-61773 .elementor-element.elementor-element-f4b6be9{width:100%;max-width:100%;}.elementor-61773 .elementor-element.elementor-element-f4b6be9 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-61773 .elementor-element.elementor-element-100e769 > .elementor-container{min-height:100vh;}.elementor-61773 .elementor-element.elementor-element-100e769{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-bc-flex-widget .elementor-61773 .elementor-element.elementor-element-31f81af.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-61773 .elementor-element.elementor-element-31f81af.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-widget-shortcode.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-61773 .elementor-element.elementor-element-f4b6be9 > .elementor-widget-container{padding:20px 0px 0px 0px;}#elementor-popup-modal-61773 .dialog-message{height:100vh;padding:0px 20px 0px 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-f4b6be9 *//* Находим родительский блок кнопки на первом шаге */
		div.fluentform-step[data-name="step_start-8_7"] .step-nav {
		 display: flex; /* Включаем flex-режим */
		 justify-content: center; /* Центрируем по горизонтали */
		 width: 100%; /* Убедимся, что блок занимает всю ширину */
		}

		/* Для самой кнопки на первом шаге отменяем выравнивание по правому краю */
		div.fluentform-step[data-name="step_start-8_7"] .ff-btn-next {
		 float: none !important; /* Отменяем float:right */
		}

		/* Для самой кнопки на первом шаге отменяем выравнивание по правому краю */
		div.fluentform-step[data-name="form_step-8_7"] .ff_step_nav_last {
		display:none!important;	}

	/* Для самой кнопки на первом шаге отменяем выравнивание по правому краю */
		div.fluentform-step[data-name="form_step-8_7"] .ff-step-header-main {
		display:none!important;	}

.ff-message-success {padding:0!important;margin:0!important; border:0!important;box-shadow:none!important;}

#fluentform_8_success > p:nth-child(1) {margin:0!important;}

.fluentform-step.active {
  height: 555px!important;
}

.fluentform .ff-el-group.icon-social.ff_list_buttons > div.ff-el-input--label {
    width: 100%;
    text-align: center;
    padding: 0px 10px;
}	

#fluentform_8 .comment-trigger-link .ff-el-form-check-label
{
border:none!important;
    background-color: #ffffff00 !important;
box-shadow:none!important;
font-size:14px!important;
}

		#fluentform_8 .comment-trigger-link .ff-el-form-check-label > span
		 {
		 font-size:13px;
		 }

	#fluentform_8 .comment-trigger-link .ff-el-form-check-label > span::before
	{
	display:none!important;
	}

.paddimg-minus {margin:0!important;}

/* Возвращаем span к обычному блочному поведению */
#fluentform_8 .ff-el-image-holder label.ff-el-form-check-label > span {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 15px;
}

/* ИСПРАВЛЕНИЕ: Добавляем этот блок для вертикального выравнивания */
#fluentform_8 .ff-el-image-holder label.ff-el-form-check-label > span::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-right: 18px;
  border-radius: 50%;
  background-color: var(--radio-unchecked-color);
  transition: all 0.2s ease-in-out;
 
  /* ВОТ КЛЮЧЕВОЕ ИЗМЕНЕНИЕ: */
  vertical-align: middle; /* Выравниваем кружок по середине текста */
  margin-bottom: 4px; /* Небольшая визуальная коррекция, чтобы было идеально */
}		

.fluentform .ff-el-group.icon-social.ff_list_buttons > div.ff-el-input--label.asterisk-left > label {
font-family: 'Stapel-Medium';
    font-size: 20px !important;
    text-align: center;
padding: 10px 10px 20px 10px !important;
  }

/* --- Стили для сетки иконок соцсетей (Версия 2.1 - Точечные правки) --- */
/* 1. Настраиваем контейнер для иконок (без изменений) */
.icon-social .ff_el_checkable_photo_holders {
  display: flex !important;
  flex-wrap: wrap;
  gap: 15px; /* Увеличил отступ для лучшего вида */
}

/* 2. Настраиваем каждый элемент сетки (кнопку) */
.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
  box-sizing: border-box;
  border: 1px solid #dcdfe5;
  border-radius: 40px!important;
  overflow: hidden;
  margin: 0 !important;
  /* ДОБАВЛЕНО: Превращаем кнопку во flex-контейнер для выравнивания контента */
  display: flex;
  align-items: center;
  padding: 10px; /* Добавил внутренние отступы */
}

/* 3. Стилизуем иконку (первый label) */
.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder .ff-el-image-input-src {
  /* ИЗМЕНЕНО: Задаем фиксированный размер для иконки и отменяем позиционирование */
  flex: 0 0 40px; /* Фиксированная ширина 40px */
  height: 40px !important;
  width: 40px !important;
  position: static; /* Очень важно: отменяем стили плагина */
 
  /* Ваши стили для фона */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 4. ДОБАВЛЕНО: Стилизуем контейнер для чекбокса и текста (второй label) */
.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder .ff-el-form-check-label {
  display: flex !important; /* Показываем этот блок */
  align-items: center;
  position: static; /* Отменяем стили плагина */
  margin: 0 0 0 0px; /* Отступ слева от иконки */
  height: auto !important;
  width: auto !important;
}

/* 5. ДОБАВЛЕНО: Показываем скрытый чекбокс */
.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder input[type="checkbox"] {
 display:none;}

.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder .ff-el-form-check-label > span::before
{display:none!important;}

.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder .ff-el-form-check-label > span
{margin:0!important; padding-left:5px!important;    font-size: 14px ! importaNT;}

.ff-default .ff-el-form-control {
  padding: 8px 8px!important;
  border: 1px solid #d9d9d9!important;
  border-radius: 5px!important;
  background-color: #fff!important;
  cursor: pointer!important;
  transition: all 0.2s ease-in-out;
}

		.ff-el-group.first-step {
		 background:
			linear-gradient(rgba(0, 0, 0, 0.7), #fff),
			url(http://ducks.utmwork.stream/wp-content/uploads/2025/05/olympt-details-2.webp);
		 background-size: cover;
		 background-position: center;
		 border-radius: 10px;
		 color: white; /* если нужен белый текст поверх */
		}

		/* Скрываем прогресс-бар ТОЛЬКО на первом шаге формы с ID 8 */
		.fluent_form_8 .fluentform-step:first-of-type .ff-el-progress {
			display: none !important;
		}

		/* --- СТРУКТУРА КВИЗА ДЛЯ ДЕСКТОПА --- */
		/* 1. Главный контейнер формы становится точкой отсчета и получает место для футера */
		.fluent_form_8 .ff-step-container {
			position: relative; /* <--- САМОЕ ВАЖНОЕ! Это "якорь" для абсолютного позиционирования. */
			min-height: 600px; /* Задаем минимальную высоту, чтобы было куда прижимать. Подберите значение под ваш дизайн. */
		
			box-sizing: border-box;
		}

		.elementor-popup-modal .dialog-close-button:focus {outline:none;}

		#fluentform_8 .fluentform-step[data-name="step_start-8_10"] .ff-el-input--content {
			padding-right: 33%;
		}

		/* 2. Тело с вопросами просто занимает все доступное место */
		.fluent_form_8 .ff-step-body {
			order: 1; /* Содержимое всегда будет первым */
		}

		.fluent_form_8 div.ff-el-progress > div > span {display:auto;}

		#fluentform_8 .quiz-title.ff_list_buttons .ff-el-form-check {  width: 50%!important;padding-right: 15px;}

.fluentform .ff-el-progress-bar {border-radius: 10px!important;}

#fluentform_8 .quiz-title .ff-el-form-check {  width: 50%!important;padding-right: 15px;}

.ff-el-input--content {
  display: flex
;
  flex-wrap: wrap;
}

		#fluentform_8 .quiz-title.ff_list_buttons .ff_el_checkable_photo_holders .ff-el-form-check {     background: #fff; width: 100%!important;}

		/* --- ИСПРАВЛЕННАЯ СТРУКТУРА КВИЗА ДЛЯ ДЕСКТОПА (Версия 2) --- */
		/* 1. Главный контейнер ("якорь").
		 Оставляем его relative и добавляем отступ внизу для кнопок и прогресс-бара. */
		.fluent_form_8 .ff-step-container {
		position: relative;
		 min-height: 570px;
		 padding-bottom: 0; /* Пространство для футера */
		 box-sizing: border-box;
			display: flex; /* Используем flex для растягивания контента */
			flex-direction: column;
		}

		/* 2. Контентная часть. Растягиваем ее, чтобы она заполнила всё доступное место. */
		.fluent_form_8 .ff-step-body {
			flex-grow: 1;
		}

		/* 3. Футер с прогресс-баром. Прибиваем его к низу. */
		.fluent_form_8 .ff-step-header {
  position: absolute;
  padding: 0 10px;
  width: 70%;
  bottom: 15px;
  box-sizing: border-box;
  z-index: 999;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.07);
}

		/* 5. Блок `.maxadd` внутри контейнера с кнопками.
		 ИМЕННО ЕГО мы делаем flex-контейнером. */
		.fluent_form_8 .fluentform-step.active .maxadd {
			display: flex;
			justify-content: space-between; /* Растаскивает кнопки по краям */
			align-items: center;
		}

		/* 6. СПЕЦИАЛЬНОЕ ПРАВИЛО ДЛЯ ПЕРВОГО ШАГА!
		 Когда на шаге только одна кнопка "Далі", 'space-between' не сработает.
		 Поэтому для самого первого шага мы принудительно прижимаем всё содержимое вправо. */
		.fluent_form_8 .fluentform-step .maxadd {
			justify-content: flex-end;
		}

		.fluent_form_8 .fluentform-step.active .maxadd {
			justify-content: flex-end;
		}

		.fluentform_wrapper_8.ffs_custom_wrap .step-nav .ff-btn-prev {
		
			padding: 1px;
			margin: 1px;
			border: solid rgba(0, 0, 0, .1)
			}

		.fluentform .ff-custom_html{
			margin-bottom: 0!important;
		}

		.fluentform .ff-el-group.ff_list_buttons .ff-el-image-holder label {
			height: 150px !important;
		}

		.fluentform .ff_el_checkable_photo_holders {  width: 100%;}

			/* ИЗМЕНЕНО: Контейнер для кнопок "Вперед" и "Назад" */
			
			.ff-step-body{
				order:1;
			}
			
			.fluent_form_8 .ff-btn-next {
				position: relative;
				background-color: #ad7d41!important;
				color: #fff;
				font-weight: 600;
				font-size: 16px;
				padding: 15px 35px;
				border: none;
				overflow: hidden;
				transition: all 0.3s ease;
				border-radius: 3px;
				font-family: 'Manrope', sans-serif;
		box-shadow: 0 4px 12px rgba(198, 162, 101, 0.25); /* заменено здесь */
				text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
				z-index: 1;
				cursor: pointer;
		}

		.fluent_form_8 .ff-btn-next:hover {
			transform: scale(1.05);
				box-shadow: 0 6px 18px rgba(173, 125, 65, 0.35);
		}

		/* Блик из .is-blicked */
		.fluent_form_8 .ff-btn-next::after {
		 content: "";
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 height: 100%;
		 width: 1.875rem;
		 background: linear-gradient(
			90deg,
			hsla(0, 0%, 100%, 0.1) 10%,
			hsla(0, 0%, 100%, 0.2) 20%,
			hsla(0, 0%, 100%, 0.6)
		 );
		 transform: skewX(-45deg);
		 left: -20%;
		 animation: blick 2.5s infinite;
		 pointer-events: none;
		}

		@keyframes blick {
		 0% {
			left: -20%;
			opacity: 0;
		 }
		 15% {
			opacity: 1;
			left: 120%;
		 }
		 100% {
			left: 120%;
			opacity: 0;
		 }
		}
			
		.fluent_form_8 div.ff-el-progress > div::before {
		content: "Готовність: ";
			position: absolute;
			top: -22px;
			left: 0;
			color: #363636;
			background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, 0.08) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.08) 0, hsla(0, 0%, 100%, 0.08) 75%, transparent 0, transparent);
			z-index: 1;
			background-size: 1.25rem 1.25rem;
			animation: move 1.5s linear infinite;
			pointer-events: none;
		}

		.ff-step-container {padding:0 0px;}	
			
			.fluent_form_8 div.ff-el-progress > div > span {
			
			color: #AD7D41;
			position: absolute;
			left: 71px;
			top: -22px;
		}
			
			.fluent_form_8 div.ff-el-progress > div {
			position: relative;
			background-color: #e83a8c; /* можешь заменить на нужный тебе базовый цвет */
			height: 10px;
			overflow: visible;
		}

		.fluent_form_8 div.ff-el-progress > div::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background-image: linear-gradient(
				-45deg,
				hsla(0, 0%, 100%, 0.08) 25%,
				transparent 0,
				transparent 50%,
				hsla(0, 0%, 100%, 0.08) 0,
				hsla(0, 0%, 100%, 0.08) 75%,
				transparent 0,
				transparent
			);
			z-index: 1;
			background-size: 1.25rem 1.25rem;
			animation: move 1.5s linear infinite;
			pointer-events: none;
		}

		/* Анимация движения полос */
		@keyframes move {
			0% {
				background-position: 0 0;
			}
			100% {
				background-position: 1.25rem 0;
			}
		}
			
			/* ДОБАВЛЕНО: Стилизация кнопки "Назад" */
			.fluent_form_8 .ff-btn-prev {
				background-color: #f0f0f0;
				border: 1px solid #e0e0e0;
				width: 48px;
				height: 48px;
				border-radius: 50%; /* Делаем кнопку круглой */
				padding: 0;
				margin: 0;
				position: relative;
				font-size: 0; /* Прячем текст "Назад" */
				cursor: pointer;
			}
			
		.fluent_form_8 .ff-btn-prev::before {
		 content: '';
		 display: inline-block;
		 width: 22px;
		 height: 22px;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='rgb(0%200%200%20/%2040%25)'%20d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E");
		 background-size: contain;
		 background-repeat: no-repeat;
		 background-position: center;
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 transform: translate(-50%, -50%); /* Удалено rotate(-45deg) */
		}

		.fluentform_wrapper_8.ffs_custom_wrap .step-nav .ff-btn-prev
		 {
			background-color: rgba(255, 255, 255, 1)!important;
			padding: 1px;
			width: 40px;
			margin-right: 20px!important;
			margin-top: 5px!important;
			height: 40px;
			border-style: solid;
			border-color: rgba(170, 170, 170, 1);
			border-width: 1px;
		}
		
		
		
		
			
			.fluent_form_8 .ff-el-progress-bar span,
			.fluent_form_8 .ff-el-progress-status {
				display: none;
			}

		/* --- Финальные стили для квиза (Версия 6.5 - Исправлено вертикальное выравнивание) --- */
		/* 1. ОБЩИЕ СТИЛИ ДЛЯ ФОРМЫ (ДЛЯ ВСЕХ ЭКРАНОВ) */
		.fluentform_wrapper_8 {
			--radio-brand-color: #AD7D41; /* Основной фирменный цвет (коричневый) для рамки */
			--radio-pink-color: #E83A8C; /* Розовый для выбранной галочки */
			--radio-border-color: #d9d9d9; /* Цвет рамки неактивного элемента */
			--radio-bg-color: #ffffff;  /* Цвет фона */
			--radio-unchecked-color: #e8e8e8; /* Цвет невыбранного кружка */
		}

		/* 2. СТИЛИЗАЦИЯ ТОЛЬКО СТАНДАРТНЫХ РАДИО-КНОПОК (ИГНОРИРУЯ КНОПКИ С ИЗОБРАЖЕНИЯМИ) */
		/* Контейнер для каждого варианта ответа. :not(.ff-el-image-holder) исключает применение стилей к кнопкам с картинками */
		#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder) {
			margin-bottom: 10px;
		}

		#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder) label.ff-el-form-check-label {
			display: flex;
			align-items: center;
			padding: 8px 8px;
			border: 1px solid var(--radio-border-color);
			border-radius: 5px;
			background-color: var(--radio-bg-color);
			cursor: pointer;
			transition: all 0.2s ease-in-out;
			margin-bottom:5px;
		}

		/* Прячем настоящий, системный input */
		#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder) .ff-el-form-check-input {
			display: none;
		}

		/* Стили для ВЫБРАННОГО состояния */
		#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder):has(input:checked) label {
			 border-color: var(--radio-brand-color);
			 box-shadow: 0 3px 8px rgba(173, 125, 65, 0.15);
		}

		#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder) .ff-el-form-check-input:checked + span::before {
			background-color: rgb(173 125 65);
			box-shadow: inset 0 0 0 4px var(--radio-bg-color); /* Создаем внутренний белый кружок */
			
				width: 26px;
			height: 26px;
			border: 1px solid var(--radio-brand-color);
					margin-right: 14px;
			margin-top: -1px;
		}

		/* ИСПРАВЛЕНО: Добавлены flex-свойства для идеального выравнивания кружка и текста */
		#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder) .ff-el-form-check-label span {
			text-align: left;
			width: 100%;
			display: flex;
			font-size:16px;
			align-items: center;
		}

		.quiz-title .colordo { color:#c6a265;
		}

	#fluentform_8 .fluentform-step[data-name="step_start-8_10"] .ff-el-progress {
  display: none!important;
}

.ff-el-form-check.ff-el-form-check-.ff_item_selected {
}

		#fluentform_8 .ff-el-form-check-label input.ff-el-form-check-checkbox + span::before {
			border-radius: 0!important;
		}

.ff-step-t-container.ff-inner_submit_container {
text-align: center!important;
  justify-content: center;
  width: 100%!important;
  display: block!important;
}

/*
* Это правило находит контейнер хедера (.ff-step-header-main)
* и проверяет, есть ли ВНУТРИ него прогресс-бар (.ff-el-progress-bar)
* с шириной 100%. Если есть, оно скрывает весь хедер.
*/
.ff-step-header-main:has(.ff-el-progress-bar[style*="width: 100%"]) {
  display: none !important;
}

.fluentform_wrapper_8.ffs_custom_wrap .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style) {
  font-weight: 600!IMPORTANT;
	  box-shadow: 0 4px 12px rgba(198, 162, 101, 0.25);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	font-family: 'Manrope';
	font-size: 16px;
	
}

#fluentform_8 .fluentform-step.active .ff-el-group.ff-text-left.ff_submit_btn_wrapper {
position: relative;
  z-index: 1000;
  display: flex;
  justify-content: center;
  padding: 0 15px;
  width: 100%;
}
			
		.ff-step-t-container.ff-inner_submit_container .step-nav.ff_step_nav_last {display:none;}

		#fluentform_8 .ff-el-form-check-label span {
			background: none !important;
			border-color: transparent !important;
			border: 0 !important;
			box-shadow: none !important;
			color: #363636 !important;
			padding: 8px 8px;
			font-size: 16px;
			background-color: transparent !important;
			text-align: left;
		}

		#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder) .ff-el-form-check-label span {
			background: none !important;
			border-color: transparent !important;
			border: 0 !important;
			box-shadow: none !important;
			color: #363636 !important;
			font-size: 14px;
			background-color: transparent !important;
			text-align: left;
		}

/* Рисуем наш собственный, кастомный кружок */
#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder) .ff-el-form-check-label span::before {
  content: '';
  display: inline-block;
  flex-shrink: 0; /* Запрещаем кружку сжиматься */
  width: 16px;
  height: 16px;
  margin-right: 18px;
  border-radius: 50%;
  background-color: var(--radio-unchecked-color);
  transition: all 0.2s ease-in-out;
}

/* Стили для ВЫБРАННОГО состояния */
#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder):has(input:checked) label {
  border-color: var(--radio-brand-color);
  box-shadow: 0 3px 8px rgba(173, 125, 65, 0.15);
}

#fluentform_8 .ff-el-form-check:not(.ff-el-image-holder) .ff-el-form-check-input:checked + span::before {
  background-color: rgb(173 125 65);
  box-shadow: inset 0 0 0 4px var(--radio-bg-color); /* Создаем внутренний белый кружок */
	
	  width: 20px;
  height: 20px;
  border: 1px solid var(--radio-brand-color);
		  margin-right: 14px;
  margin-top: -1px;
}

		.quiz-title {min-height:auto!important; width:100%;}

	.quiz-title p {
		accent-color: rgb(54 54 54 / 98%);
		color: rgb(54 54 54 / 98%);
		font-family: 'Stapel-Medium';
		font-size: 24px;
		margin-bottom: 15px;
		padding-top: 10px;
	
		text-align:center;
	}

.ff-el-group.ff-el-form-hide_label {width:100%;padding-right:0px;}

	.classinputnomer {}

	.quiz-title2 {  font-family: 'Manrope';
		font-size: 16px; width:100%;}

	.quiz-title2 p{  font-size: 14px;  text-align: center;}

	.ff-el-input--content input {
		border-radius: 5px;
		 
		align-items: center;
		padding: 8px 8px;
		border: 1px solid var(--radio-border-color);
		border-radius: 5px;
		background-color: var(--radio-bg-color);
		cursor: pointer;
		transition: all 0.2s ease-in-out;
	}

		@media (min-width: 768px) and (max-width: 1024px) {
		
		 /* CSS стили для планшетов */
		.fluent_form_8 .ff-step-header {  width: 60%;}
		
		}

		/* 3. СТИЛИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ */
		@media (max-width: 767px) {
			/* Растягивание попапа на всю высоту экрана */
			.elementor-column.fix-height {
				min-height: 100vh;
				display: flex;
				flex-direction: column;
			}
			
	#fluentform_8 .ff-el-form-check-label input.ff-el-form-check-checkbox + span::before {
			border-radius: 0!important;
		}

.ff-step-t-container.ff-inner_submit_container {
text-align: center!important;
  justify-content: center;
  width: 100%!important;
padding-bottom: 60px !important;
margin-bottom:60px;!important;
  display: block!important;
}
	
	.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
  width: calc(50% - 7.5px) !important;
}
	
	#fluentform_8 > div.fluentform-step.active > div.ff-el-group.icon-social.ff_list_buttons > div.ff-el-input--content > label.ff-el-form-check-label > span		{	 padding-left: 0px!important;}	
			
		#fluentform_8 .quiz-title .ff-el-form-check {  width: 100%!important;padding-right: 0px;}	
			
						#fluentform_8 .quiz-title.ff_list_buttons .ff-el-form-check {  width: 100%!important;padding-right: 0px;}
			
			#fluentform_8 .ff-el-image-holder label.ff-el-form-check-label > span {
  padding-left: 15px !important;}
			
	.width100 {width: 100%;}		
			
			.fluentform-step.active {
  height: auto!important;
}

		.ff-el-input--content {padding-right:0!important;}

.fluent_form_8 .ff-step-header {
  left: 0px;
  width: 100%;
  position: fixed;
  bottom: 0px;
  padding: 0 10px;
  box-sizing: border-box;
  z-index: 999;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.07);
  margin-bottom: 10px !important;
}

.fluent_form_8 .fluentform-step.active .maxadd {
  position: fixed!important;
  bottom: 20px!important;
  right: 5px!important;}
			
		.quiz-title .colordo { color:#c6a265;
		display: block;
		}

.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder input[type="checkbox"]
{display:none!important;}

.fluentform .ff-el-group.icon-social.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected {
  border-color: var(--radio-brand-color) !important;
	  background-color: #e3e3e3;
}

.fluentform_wrapper_8.ffs_custom_wrap .ff-el-input--content input, .fluentform_wrapper_8.ffs_custom_wrap .ff-el-input--content .ff-el-form-control.ff_stripe_card_element, .fluentform_wrapper_8.ffs_custom_wrap .ff-el-input--content textarea, .fluentform_wrapper_8.ffs_custom_wrap .ff-el-input--content select, .fluentform_wrapper_8.ffs_custom_wrap .choices__list--single, .fluentform_wrapper_8.ffs_custom_wrap .choices[data-type*='select-multiple'] {
margin:0;
}
			
				#fluentform_8 .fluentform-step.active .ff-btn-prev{
				display: inline-block !important;
		}
			
				.fluent_form_8 div.ff-el-progress > div {
			position: relative;
			background-color: #e83a8c; /* можешь заменить на нужный тебе базовый цвет */
			height: 10px;border-radius: 26px;
			overflow: visible;
		}
			
#fluentform_8 .comment-trigger-link .ff-el-form-check-label span::before {
display:none!important;
}

.fluentform .ff-el-group.icon-social.ff_list_buttons > div.ff-el-input--label > span {
padding:0!important;
}
			
.fluentform_wrapper_8:has(.fluentform-step.active .ff_submit_btn_wrapper) .ff-el-progress {
  display: none !important;
text-align: center;
}
		
		}
	
			.elementor-column.fix-height > .elementor-widget-wrap,
			.fix-height .elementor-widget-container,
			.fix-height .fluentform_wrapper_8,
			.fix-height .fluentform_wrapper_8 form,
			.fix-height .fluentform_wrapper_8 .ff-step-container {
				flex-grow: 1;
				display: flex;
				flex-direction: column;
			}

			.elementor-column.fix-height > .elementor-widget-wrap {
				align-items: stretch;
			}
			
			.fix-height .ff-step-body {
			 flex-grow: 1;
			}
			
			/* "Липкий" футер с кнопками и прогресс-баром */
		/* 4. Контейнер с кнопками АКТИВНОГО шага.
		 Это ключевое исправление. Мы позиционируем его абсолютно относительно "якоря". */
		.fluent_form_8 .fluentform-step.active > .step-nav {
		}
		
  .fluentform .ff-el-form-control {
    padding: 15px 30px !important;
    font-size: 18px !important;
    font-family: 'Manrope' !important;
  }
		
#ff_8_description_all
		 {
		 padding-bottom:30px;
border: 1px solid var(--radio-border-color) !important;
  border-radius: 5px !important;
  background-color: var(--radio-bg-color) !important;
  cursor: pointer !important;}		
		
		#fluentform_8 .ff-el-image-holder label.ff-el-form-check-label > span {
			padding-left: 15px!important;
		}

			/* ИЗМЕНЕНО: Контейнер для кнопок "Вперед" и "Назад" */
			
			.fluent_form_8 .fluentform-step > .step-nav {
			 
			}
			
		/*
		 * ИСПРАВЛЕНИЕ ВЫРАВНИВАНИЯ ДЛЯ ДВУХСТРОЧНОГО ТЕКСТА
		 */
		.ff-el-form-check-label {
		 align-items: flex-start !important; /* Выравниваем по верхнему краю */
		}
			
			.fluent_form_8 div.ff-el-progress > div::before {
				content: "Готовність: ";
				position: absolute;
				top: -30px;
				left: 15px;
				color: #363636;
				background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, 0.08) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.08) 0, hsla(0, 0%, 100%, 0.08) 75%, transparent 0, transparent);
				z-index: 1;
				background-size: 1.25rem 1.25rem;
				animation: move 1.5s linear infinite;
				font-size: 14px;
				pointer-events: none;
				font-family: 'Manrope';
		}
			
			.fluent_form_8 div.ff-el-progress > div > span {
		color: #AD7D41;
				position: absolute;
				left: 100px;
				top: -30px;
				font-size: 14px;
				font-family: 'Manrope';
		}
			
				/* Стилизация самого прогресс-бара */
			.fluent_form_8 .ff-el-progress {
				height: 10px !important;
				background-color: #e9e9e9;
				border-radius: 5px;
				overflow: visible!important;
			}
			
			.fluent_form_8 .ff-btn-next {
				position: relative;
				background-color: #ad7d41;
				color: #fff;
				font-weight: 600;
				font-size: 16px;
				padding: 15px 35px;
				border: none;
				overflow: hidden;
				transition: all 0.3s ease;
				border-radius: 3px;
				font-family: 'Manrope', sans-serif;
		box-shadow: 0 4px 12px rgba(198, 162, 101, 0.25); /* заменено здесь */
				text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
				z-index: 1;
				cursor: pointer;
		}

		.fluent_form_8 .ff-btn-next:hover {
			transform: scale(1.05);
			box-shadow: 0 6px 18px rgba(173, 125, 65, 0.35);
		}

		/* Блик из .is-blicked */
		.fluent_form_8 .ff-btn-next::after {
		 content: "";
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 height: 100%;
		 width: 1.875rem;
		 background: linear-gradient(
			90deg,
			hsla(0, 0%, 100%, 0.1) 10%,
			hsla(0, 0%, 100%, 0.2) 20%,
			hsla(0, 0%, 100%, 0.6)
		 );
		 transform: skewX(-45deg);
		 left: -20%;
		 animation: blick 2.5s infinite;
		 pointer-events: none;
		}

		@keyframes blick {
		 0% {
			left: -20%;
			opacity: 0;
		 }
		 15% {
			opacity: 1;
			left: 120%;
		 }
		 100% {
			left: 120%;
			opacity: 0;
		 }
		}
			
		.fluent_form_8 div.ff-el-progress > div::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background-image: linear-gradient(
				-45deg,
				hsla(0, 0%, 100%, 0.08) 25%,
				transparent 0,
				transparent 50%,
				hsla(0, 0%, 100%, 0.08) 0,
				hsla(0, 0%, 100%, 0.08) 75%,
				transparent 0,
				transparent
			);
			z-index: 1;
			background-size: 1.25rem 1.25rem;
			animation: move 1.5s linear infinite;
			pointer-events: none;
		}

		/* Анимация движения полос */
		@keyframes move {
			0% {
				background-position: 0 0;
			}
			100% {
				background-position: 1.25rem 0;
			}
		}
			
			.fluent_form_8 .fluentform-step .step-nav.ff_step_nav_last > .maxadd {
			
			
			}
			
/* --- Исправленные стили для кнопки "Далее" в квизе --- */
/* 1. Делаем активный шаг точкой отсчета и создаем место для кнопки */
.fluent_form_8 .fluentform-step.active {
  position: relative;
  display: flex
;
  padding-bottom: 30px;
  flex-wrap: wrap;
}

/* 2. Позиционируем контейнер с кнопкой внизу активного шага */
.fluent_form_8 .fluentform-step.active .maxadd {
  position: absolute;
  bottom: 0; /* Прижимаем к низу родителя (активного шага) */
  left: 0;  /* Прижимаем к левому краю родителя */
  width: 100%; /* Растягиваем на всю ширину родителя */
 
  /* Стили для красоты и выравнивания */
  padding: 0 15px 20px; /* Отступы: 0 сверху, 15 по бокам, 20 снизу */
  box-sizing: border-box; /* Чтобы padding не влиял на ширину */
  z-index: 1000;
}

/* 3. Выравниваем саму кнопку внутри ее контейнера (по правому краю) */
.fluent_form_8 .fluentform-step.active .maxadd .step-nav {
  display: flex;
  justify-content: flex-end;
}

			/* Отступ между кнопками, когда их две */
			.fluent_form_8 .fluentform-step.active .maxadd .ff-btn-next {
				margin-left: 15px!important;
				
			}
				
			/* Отступ между кнопками, когда их две */
			.fluent_form_8 .fluentform-step .maxadd .ff-btn-next {
				margin-left: 30px !important;
			
			}
			
		fluent_form_8 > button.ff-float-right.ff-btn.ff-btn-next.ff-btn-secondary{margin-left: 50px;}
			
			/* ДОБАВЛЕНО: Скрываем кнопку "Назад" на самом первом шаге */
		#fluentform_8 .fluentform-step[data-name="form_step-8_7"] .ff-btn-prev {
			display: none;
		}
			
				/* ДОБАВЛЕНО: Скрываем кнопку "Назад" на самом первом шаге */
		#fluentform_8 .ff-step-header-main div.ff-el-progress > div::before {
	
		}
			
					/* ДОБАВЛЕНО: Скрываем кнопку "Назад" на самом первом шаге */
		#fluentform_8 .ff-step-header-main div.ff-el-progress > div::after{
			display: none;
		}
			
		#fluentform_8 .ff-step-header-main .ff-el-progress-bar > span{
		display: block;
		}		
				
			/* ДОБАВЛЕНО: Скрываем кнопку "Назад" на самом первом шаге */
		#fluentform_8 .fluentform-step[data-name="step_start-8_5"] .ff-btn-prev {
			display: none;
		}
						
			#fluentform_8 > fieldset > div > div.ff-step-header-main > div > div.ff-el-progress
	
	
  display: none!important;
}	
	
		/* ДОБАВЛЕНО: Скрываем кнопку "Назад" на самом первом шаге */
		#fluentform_8 .ff-step-container[data-name="step_start-8_10"] .ff-el-progress {
			display: none;
		}
			
		#fluentform_8 .fluentform-step .ff-btn-prev{
			display: none;
		}	

		#fluentform_8 .fluentform-step.active .ff-btn-prev{
			display: block;
		}
			
		/* Стили для клонированной (фиксированной) панели кнопок */
		#ff-fixed-buttons-clone {
			position: fixed;
			/* Вы указали 60px для прогресс-бара, это правильное место для этого */
			bottom: 60px;
			left: 0;
			width: 100%;
			z-index: 9999;
			
			background: #ffffff;
			padding: 15px 20px;
			box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
			box-sizing: border-box; /* Важное свойство для корректных размеров */
			display: flex;
			/* Выравнивание: 'flex-end' (справа), 'center' (по центру), 'space-between' (по краям) */
			justify-content: flex-end;
			align-items: center;
		}

		/* Отступ между кнопками "Назад" и "Далее", если они обе существуют */
		#ff-fixed-buttons-clone .ff-btn {
			margin: 0 0 0 15px;
		}
			
			/* ДОБАВЛЕНО: Стилизация кнопки "Назад" */
			.fluent_form_8 .ff-btn-prev {
				background-color: #f0f0f0;
				border: 1px solid #e0e0e0;
				width: 48px;
				height: 48px;
				border-radius: 50%; /* Делаем кнопку круглой */
				padding: 0;
				margin: 0;
				position: relative;
				font-size: 0; /* Прячем текст "Назад" */
				cursor: pointer;
			}
			
			/* ДОБАВЛЕНО: Рисуем стрелку внутри кнопки "Назад" */
		 content: '';
		 display: inline-block;
		 width: 22px;
		 height: 22px;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns='https://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='rgb(0%200%200%20/%2040%25)'%20d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E");
		 background-size: contain;
		 background-repeat: no-repeat;
		 background-position: center;
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 transform: translate(-50%, -50%); /* Удалено rotate(-45deg) */
			}

			/* Стилизация самого прогресс-бара */
			.fluent_form_8 .ff-el-progress {
				height: 10px !important;
				background-color: #e9e9e9;
				border-radius: 5px;
				overflow: hidden;
			}
			
			.fluent_form_8 .ff-el-progress-bar span,
			.fluent_form_8 .ff-el-progress-status {
				display: none;
			}

		.fluent_form_8 .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
			background: none!important;
				border-color: 0!important;
				border: 0 !important;
				box-shadow: 0!important;
				color: #363636!important;
					background-color: none!important;
					
				}
				
		/*
		 * Этот селектор говорит:
		 * "Внутри формы с ID #fluentform_8, у которой есть класс .ff_list_buttons,
		 * найди все элементы .ff-el-form-check-label и примени стиль к ИХ дочернему элементу <span>"
		 */
		#fluentform_8 .ff_list_buttons .ff-el-form-check-label > span {
			background: none !important;
			border-color: transparent !important;
			border: 0 !important;
			box-shadow: none !important;
			color: #363636 !important;
			font-size: 16px;
			background-color: transparent !important;
			text-align: left;
			
		}

		#fluentform_8 .quiz-title .ff-el-input--label > label {
			font-family: 'Stapel-Medium';
			font-size: 24px;
			padding-bottom: 30px;
			padding-top: 10px;
		}

		/* ДОБАВЛЕНО: Скрываем кнопку "Назад" на самом первом шаге */
		#fluentform_8 .fluentform-step[data-name="step_start-8_4"] .ff-btn-prev {
			display: none;
		}

		.ff-el-image-holder label.ff-el-image-input-src
		 {width:50%!important;
			height: 135px!important;
		}

		.fluentform .ff-el-group.ff_list_buttons .ff-el-image-holder label {width:50%!important;
			height: 135px;
			
		}

		.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
			border: 1px solid #d9d9d9;
		 border-radius: 5px!important;
		}

		.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected {
			 border-color: var(--radio-brand-color)!important;
			 box-shadow: 0 3px 8px rgba(173, 125, 65, 0.15)!important;;
				 border-radius: 5px;!important;
		}

		.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
		}

.comment-trigger-link .ff-el-input--content {
text-align: right;
  justify-content: end;
  padding-top: 10px;
	font-family:14px!important;
}

		.popstyle-kviz input{}

		.popstyle-kviz label{}

		.popstyle-kviz {}

		/* Превращаем чекбокс в ссылку "Додати коментар" */
		/* Находим наш триггер по классу, который мы задали в Шаге 1 */
		.comment-trigger-link .ff-el-form-check-input {
		 /* Прячем саму галочку */
		 display: none;
		}

		.comment-trigger-link .ff-el-form-check-label {
		 /* Делаем текст похожим на ссылку */
		 color: rgb(54, 54, 54)!important; /* Цвет ссылки, можно поменять */
		 cursor: pointer;
		 text-decoration: underline;
		 text-decoration-style: dotted; /* Пунктирное подчеркивание */
		 display: inline-block; /* Для корректной работы */
		}

		/* Эффект при наведении мыши */
		.comment-trigger-link .ff-el-form-check-label:hover {
		 color: #005177; /* Цвет ссылки при наведении */
		}

		/* Когда чекбокс выбран, прячем саму ссылку */
		.comment-trigger-link .ff-el-form-check-input:checked + span {
			display: none;
		}

		.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder {display: flex
		;}

/* ИСПРАВЛЕННЫЙ БЛОК */
#fluentform_8 .ff-el-image-holder label.ff-el-form-check-label > span {
  display: flex
;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
}

		#fluentform_8 .ff-el-form-check .ff-el-form-check-input:checked + span::before {
			background-color: rgb(173 125 65);
			box-shadow: inset 0 0 0 4px var(--radio-bg-color);
			width: 26px;
			height: 26px;
			border: 1px solid var(--radio-brand-color);
				margin-right: 14px;
			margin-top: -1px;
		}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-31f81af *//* --- Версия 3: Агрессивное переопределение стилей Elementor для высоты --- *//* End custom CSS */
/* Start custom CSS */.allpopupstyle {}/* End custom CSS */