/* Service Category Section */
.service-category-section { padding: 50px 0;  }

/* Category Header */
.category-header { text-align: center; margin-bottom: 50px; }
.category-label {font-family: 'IBM Plex Sans';  font-size: 32px; color: var(--color-orange); font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }
.category-title {font-family: 'IBM Plex Sans';  font-size: 16px; font-weight: 700; color: var(--color-purple); margin: 0; }

/* Services Grid */
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto!important; }

/* Service Item */
.service-item { background: var(--color-white);  border-radius: 12px; padding: 40px 30px; text-align: center;box-shadow: 0 4px 16px rgba(24, 8, 43, 0.60)!important;
 transition: all 0.3s ease; position: relative; }
.service-item:hover { border-color: var(--color-orange);  box-shadow: 0 10px 30px rgba(0,0,0,0.1); background-color:#FFF5E6; }


/* Service Icon */
.service-icon { width: 70px; height: 70px; background: var(--color-white); border: 2px solid var(--color-purple); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; transition: all 0.3s ease; }
.service-icon i { font-size: 28px; color: var(--color-orange); }
.service-item:hover .service-icon { background: var(--color-purple); }
.service-item:hover .service-icon i { color: var(--color-white); }

/* Service Title */
.service-title {font-family: 'IBM Plex Sans';  font-size: 18px; font-weight: 700; color: var(--color-orange); margin-bottom: 15px; }

/* Service Description */
.service-description { font-family: 'IBM Plex Sans'; font-size: 14px; color: #666; line-height: 1.6; margin: 0; }

/* Responsive - Tablet */
@media (max-width: 992px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }
    .category-title { font-size: 28px; }
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .service-category-section { padding: 40px 0; }
    .services-grid { grid-template-columns: 1fr; gap: 20px; }
   
    .category-header { margin-bottom: 35px; }
    .service-item { padding: 30px 20px; }
    .service-icon { width: 60px; height: 60px; }
    .service-icon i { font-size: 24px; }
    .service-title { font-size: 16px; }
.service-description { font-size: 14px; color: #666; line-height: 1.6; margin: 0; }
    .category-label {font-size: 14px;}
    .category-title { font-size: 12px;}
}