/* Quantum blocks: "Why Choose Us" and "New Services" */

.qc-block {
	--qc-blue: #3573ef;
	--qc-text: #2a69a2;
	--qc-card: #f3f3f3;
	--qc-gap: 32px;
	margin-bottom: 72px;
	font-family: Rubik, "Helvetica Neue", Arial, sans-serif;
	color: var(--qc-text);
}

.qc-block *,
.qc-block *::before,
.qc-block *::after {
	box-sizing: border-box;
}

.qc-block h2,
.qc-block h3,
.qc-block p {
	padding: 0;
	font-family: inherit;
}

.qc-block img {
	display: block;
	max-width: 100%;
	height: auto;
}

.qc-block-title {
	margin: 0 0 36px;
	color: var(--qc-blue);
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
}

/* Why Choose Us */

.qc-why-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--qc-gap);
}

.qc-why-card {
	padding: 36px 32px;
	border-radius: 10px;
	background: var(--qc-card);
}

.qc-why-card-title {
	margin: 0 0 16px;
	color: var(--qc-blue);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
}

.qc-why-card-text {
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.55;
}

.qc-why-image {
	display: flex;
	align-items: center;
	justify-content: center;
}

.qc-why-image img {
	width: 100%;
}

/* New Services */

.qc-services-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--qc-gap);
	align-items: center;
}

.qc-service {
	display: flex;
	align-items: center;
	gap: 24px;
}

.qc-service-img {
	flex: 0 0 200px;
}

.qc-service-img img {
	width: 100%;
	filter: drop-shadow(0 4px 8px rgba(31, 47, 110, 0.12));
}

.qc-service-title {
	margin: 0;
	color: var(--qc-text);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
}

.qc-services-more {
	color: var(--qc-text);
	font-size: 60px;
	font-weight: 700;
	line-height: 1.1;
}

.qc-block .qc-services-note {
	width: 66%;
	margin: 64px auto 0;
	padding: 40px 36px;
	border-radius: 20px;
	background: var(--qc-blue);
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
}

/* Tablet: same two-column layout, smaller */
@media (max-width: 980px) {
	.qc-block { --qc-gap: 20px; margin-bottom: 56px; }
	.qc-block-title { margin-bottom: 28px; font-size: 34px; }
	.qc-why-card { padding: 26px 22px; }
	.qc-why-card-title { margin-bottom: 12px; font-size: 18px; }
	.qc-why-card-text { font-size: 15px; }
	.qc-service { gap: 16px; }
	.qc-service-img { flex-basis: 140px; }
	.qc-service-title { font-size: 17px; }
	.qc-services-more { font-size: 44px; }
	.qc-block .qc-services-note { width: 84%; margin-top: 48px; padding: 32px 28px; font-size: 18px; }
}

/* Phone: cards in one column, services as two-column tiles */
@media (max-width: 600px) {
	.qc-block { --qc-gap: 14px; margin-bottom: 44px; }
	.qc-block-title { margin-bottom: 20px; font-size: 28px; }
	.qc-why-grid { grid-template-columns: minmax(0, 1fr); }
	.qc-why-card { padding: 20px 18px; }
	.qc-why-card-title { margin-bottom: 8px; font-size: 17px; }
	.qc-why-card-text { font-size: 14px; font-weight: 400; line-height: 1.5; }
	.qc-services-grid { align-items: start; row-gap: 20px; }
	.qc-service { flex-direction: column; align-items: stretch; gap: 10px; }
	.qc-service-img { flex-basis: auto; }
	.qc-service-title { font-size: 15px; }
	.qc-services-more { align-self: center; font-size: 30px; text-align: center; }
	.qc-block .qc-services-note { width: 100%; margin-top: 32px; padding: 24px 20px; border-radius: 14px; font-size: 16px; }
}