.service-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.service-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.service-row:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.service-thumb {
	flex: 0 0 425px;
	max-width: 425px;
	overflow: hidden;
}
.service-thumb img {
	width: 100%;
	height: 100%;
	display: flex;
}

.service-info {
	flex: 1;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.service-info h3 {
	font-size: 1.25rem;
	margin-bottom: 12px;
	color: #003366; /* ice navy */
}
.service-info h3 i {
	color: #ff3300; /* fire accent */
	margin-right: 8px;
}

.service-info p {
	color: #444;
	font-size: 0.95rem;
	line-height: 1.6;
	margin-bottom: 16px;
}

.btn-cta {
	display: inline-block;
	background: linear-gradient(45deg, #ff3300, #ff9900); /* fire */
	color: #fff !important;
	font-weight: bold;
	padding: 10px 16px;
	border-radius: 6px;
	text-align: center;
	text-decoration: none !important;
	margin-top: 12px;
	transition: background 0.3s ease;
}
.btn-cta:hover {
	background: linear-gradient(45deg, #3399ff, #66ccff); /* ice */
}

.cta-btn {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 12px 24px;
	margin: 8px;
	border-radius: 8px;
	text-decoration: none;
	color: #fff;
	transition: all 0.3s ease;
}

/* Fire button (urgent call now) */
.cta-fire {
	color: white !important;
	background: linear-gradient(45deg, #ff3300, #ff9900);
	box-shadow: 0 4px 12px rgba(255, 80, 0, 0.4);
	text-decoration: none !important;
}
.cta-fire:hover {
	background: linear-gradient(45deg, #ff6600, #ffcc00);
	box-shadow: 0 6px 16px rgba(255, 80, 0, 0.6);
}

/* Ice button (schedule service) */
.cta-ice {
	color: white !important;
	background: linear-gradient(45deg, #3399ff, #66ccff);
	box-shadow: 0 4px 12px rgba(0, 120, 255, 0.4);
	text-decoration: none !important;
}
.cta-ice:hover {
	background: linear-gradient(45deg, #66ccff, #99e6ff);
	box-shadow: 0 6px 16px rgba(0, 120, 255, 0.6);
}

.specials-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.special-card {
	display: flex;
	flex-wrap: wrap;
	background: linear-gradient(135deg, #f0f9ff, #e6f7ff); /* ice backdrop */
	border: 2px solid #ff6600; /* fire accent */
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(0,0,0,0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.special-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.special-image {
	flex: 0 0 400px;
	max-width: 400px;
	overflow: hidden;
}
.special-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}

.special-content {
	flex: 1;
	padding: 20px;
}

.special-content h3 {
	font-size: 1.4rem;
	margin-bottom: 10px;
	color: #003366;
}
.special-content h3 i {
	color: #ff6600; /* fire star */
	margin-right: 6px;
}

.special-content p {
	font-size: 1rem;
	color: #333;
	margin-bottom: 16px;
}

.btn-special {
	display: inline-block;
	background: linear-gradient(45deg, #ff3300, #ff9900); /* fire */
	color: #fff !important;
	font-weight: bold;
	padding: 12px 20px;
	border-radius: 8px;
	text-decoration: none !important;
	transition: background 0.3s ease;
}
.btn-special:hover {
	background: linear-gradient(45deg, #3399ff, #66ccff); /* ice */
}

@media (max-width: 768px) {
	.service-row {
		flex-direction: column; /* stack image above content */
	}
	.service-thumb {
		flex: 0 0 auto;
		max-width: 100%; /* full width image */
	}
	.service-info {
		padding: 16px;
	}
	.service-info h3 {
		font-size: 1.1rem;
	}
	.service-info p {
		font-size: 0.9rem;
	}
	.btn-cta {
		width: 100%; /* full-width button on mobile */
		text-align: center;
	}

	.special-card {
		flex-direction: column; /* stack image above content */
	}
	.special-image {
		flex: 0 0 auto;
		max-width: 100%; /* full width */
	}
	.special-content {
		padding: 16px;
	}
	.special-content h3 {
		font-size: 1.2rem;
	}
	.special-content p {
		font-size: 0.95rem;
	}
	.btn-special {
		width: 100%; /* full-width CTA on mobile */
		text-align: center;
	}
}

.text-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
}

.text-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.text-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}

.text-card h3 {
	color: #003366; /* ice navy */
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.text-card h3 i {
	color: #ff3300; /* fire accent */
	margin-right: 6px;
}

.text-card p {
	color: #444;
	font-size: 0.95rem;
	margin-bottom: 16px;
	flex-grow: 1;
}

.blog-card {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	margin-bottom: 24px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.blog-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Thumbnail */
.blog-thumb {
	flex: 0 0 260px;
	max-width: 260px;
	overflow: hidden;
}
.blog-thumb img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}

/* Content */
.blog-content {
	flex: 1;
	padding: 20px;
}
.blog-content h3 {
	font-size: 1.4rem;
	margin-bottom: 8px;
	color: #003366;
}
.blog-content h3 a {
	color: inherit;
	text-decoration: none;
}
.blog-content h3 a:hover {
	color: #ff3300; /* fire accent on hover */
}
.blog-meta {
	color: #666;
	margin-bottom: 12px;
}

.blog-content p {
	color: #444;
	font-size: 0.95rem;
	line-height: 1.6;
	margin-bottom: 16px;
}

/* Button */
.btn-blog {
	display: inline-block;
	background: linear-gradient(45deg, #ff3300, #ff9900); /* fire */
	color: #fff !important;
	font-weight: bold;
	padding: 10px 18px;
	border-radius: 6px;
	text-decoration: none !important;
	transition: background 0.3s ease;
}
.btn-blog:hover {
	background: linear-gradient(45deg, #3399ff, #66ccff); /* ice */
}

/* 📱 Mobile Optimization */
@media (max-width: 768px) {
	.blog-card {
		flex-direction: column; /* stack image above content */
	}
	.blog-thumb {
		flex: 0 0 auto;
		max-width: 100%; /* full-width image */
	}
	.blog-content {
		padding: 16px;
	}
	.blog-content h3 {
		font-size: 1.2rem;
	}
	.blog-content p {
		font-size: 0.9rem;
	}
	.btn-blog {
		width: 100%; /* full-width button */
		text-align: center;
	}
}

.testimonial-card {
	background: #fff;
	border-radius: 12px;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.testimonial-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.testimonial-title {
	color: #003366 !important;
	margin-bottom: 14px !important;
	font-size: 1.8rem !important; /* bigger heading */
	font-weight: 600 !important;
}

.testimonial-text {
	color: #444 !important;
	font-size: 1.6rem !important; /* bumped up from 1rem */
	line-height: 1.7 !important;
	margin-bottom: 18px !important;
}

.testimonial-footer {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 14px !important;
	border-top: 1px solid #eee !important;
	padding-top: 14px !important;
}

.testimonial-author {
	color: #222 !important;
	font-size: 1.3rem !important; /* slightly larger */
}
.testimonial-author span {
	display: block !important;
	font-size: 1.15rem !important; /* larger city/state */
	color: #666 !important;
}

.testimonial-rating i {
	color: #ff9900 !important; /* gold stars */
	margin-right: 3px !important;
	font-size: 1.6rem !important; /* make stars bigger */
}

.testimonial-date {
	font-size: 1.3rem !important; /* bumped up */
	color: #999 !important;
}

/* 📱 Mobile Optimization */
@media (max-width: 768px) {
	.testimonial-card {
		padding: 18px !important;
	}
	.testimonial-footer {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	.testimonial-title {
		font-size: 1.3rem !important;
	}
	.testimonial-text {
		font-size: 1.05rem !important;
	}
}