.values-page {
	padding-top: 20px;
	padding-bottom: 20px;
}

.values-hero-text {
	max-width: 1000px;
	padding-top: 15px;
}

.values-page .info-card {
	position: relative;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	border: 1px solid #e9ecef;
	border-radius: 22px;
	padding: 28px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
	overflow: hidden;
}

	.values-page .info-card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 4px;
		background: linear-gradient(90deg, #0d6efd 0%, #4aa3ff 100%);
		opacity: 0.95;
	}

	.values-page .info-card:hover {
		transform: translateY(-6px);
		box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
		border-color: #d8e7fb;
	}

.values-page .value-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.values-page .info-card-title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 0;
	color: #10263d;
}

.values-page .value-icon {
	width: 52px;
	height: 52px;
	min-width: 52px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #eaf3ff 0%, #dcecff 100%);
	border: 1px solid #d5e6ff;
	box-shadow: 0 8px 18px rgba(13, 110, 253, 0.10);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

	.values-page .value-icon i {
		font-size: 22px;
		color: #0d6efd;
		line-height: 1;
	}

.values-page .info-card:hover .value-icon {
	transform: scale(1.06);
	box-shadow: 0 10px 22px rgba(13, 110, 253, 0.16);
}

.values-page .info-text {
	margin-bottom: 0;
	color: #5f6f82;
	line-height: 1.8;
	font-size: 16px;
}

.values-page .value-card-honesty::before {
	background: linear-gradient(90deg, #0d6efd 0%, #63a4ff 100%);
}

.values-page .value-card-respect::before {
	background: linear-gradient(90deg, #6f42c1 0%, #9b6bff 100%);
}

.values-page .value-card-responsibility::before {
	background: linear-gradient(90deg, #0f4c81 0%, #2a7bc7 100%);
}

.values-page .value-card-quality::before {
	background: linear-gradient(90deg, #c69214 0%, #f0c14b 100%);
}

.values-page .value-card-growth::before {
	background: linear-gradient(90deg, #0f9d8a 0%, #35c9b5 100%);
}

.values-page .value-card-customer::before {
	background: linear-gradient(90deg, #d9485f 0%, #ff7a8c 100%);
}

@media (max-width: 767.98px) {
	.values-page {
		padding-top: 20px;
		padding-bottom: 20px;
	}

		.values-page .info-card {
			padding: 22px;
		}

		.values-page .value-card-head {
			gap: 12px;
			margin-bottom: 14px;
		}

		.values-page .info-card-title {
			font-size: 20px;
		}

		.values-page .value-icon {
			width: 46px;
			height: 46px;
			min-width: 46px;
			border-radius: 12px;
		}

			.values-page .value-icon i {
				font-size: 20px;
			}

		.values-page .info-text {
			font-size: 15px;
		}
}