.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: 1.0rem;
		}
		.hideme{
            background: #ffeba0 !important;
            display: none;
		}
		.disabled-div {
            pointer-events: none;
            opacity: 0.4;
		}


    /* СЛАЙДЕР */
    .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: 1.0rem; /* Размер шрифта */
      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: 1.0rem;
    }

    .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 (конец) */

    /* КНОПКА */
    .mybutton {
      display: block;
      color: #ffffff;
      background: #4CAF50;
      border: 2px solid #304e33;
      border-radius: 5px;
      font-size: 1.0rem;
      margin: 0 auto;
      cursor: pointer;
      padding: 10px;
      text-align: center;
      line-height: 1;
      text-decoration: none;
      box-sizing: border-box;
	  font-family:inherit;
    }
    .mybutton:hover {
      background: #45a049;
    }
    .mybutton:focus {
      background: #45a049;
	  border: 2px solid #ff0000;
    }
    .mybutton a{
      text-decoration: none;
      color: #ffffff !important;
    }
    /* КНОПКА (конец)*/

    /* ВЫПАДАЮЩИЙ СПИСОК */
    select {
      width: 100%;
      max-width:400px;
      height: 35px;
      margin: 5px 0;
      padding: 5px 35px 5px 5px;
      font-size: 1.0rem;
      border: 2px solid #ccc;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url("/files/img/arrow.png") 96% / 5% no-repeat #eee;
    }
    select::-ms-expand { 
      display: none; /* удалите стрелку по умолчанию в IE 10 и 11 */
    }
    /* ВЫПАДАЮЩИЙ СПИСОК (конец) */