:root {
	--primary: #0b5cff;
	--dark: #0f172a;
	--light: #f8fafc;
	--gray: #64748b;
}

.service-card.tech-section img {
	max-height: 400px;
}

/* SECTIONS */
.tech-section {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 60px;
	align-items: center;
}

.tech-section ul {
	margin-top: 24px;
	list-style: none;
	padding: 0;
}

.services.in-house-platform .platform-grid {
	margin-top: 20px;
}

.alt-bg {
	background: var(--light);
}

.tech-section ul {
	margin-top: 20px;
}

.tech-section ul li {
	padding: 10px 5px;
}

/* STACK */
.stack {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 30px;
	margin-top: 50px;
}

.stack div {
	padding: 30px;
	background: #fff;
	border-radius: 16px;
	text-align: center;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
	transition: .3s;
}

.stack div:hover {
	transform: scale(1.1);
}

.why-item i {
	font-size: 2.2rem;
	color: var(--primary);
	margin-bottom: 15px;
}

.tech-stack-container {
	padding: 80px 8%;
}

@media(max-width:768px) {
	.hero h1 {
		font-size: 2.5rem;
	}
}