.mt-services{
	--mt-navy:#1B3A6B;
	--mt-orange:#FFA500;
	--mt-ink:#0D1B3E;
	display:grid;
	grid-template-columns:repeat(var(--mt-cols,4),minmax(0,1fr));
	gap:24px;
	font-family:"Poppins",sans-serif;
}
.mt-services *{ box-sizing:border-box; }

.mt-services__card{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	gap:28px;
	min-height:225px;
	padding:34px 24px 24px;
	background:#fff;
	border:1px solid #EEF0F4;
	border-top:5px solid var(--mt-navy);
	border-radius:8px;
	transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.mt-services__card:hover{
	border-top-color:var(--mt-orange);
	box-shadow:0 10px 28px rgba(13,27,62,.12);
	transform:translateY(-4px);
}

.mt-services .mt-services__title{
	margin:0;
	padding:0;
	font-family:"Poppins",sans-serif;
	font-size:26px;
	font-weight:700;
	line-height:1.6;
	letter-spacing:.2px;
}
.mt-services .mt-services__title a{
	color:var(--mt-ink);
	text-decoration:none;
	transition:color .3s ease;
}
.mt-services__card:hover .mt-services__title a{ color:var(--mt-orange); }

.mt-services .mt-services__btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:11px 16px;
	border-radius:50px;
	background:var(--mt-navy);
	color:#fff;
	font-family:"Poppins",sans-serif;
	font-size:14px;
	font-weight:500;
	line-height:1;
	letter-spacing:.3px;
	text-decoration:none;
	box-shadow:0 6px 14px rgba(27,58,107,.25);
	transition:background-color .3s ease, box-shadow .3s ease;
}
.mt-services .mt-services__btn:hover,
.mt-services .mt-services__btn:focus{ color:#fff; }
.mt-services .mt-services__arrow{ transition:transform .3s ease; }
.mt-services__card:hover .mt-services__btn{
	background:var(--mt-orange);
	box-shadow:0 6px 14px rgba(255,165,0,.3);
}
.mt-services__card:hover .mt-services__arrow{ transform:translateX(3px); }

@media (max-width:1024px){
	.mt-services{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
	.mt-services .mt-services__title{ font-size:22px; }
}
@media (max-width:600px){
	.mt-services{ grid-template-columns:1fr; gap:14px; }
	.mt-services__card{ min-height:0; padding:26px 20px 20px; gap:20px; }
	.mt-services .mt-services__title{ font-size:20px; }
}

@media (prefers-reduced-motion:reduce){
	.mt-services__card, .mt-services *{ transition:none !important; }
}
