.feedback-container .title h2::before {
	content: '';
	position: absolute;
	width: clamp(10px, 40vw, 768px);
	height: clamp(10px, 3vw, 57px);
	background-image: url('../../images/bgImg/3.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: clamp(-19px, -1vw, -10px);
	margin-top: clamp(5px, 0.5vw, 10px);
	z-index: -1;
}

.feedback-description {
	text-align: center;
	margin: clamp(10px, 3vw, 58px) 0;
}

.feedback-form {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 0.5vw;
}

.feedback-form form {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 0.5vw;
}

.feedback-form textarea,
.feedback-form input {
	width: 80% !important;
}
.feedback-form button {
	margin: clamp(10px, 2.5vw, 48px);
	padding: 0.2vw clamp(10px, 3vw, 58px);
	font-size: var(--p-a-font-size);
	background-color: #C9E6A1;
}

/* .feedback-form button::before {
	content: '';
	width: clamp(10px, 3.4vw, 65px);
	height: clamp(10px, 3.4vw, 65px);
	position: absolute;
	background-image: url('../../images/bgImg/leaf.png');
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(-35deg) scaleX(-1);
	margin-left: clamp(-86px, -4.5vw, -10px);
	margin-top: clamp(-19px, -1vw, -10px);
} */


.feedback-content{
    width: clamp(100px, 51vw, 990px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    
}
.feedback-description p{
    font-size: var(--p-a-font-size);
    color: var(--nav-text-color);
}

/*адаптив*/
@media (max-width: 1100px) {
	.feedback-content{
		width: 80vw;	
	}
	.feedback-form textarea,
	.feedback-form input {
		width: 100% !important;
		font-size: var(--p-a-font-size);
	}
	.feedback-container .title h2::before {

		width: 70vw;
		height: 4vw;
		margin-left: -4vw;

	}
	.feedback-form form {
		gap: 1vw;
	}
}

@media (max-width: 768px) {
	.feedback-container .title{
		text-align: center;
		width: 70vw;
	}
	.feedback-description{
		width: 70vw;
		text-align: center;  
	}
	.feedback-form button {
		margin-top: 2vh;
		padding: 1.2vw 6vw;
		font-size: var(--h3-font-size);
	}
	.feedback-container .title h2::before {
		height: 8vh;
		background-image: url('../../images/bgImg/5.svg');
		margin-left:-4vw;
		margin-top:1.5vh;
		z-index: -1;
	}

	.feedback-form button::before {
		width: 10vw;
		height: 10vw;
		margin-left:-10vw;
		margin-top: clamp(-19px, -1vw, -10px);
	}
}
