/* ==================== section ======================================== */

h1.icon:before {
	background-image: url(../../images/core/menu/company/inquiries-feedback.svg?v=2);
}
body.page-abuse h1.icon:before {
	background-image: url(../../images/core/menu/company/report-abuse.svg);
}

/* ==================== feedback-boxes ================================================== */

.feedback-boxes{
	background-color: #F5F8FD;
}
.feedback-boxes h2{
	margin: 35px 0;
	text-align: center;
	font-size: 40px;
	font-size: clamp(30px, 3vw, 40px);
}
.feedback-boxes .pretty-boxes{
	margin: 20px 0px;
}
.feedback-boxes .pretty-boxes .item{
	padding: 30px;
	margin: 0 40px 40px 40px;
}
.feedback-boxes h3{
	margin-top: 0;
}
.feedback-boxes h3 img{
	vertical-align: middle;
	margin-right: 12px;
}
.feedback-boxes p{
	text-align: center;
}
.feedback-boxes .button{
	font-size: 24px;
	color: white;
	border-radius: 5px;
	margin: 15px 0;
}
@media screen and (max-width: 500px) {
	.feedback-boxes .button{
		font-size: 20px;
		margin: 10px 0;
		padding: 15px 20px;
	}
	.feedback-boxes .pretty-boxes{
		margin-bottom: 0;
	}
	.feedback-boxes .pretty-boxes .item{
		margin: 0 0 20px 0;
	}
}

/* ==================== feedback-faq ======================================== */

.feedback-faq{
	background-color: #F5F8FD;
}
.feedback-faq h2{
	font-size: 40px;
	font-size: clamp(30px, 3vw, 40px);
	text-align: center;
	margin: 54px 0;
}
.feedback-faq .box{
	background-color: white;
	background-position: 40px center;
	background-repeat: no-repeat;
	margin: 35px 0;
	padding: 10px 40px 10px 130px;
	box-shadow: 0px 3px 10px rgba(50, 121, 246, 0.22);
}
.feedback-faq .box.activation{ background-image: url(../../images/pages/feedback/icons/activation.svg); }
.feedback-faq .box.infection{ background-image: url(../../images/pages/feedback/icons/infection.svg); }
.feedback-faq .box.billing{ background-image: url(../../images/pages/feedback/icons/billing.svg); }

.feedback-faq .box .flex-container{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px 0 -20px;
}
.feedback-faq .box .item{
	margin: 20px 20px;
	min-height: 85px;
}
.feedback-faq .box .item.buttons{
	width: 250px;
	flex-grow: initial;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.feedback-faq .box h3{
	font-size: 28px;
	margin: 0 0 5px 0;
}
.feedback-faq .box p{
	margin: 0;
	line-height: 1.3;
}
.feedback-faq .box .button{
	margin: 0;
	border-radius: 5px;
	font-size: 24px;
}
@media screen and (max-width: 714px) {
	.feedback-faq .box .item{
		min-height: 0;
	}
	.feedback-faq .box .item.buttons{
		justify-content: flex-start;
	}
}
@media screen and (max-width: 500px) {
	.feedback-faq .box {
		background-position: center 10px;
		padding: 63px 40px 10px 40px;
		margin: 20px 0;
	}
	.feedback-faq .box h3 {
		font-size: 22px;
		margin: 0 0 15px 0;
	}
	.feedback-faq .box .buttons{
		margin-top: 0;
		justify-content: center !important;
	}
	.feedback-faq .box .button{
		font-size: 20px;
		padding: 10px 24px;
	}
}

/* ==================== section-feedback-form ======================================== */

.section-feedback-form{
	background-color: #F5F8FD;
}
.section-feedback-form .container{
	padding-top: 30px;
	padding-bottom: 30px;
}
.section-feedback-form .button.simple{
	color: #3279F6;
	font-size: 17px;
	border: 0;
	padding: 5px 50px 5px 0px;
}
.section-feedback-form h2{
	margin-top: 0;
	font-size: 42px;
	text-align: center;
}
.section-feedback-form .button{
	padding: 23px 88px;
	border-radius: 5px;
	font-size: 24px;
}
@media screen and (max-width: 500px) {
	.section-feedback-form .button {
		padding: 10px 30px;
		font-size: 20px;
	}
}