/* PalmSeth - Services page refresh (scoped to services.html) */
.services {
 background: linear-gradient(180deg, #f5faf7 0%, #ffffff 100%);
 padding-bottom: 9rem;
}
.services .services-grid {
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 gap: 2.8rem;
 margin-top: 4.5rem;
}
.services .service-card {
 align-items: flex-start;
 text-align: left;
 padding: 3.6rem 3.2rem 3.2rem;
 border-radius: 20px;
 background: #ffffff;
 border: 1px solid rgba(0, 119, 73, 0.10);
 box-shadow: 0 10px 30px rgba(0, 40, 25, 0.06);
 transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.services .service-card::before {
 height: 4px;
 background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
 transform: scaleX(0);
 transform-origin: left center;
}
.services .service-card:hover {
 transform: translateY(-8px);
 box-shadow: 0 24px 48px rgba(0, 60, 35, 0.14);
 border-color: rgba(0, 119, 73, 0.35);
 color: var(--color-text);
}
.services .service-icon {
 width: 7.2rem;
 height: 7.2rem;
 display: flex;
 align-items: center;
 justify-content: center;
 margin: 0 0 2.4rem;
 border-radius: 18px;
 font-size: 3rem;
 background: linear-gradient(135deg, #e6f5ee 0%, #d2eee0 100%);
}
.services .service-title {
 font-family: var(--font-secondary);
 font-size: 2.2rem;
 font-weight: 700;
 margin-bottom: 1.2rem;
 color: var(--color-text);
}
.services .service-description {
 font-size: 1.6rem;
 line-height: 1.65;
 color: var(--color-text-light);
 margin-bottom: 2.6rem;
 flex-grow: 1;
}
.services .service-card .service-link {
 margin-top: auto;
 display: flex;
 align-items: center;
 gap: 1.2rem;
 font-size: 1.5rem;
 font-weight: 600;
 color: var(--color-primary);
}
.services .service-card .service-link .service-arrow {
 width: 3.6rem;
 height: 3.6rem;
 margin: 0;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 background: var(--color-primary);
 color: var(--color-text-white);
 opacity: 1;
 transform: none;
 transition: transform 0.35s ease, background-color 0.35s ease;
}
.services .service-card:hover .service-link .service-arrow {
 transform: translateX(5px);
 background: var(--color-primary-dark);
}
.services .carousel-section {
 background: #f5faf7;
}
.services .cta {
 background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
 color: var(--color-text-white);
}
.services .cta .cta-title,
.services .cta .cta-text {
 color: var(--color-text-white);
}
.services .cta .btn-primary {
 background: var(--color-text-white);
 color: var(--color-primary-dark);
}
@media (max-width: 767px) {
 .services .service-card {
 padding: 3rem 2.4rem 2.6rem;
 }
}