nav,
header .menu {
	display: none;
}

.main > article {
	width: 100%;
	max-width: 840px;
	font-size: 18px;
}

#hrtop,
#hrbottom,
#helpdeskillu {
	display: none;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}

article > p {
	text-align: center;
}

.clearfix{
	display: none;
}

form {
	display: grid;
	margin-top: 50px;
}
.error-holder {
	grid-area: error;
	color: #333;
	border: 1px solid #ff7c7c;
	background: #ffcece;
	margin: 20px 0;
}
form input,
form select,
form textarea {
	grid-column: 1;
}
form label {
	grid-column: 1;
	text-align: left;
	font-weight: bold;
	margin: 15px 0 5px 0;
}
form select,
form ::picker(select) {
  appearance: base-select;
}
form select::picker-icon {
	content: '';
}
form ::checkmark {
	content: '';
}
form select option {
	gap: 0;
}
form input,
form textarea,
form select {
	font-size: 18px;
	outline: none;
	padding: 5px;
	border: 1px solid var(--primary-color);
	border-radius: 0;
}
form select {
	appearance: none;
	cursor: pointer;
	padding-left: 10px;
	background-image: url(/public/images/style2025/chevron-up-down.svg);
	background-position: right 10px center;
	background-size: 16px;
	background-repeat: no-repeat;
}
form button[type="submit"] {
	grid-column: 1;
	justify-self: center;
	padding: 9px 30px;
	margin: 30px 0 10px 0;
}

input:focus-visible,
textarea:focus-visible {
	background-color: var(--tertairy-color);
}

.navigation {
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	form {
		grid-template-columns: auto 2fr 1fr;
		column-gap: 30px;
		row-gap: 15px;
	}
	form label {
		text-align: right;
		margin: 5px 0 5px 0;
	}
	form input,
	form select {
		grid-column: 2 / span 1;
	}
	form textarea {
		grid-column: 2 / span 2;
	}
	form button[type="submit"] {
		grid-column: 2 / span 2;
		justify-self: end;
		margin: 0;
	}
}