.inform-sticker {
		background-color: #FCFFEE;
		padding: 40px;
		border-radius: 40px;
	}

	/* .inform-sticker p{ */
    	/* margin-bottom: 1em; */
	/* } */

.form-container {
			display: grid;
			grid-template-columns: 1fr 1fr 60px 1fr 1fr;
			grid-template-rows: 1fr 1fr 1fr 60px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
			gap: 20px;
			align-items: start;
			justify-items: stretch;
		}
        
		.second-row {
			grid-row-start: 2;
		}
		
		.third-row {
			grid-row-start: 3;
		}
		.four-row {
			grid-row-start: 5;
		}
		
		.five-row {
			grid-row-start: 6;
		}
		
		.six-row {
			grid-row-start: 7;
		}
		
		.seven-row {
			grid-row-start: 8;
		}
		.eight-row {
			grid-row-start: 9;
		}
		
		.nine-row {
			grid-row: 10;
		}
		.ten-row {
			grid-row: 11;
		}
		.eleven-row {
			grid-row-start: 11;
		}
		
		.first-column {
			grid-column-start: 1;
		}
		.second-column {
			grid-column-start: 2;
		}
		.four-column {
			grid-column-start: 4;
		}
		
		.first-title {
			grid-column: 1 / span 2;
		}
		
		.second-title, .adress-select, .textareas, .checkbox-container {
			grid-column: 4 / span 2;
		}
		.textareas {
			grid-row: 5 / span 5;
			height: 100%;
			min-height: 200px;
		}
		.rating-title {
			margin: 0px 0px 5px 0px;
		}

        h2 {
            font-size: 28px;
            line-height: 90%;
            text-transform: uppercase;
            color: #004A24;
            margin: 0px;
        }

        select {
            padding: 12px 15px;
            border: 1px solid #C0C0C0;
            border-radius: 10px;
            font-family: 'Inter', sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 120%;
            color: #004A24;
            background: white;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L8 7.5L14.5 1.5' stroke='%2302BA3E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 15px center;
            background-size: 16px 9px;
        }

        input, textarea, .form-group input {
            padding: 12px 15px;
            border: 1px solid #C0C0C0;
            border-radius: 10px;
            font-family: 'Inter', sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 120%;
            color: #004A24;
            background: white;
			grid-column: 1;
        }
		
		.form-group {
			max-width: 100%;
		}
	
/* Обработка date\time */

		input[type="date"], input[type="time"] {
			width: 100%;
		}
		
		/* Стили для date и time inputs */
input[type="date"],
input[type="time"] {
    position: relative;
    color: #004A24;
}

/* Плейсхолдер для date input */
input[type="date"]:not(:focus):invalid::before {
    content: attr(placeholder);
    position: absolute;
    color: #004A24;
    background: white;
}

/* Плейсхолдер для time input */
input[type="time"]:not(:focus):invalid::before {
    content: attr(placeholder);
    position: absolute;
    color: #004A24;
    background: white;
}

/* Убираем нативные стрелки в Webkit браузерах */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 1;
    margin-left: 5px;
}

/* Общие стили для всех инпутов */
input.seven-row.first-column,
input.eight-row.first-column {
    padding: 12px 15px;
    border: 1px solid #C0C0C0;
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #004A24;
    background: white;
    width: 100%;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}



        select::placeholder,
        input::placeholder,
        textarea::placeholder {
            color: #004A24;
            /* opacity: 0.7; */
			font-size: 18px !important;
        }

        .rating {
            display: flex;
            gap: 5px;
            flex-direction: row;
            justify-content: flex-start;
        }

        .star {
            font-size: 30px;
            color: #C0C0C0;
            cursor: pointer;
            transition: color 0.2s;
        }

        .rating:hover .star {
            color: #C0C0C0;
        }

        .star:hover,
        .star:hover ~ .star {
            color: #FFD700;
        }

        .rating[data-rating="1"] .star:nth-child(-n+1),
        .rating[data-rating="2"] .star:nth-child(-n+2),
        .rating[data-rating="3"] .star:nth-child(-n+3),
        .rating[data-rating="4"] .star:nth-child(-n+4),
        .rating[data-rating="5"] .star {
            color: #FFD700;
        }

        .captcha {
            background: #f0f0f0;
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            border: 1px solid #C0C0C0;
        }

        .checkbox-container {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 10px;
        }

        .checkbox-container input[type="checkbox"] {
            width: 18px;
            height: 18px;
            margin-top: 2px;
            flex-shrink: 0;
        }

        .checkbox-container label {
            font-size: 14px;
            line-height: 1.4;
            color: #004A24;
        }

        button {
            width: 136px;
            height: 46px;
            background: #FFCD00;
            border: none;
            border-radius: 50px;
            font-family: 'Inter', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            line-height: 90%;
            color: #6C1809;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        button:hover {
            background: #FFD700;
        }	

        .error {
			color: red;
			font-size: 12px;
		}
		
		@media (max-width: 1100px) {
			.form-container {
				grid-template-columns: 48% 30px 48%;
			}
			
			.four-column {
				grid-column-start: 3;
			}
			
			.second-title, .adress-select, .textareas, .checkbox-container {
				grid-column: 3;
			}
			
			.second-title {
				grid-row: 1;
			}
		
            .second-row.second-column {
			    grid-column: 1;
				grid-row: 3;
            }
			
			.third-row.first-column {
			    grid-column: 1;
				grid-row: 3;
			}            
        }
		
		/* Мобильная версия */
        @media (max-width: 768px) {
            .form-container {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				align-items: stretch;
            }
			
			.spacer {
				height: 20px;
			}
            
        }