.service_header-container {
		position: relative;
		z-index: 1;
		background-color: var(--color_two);
		color: white;
		text-align: center;
		padding: 1rem 0 6rem;
		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
		background-size: 50px 50px;
	}
	.service_header {
		font-size: 28px;
		font-weight: bold;
		color: #fff;
	}
	.service_description-bar {
		font-size: 20px;
		margin-top: 15px;
		padding: 0 2rem;
	}
	.content-container {
		position: relative;
		z-index: 2;
		margin-top: -60px;
	}
	.service_container {
		max-width: 1200px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}
	.mall3_card {
		position: relative;
		width: 250px;
		height: 350px;
		perspective: 1000px;
	}
	.mall3_card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		transition: transform 0.6s;
		transform-style: preserve-3d;
	}
	.mall3_card.flipped .mall3_card-inner {
		transform: rotateY(180deg);
	}
	.mall3_card-front, .mall3_card-back {
		position: absolute;
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0,0,0,0.2);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-sizing: border-box;
	}
	.mall3_card-front {
		background: #fff;
		transform: rotateY(0deg);
	}
	.mall3_card-front img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.mall3_card-front::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 70%;
		background: linear-gradient(to top, var(--color_one), transparent);
	}
	.mall3_card-title {
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		color: white;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		width: 100%;
		z-index: 2;
	}
	.mall3_card-back {
		position: absolute;
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0,0,0,0.2);
		display: flex;
		flex-direction: column; /* ← muudatus! */
		align-items: flex-start; /* ← tekst vasakule */
		justify-content: flex-start; /* ← sisu ülevalt alla */
		text-align: left; /* ← tekst vasakule */
		padding: 20px;
		background: var(--color_two);
		color: white;
		transform: rotateY(180deg);
		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
		background-size: 50px 50px;
	}	
	.btn_service {
		background: var(--color_one);
		color: white;
		border: none;
		padding: 10px 20px;
		font-size: 16px;
		cursor: pointer;
		border-radius: 5px;
		margin-top: auto; /* tõstab nupu lõppu kui vaja */
		align-self: center; /* ← keskendab nupu */
	}
	.btn_service:hover {
		background: var(--color_two);
		border: 1px solid var(--color_one);
		color: var(--color_one);
	}