section.faq{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
	width:100%;
	max-width: 938px !important;
	h2{
		text-align: center;
	}
	.guide{
		width: 100%;
		h1{
			margin-bottom: 27px;
		}
		.guideItem{
			display: flex;
			flex-direction: column;
			gap: 14px;
			width:100%;
			font-family: var(--primary-font);
			.text{
				display: inline-block;
				margin: 20px 0 34px 0;
			}
			.text, .text a{
				color: var(--style-color);
				font-size: var(--primary-font-size);
			}			
			input{
				display: none;
			}
			label{
				display: grid;
				grid-template-columns: 1fr 24px;
				width:100%;
				cursor: pointer;
				line-height: 24px;
				min-height: 68px;
				height: auto;
				font-size: var(--big-font-size);
				background-color: var(--color-light);
				color: var(--txt-light);
				white-space: wrap;
				border-radius: var(--block-radius);
				padding: 0px 32px 0px 24px;
				transition: background-color 0.7s ease;
				.questWrap{
					height: 68px;
					display: flex;
					flex-direction: column;
					justify-content: center;
				}				
				.Icon{
					align-self: center;					
				}
				.OpenArrow{
					display: none;
				}
				.Answer {
					max-height: 0;
					opacity:0;
					font-weight: 500;
					color: var(--menu-text-color);
					font-size: var(--prm-font-size);
					transition: margin 0.5s ease, max-height 0.5s ease, opacity 0.5s ease;
					grid-column-end: span 2;
					overflow: hidden;
				}
			}
			input[type="checkbox"]:checked + label{
				background-color: var(--opened-block-color);
				.OpenArrow{
					display: block;
				}
				.Submenu{
					display: none;
				}
				.Answer{
					opacity:1;
					max-height: 500px;
					margin-bottom: 18px;
				}
			}
		}
	}
}
@media (max-width: 1024px) {
}
@media (max-width: 600px) {
	section.faq{
		padding: 0 24px;
		.guideItem{
			input[type="checkbox"]:checked + label{
				.Answer{
					margin-bottom: 27px;
				}
			}
		}
	}
}