/* Стиль для ссылки */
/* Стиль для всех кнопок */
.open-feedback-form {
    display: inline-block;
    margin: 10px;
    padding: 20px 100px;
    background-color: #206AF6; /* Цвет фона */
    color: white; /* Цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    border-radius: 38px; /* Закругленные углы */
    transition: background-color 0.3s ease-in-out; /* Плавный переход цвета */
    cursor: pointer; /* Показывает, что элемент кликабелен */

    /* Добавляем анимацию пульсации */
    animation: pulse 1s infinite;
}

/* Эффект при наведении */
.open-feedback-form:hover {
    background-color: #0445c1;
		color: white;/* Темнее оттенок */
    animation-play-state: paused; /* Останавливаем анимацию при наведении */
}

/* Ключевые кадры анимации пульсации */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.modal {
    display: none; /* Скрыто по умолчанию */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease-in-out;
}

.modal.open {
    display: flex;
    opacity: 1;
}

.modal-content {
    font-family: Arial, sans-serif; /* Устанавливаем шрифт Arial */
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 400px;
    position: relative;
    transform: scale(0.7);
    opacity: 0;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.modal.open .modal-content {
    transform: scale(1);
    opacity: 1;
}

.modal-content h2 {
    font-family: Arial, sans-serif; /* Шрифт для заголовка */
    margin-bottom: 10px;
    font-size: 24px;
    color: #333;
}

.modal-content .description {
    font-size: 14px; /* Размер шрифта */
    color: #666; /* Цвет текста */
    margin-bottom: 20px; /* Отступ снизу */
    line-height: 1.5; /* Интервал между строками */
}

.modal-content label {
    font-family: Arial, sans-serif; /* Шрифт для меток */
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.modal-content input,
.modal-content textarea {
    font-family: Arial, sans-serif; /* Шрифт для полей ввода */
    width: 95%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.modal-content button {
    font-family: Arial, sans-serif; /* Шрифт для кнопки */
    background-color: #206AF6;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 38px;
    cursor: pointer;
    font-size: 16px;
}

.modal-content button:hover {
    background-color: #0445c1;
}

.modal-content .close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
}

.modal-content .close:hover {
    color: #000;
}

.modal-content .success-message {
    margin-top: 15px;
    color: green;
    font-weight: bold;
}

.modal-content .error-message {
    margin-top: 15px;
    color: red;
    font-weight: bold;
}

				.price-container {
					font-family: Arial, sans-serif;
					text-align: left; /* Выравнивание текста "Стоимость" слева */
					color: #808080; /* Серый цвет для текста */
					max-width: 600px; /* Ограничение ширины контейнера */
					margin: 0 auto; /* Центрирование контейнера */
				}
				.price-label {
					font-size: 20px; /* Размер шрифта для "Стоимость" */
					margin-bottom: 10px; /* Отступ снизу */
				}
				.price-line {
					display: flex; /* Используем flexbox для выравнивания */
					align-items: center; /* Выровнять элементы по центру по вертикали */
				}
				.price-value {
					font-size: 64px; /* Очень крупные цифры */
					color: #FF8C00; /* Темно-оранжевый цвет */
					font-weight: bold;
					line-height: 1; /* Уменьшаем межстрочный интервал */
				}
				.currency {
					font-size: 14px; /* Чуть увеличенный размер для "руб" */
					color: #808080; /* Серый цвет */
					margin-left: 5px; /* Отступ от цифр */
				}
				.button-link {
					background-color: #FF8C00; /* Оранжевый цвет фона */
					color: white; /* Белый текст */
					font-size: 16px; /* Размер текста кнопки */
					padding: 8px 20px; /* Внутренние отступы */
					border-radius: 5px; /* Закругленные углы */
					margin-left: 15px; /* Отступ слева от валюты */
					text-decoration: none; /* Убрать подчеркивание */
					text-transform: uppercase; /* Текст заглавными буквами */
					height: 40px; /* Фиксированная высота кнопки */
					display: inline-flex; /* Inline-flex для корректного поведения */
					align-items: center; /* Выровнять текст внутри кнопки по центру */
					justify-content: center; /* Выровнять текст внутри кнопки по центру */
					cursor: pointer; /* Курсор указывает на кликабельность */
					transition: background-color 0.3s ease; /* Плавный переход цвета */
					box-sizing: border-box; /* Учитывать padding и border в высоте */
				}
				.button-link:hover {
					background-color: #D2691E; /* Темно-оранжевый (темнее) при наведении */
				}
				.counter {
					  font-size: 64px;
					  font-weight: bold;
					  color: #FF8C00;
					  margin: 20px;
				}