.hero-bg {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.service-card {
	transition: all 0.3s ease;
}

.service-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.modal {
	display: none;
}

.modal.active {
	display: flex;
}

.service-tab {
	transition: all 0.3s ease;
}

.service-tab.active {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
}

.search-form {
	display: none;
}

.search-form.active {
	display: block;
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.gradient-bg {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}