.wrapper{
			max-width: 980px;
			width: 100%;
			margin: 0 auto;
			background: #ffffff;
		}
		.header { 
			text-align:center;
		} 
		.cost { 
			margin-bottom:0;
		} 
		.home { 
			width: 48px;
			height: 48px;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		.message{ 
			text-align:center;
			font-weight: bold;
			color: blue;
		}
        .opacity {
            opacity: 0;
        }
		.footer{ 
			background: #cccccc;
			width: 100%;
			text-align:center;
		}
		p {
			font-family: 'Arial';
			font-size: 16px;
		}
    .hideme{
      background: #ffeba0 !important;
      display: none;
    }



		/* СЛАЙДЕР */
		.container_slide { 
            display: flex; 
			justify-content: center; 
			align-items: center;
		} 

        /* Основной контейнер слайдера */
        /* Основной контейнер слайдера */
        .slider {
            width: 100%;
			max-width:400px;
            overflow: hidden; /* Обрезаем всё, что выходит за границы контейнера */
            position: relative; /* Необходимо для правильного позиционирования кнопок */
        }

        /* Контейнер всех слайдов */
        .slides {
            display: flex; /* Размещаем слайды в одну линию */
            transition: transform 0.5s ease-in-out; /* Анимация плавного смещения */
        }

        /* Каждый отдельный слайд */
        .slide {
            width: 100%; /* Занимает всю ширину контейнера */
            flex-shrink: 0; /* Запрещаем уменьшение размера слайдов */
        }

        /* Стили для изображений */
        .slide img {
            width: 100%; /* Картинки растягиваются на весь слайд */
            display: block; /* Убираем пробелы вокруг изображений */
        }

        /* Кнопки «Назад» и «Вперёд» */
        .prev, .next {
            position: absolute; /* Позволяет располагать кнопки поверх слайдов */
            top: 50%; /* Размещаем по вертикали по центру */
            transform: translateY(-50%); /* Сдвигаем кнопки вверх на половину их высоты */
            background: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон кнопок */
            color: white; /* Белый цвет текста */
            border: none; /* Убираем границы */
            padding: 10px; /* Отступы внутри кнопки */
            cursor: pointer; /* Изменяем курсор на указатель */
            font-size: 18px; /* Размер шрифта */
            font-weight: bold; /* Делаем текст жирным */
            z-index: 2; /* Размещаем кнопки выше всех элементов */
        }

        /* Позиционируем кнопку «Назад» слева */
        .prev {
            left: 10px;
        }

        /* Позиционируем кнопку «Вперёд» справа */
        .next {
            right: 10px;
        }
		/* СЛАЙДЕР (конец) */


        /* radio */
		form{	
            width: 100%;
			max-width:400px;
			margin: 0 auto;
		}
        .radio-group {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .custom-radio {
            display: flex;
            align-items: center;
            cursor: pointer;
            user-select: none;
        }

        .custom-radio input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

        .radio-icon {
            position: relative;
            height: 20px;
            width: 20px;
            border: 2px solid #ccc;
            border-radius: 50%;
            margin-right: 10px;
            transition: border-color 0.2s ease-in-out;
        }

        .radio-text {
            font-size: 16px;
        }

        .custom-radio:hover .radio-icon {
            border-color: #888;
        }

        .custom-radio input:checked ~ .radio-icon {
            border-color: #4CAF50;
        }

        .radio-icon:after {
            content: "";
            position: absolute;
            display: none;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #4CAF50;
            transition: transform 0.2s ease-in-out;
        }

        .custom-radio input:checked ~ .radio-icon:after {
            display: block;
            animation: radioSelect 0.3s ease-out;
        }

        @keyframes radioSelect {
            0% { transform: translate(-50%, -50%) scale(0); }
            80% { transform: translate(-50%, -50%) scale(1.2); }
            100% { transform: translate(-50%, -50%) scale(1); }
        }
        /* radio (конец) */


        /* КНОПКА */
        .container_button {
          text-align:center;
        }
        .button-link {
            display: inline-block;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-family: Arial, sans-serif;
            font-size: 16px;
        }

        .button-link:hover {
            background-color: #45a049;
        }
        .disabled-div {
            pointer-events: none;
            opacity: 0.4;
        }
		
		
		
		
		
      select {
            width: 100%;
			max-width:400px;
            height: 35px;
            margin: 5px 0;
            padding: 5px 35px 5px 5px;
            font-size: 18px;
            border: 2px solid #ccc;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: url("/files/arrow.png") 96% / 5% no-repeat #eee;
      }
      select::-ms-expand { 
            display: none; /* удалите стрелку по умолчанию в IE 10 и 11 */
      }