/* Thematic area tiles: a solid colour block per area (colour comes from the "Kart Rengi" field). */
section.areas .box .cta-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 200px;
	height: 100%;
	padding: 28px 24px;
	background: var(--cta-color, #318cdd);
	border: 2px solid var(--cta-color, #318cdd);
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease-in;
}

section.areas .box .cta-tile h3 {
	margin: 0 0 18px;
	color: inherit;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.25;
}

section.areas .box .cta-tile .cta-more {
	display: inline-block;
	padding: 9px 20px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: all 0.3s ease-in;
}

section.areas .box .cta-tile:hover {
	background: #fff;
	color: var(--cta-color, #318cdd);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

section.areas .box .cta-tile:hover .cta-more {
	border-color: var(--cta-color, #318cdd);
	background: var(--cta-color, #318cdd);
	color: #fff;
}

@media (max-width: 576px) {
	section.areas .box .cta-tile {
		min-height: 160px;
	}
	section.areas .box .cta-tile h3 {
		font-size: 22px;
	}
}