/* ===============================
   DR1052 SERVICES
================================ */
.dr1052services {
	background: linear-gradient(180deg, #0d0f14, #0a0b10);
	padding: 120px 0;
	font-family: 'Montserrat', sans-serif;
}

.dr1052services .container {
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}

.dr1052services h2 {
	text-align: center;
	font-size: 38px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 50px;
}

/* GRID */
.dr1052services .grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 36px;
}

/* CARD */
.dr1052services .card {
	background: linear-gradient(145deg, #171a21, #0b0d12);
	padding: 36px 28px;
	border-radius: 22px;
	text-align: center;
	box-shadow: 0 35px 90px rgba(0,0,0,.9);
	transition: transform .4s ease, opacity .4s ease;
}

/* ICON */
.dr1052services .card i {
	font-size: 42px;
	color: #ffb703;
	margin-bottom: 18px;
}

/* TEXT */
.dr1052services h3 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 12px;
}

.dr1052services ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.dr1052services ul li {
	color: #cfcfcf;
	font-size: 14px;
	line-height: 1.7;
}

/* EXTRA CARDS (HIDDEN INITIALLY) */
.dr1052services .card.extra {
	display: none;
	opacity: 0;
	transform: translateY(30px);
}

.dr1052services.expanded .card.extra {
	display: block;
	animation: reveal .6s ease forwards;
}

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

/* TOGGLE BUTTON */
.services-toggle {
	text-align: center;
	margin-top: 50px;
}

.services-toggle button {
	background: linear-gradient(135deg, #ffb703, #ff7b00);
	border: none;
	padding: 14px 38px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 30px;
	cursor: pointer;
	color: #000;
	box-shadow: 0 20px 40px rgba(255,183,3,.4);
	transition: transform .3s ease;
}

.services-toggle button:hover {
	transform: translateY(-3px);
}

/* MOBILE */
@media (max-width: 768px) {
	.dr1052services {
		padding: 90px 0;
	}
	.dr1052services h2 {
		font-size: 30px;
	}
}