.uslugi-main-topic {
		display:none;
	}
	.page {
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		color: #333;
		background: #f9f9f9;
		font-size: 18px;
	}

	.container {
		max-width: 1200px;
		margin: 0 auto;
		padding: 20px;
	}

	.title-main,
	.title-section,
	.title-card {
		color: #222;
	}

	.text {
		line-height: 1.6;
		font-size: 18px;

	}

	a > .text {
		font-weight: 100;
		color: #222;
		
	}

	.grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
		margin-top: 30px;
	}

	.card {
		background: #fff;
		padding: 25px;
		border-radius: 16px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
		text-align: center;
		transition: box-shadow 0.3s ease, transform 0.3s ease;
		/* Убрал flex и высоту */
	}

	.card:hover {
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
		transform: translateY(-4px);
	}

	.card-img {
		width: 100px;
		height: 100px;
		object-fit: contain;
		margin-bottom: 20px;
		border-radius: 10px;
	}

	.section {
		margin-top: 60px;
	}

	.title-section {
		text-align: center;
		margin-bottom: 30px;
		font-size: 2.2em;
	}

	.hero {
		text-align: center;
		margin-bottom: 50px;
		padding: 1px 10px;
		background: white;
		border-radius: 16px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	}

	.hero-title {
		font-size: 3em;
		margin-bottom: 15px;
		color: #222;
	}

	.hero-subtitle {
		font-size: 1.4em;
		color: #666;
		margin-bottom: 25px;
	}

	.features {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 25px;
		margin: 40px 0;
	}

	.feature-tag {
		padding: 1rem 2rem;
		background: #e6eeff;
		border-radius: 25px;
		font-size: 1.6rem;
	}

	.cta-block {
		text-align: center;
		margin-top: 60px;
		padding: 50px;
		background: #333;
		color: white;
		border-radius: 16px;
	}

	.cta-button {
		display: inline-block;
		padding: 1.2rem 3rem;
		background: #ff6b6b;
		color: white;
		text-decoration: none;
		border-radius: 8px;
		font-weight: bold;
		margin-top: 1.5rem;
		transition: background 0.3s ease;
		font-size: 1.1rem;
	}

	.cta-button:hover {
		background: #ff5252;
	}

	.card-link {
		display: inline-block;
		margin-top: 15px;
		padding: 10px 20px;
		background: #f0f4ff;
		border-radius: 6px;
		text-decoration: none;
		color: #333;
		font-weight: bold;
		transition: background 0.3s ease;
	}

	.card-link:hover {
		background: #e6eeff;
	}

	/* Перемещаем карточку с разработкой в конец */
	.grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}

	.card-development {
		order: 4;
	}

	@media (max-width: 1460px) {
		.container {
			max-width: 870px;
		}

		.grid {
			grid-template-columns: repeat(3, 264px);
			grid-template-rows: auto;
		}
		
		.card-development {
			order: 3;
		}
	}

	@media (max-width: 1180px) {
		.container {
			max-width: 570px;
		}

		.grid {
			grid-template-columns: repeat(2, 264px);
		}
		
		.card-development {
			order: 4;
		}
	}

	@media (max-width: 910px) {
		.container {
			max-width: 450px;
		}

		.grid {
			grid-template-columns: 1fr;
			grid-template-rows: auto;
		}

		.card {
			width: auto;
			padding: 20px;
		}

		.card-img {
			width: 80px;
			height: 80px;
		}
		
		.hero-title {
			font-size: 2.2em;
		}
		
		.hero {
			padding: 30px 20px;
		}
		
		.feature-tag {
			padding: 0.8rem 1.5rem;
			font-size: 1rem;
		}
		
		.card-development {
			order: 4;
		}
	}