/* PECS SERVICE DETAIL.CSS */
.service-detail-banner{background:var(--light);padding:55px 0;border-bottom:1px solid var(--border)}
.service-detail-banner h1{font-size:30px;color:var(--primary);font-weight:700;text-transform:uppercase;margin-bottom:12px}
.breadcrumb-wrap{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}
.breadcrumb-wrap a{color:var(--primary);font-weight:700}
.service-detail-section{padding:65px 0}
.service-detail-image{overflow:hidden;border:1px solid var(--border);margin-bottom:28px}
.service-detail-image img{width:100%;object-fit:cover}
.service-detail-image:hover img{transform:scale(1.04)}
.service-content h2{font-size:24px;color:var(--primary);font-weight:700;margin-bottom:18px}
.service-content h3{font-size:18px;color:var(--primary);font-weight:700;margin:26px 0 12px}
.service-content p{color:var(--muted);line-height:1.8;margin-bottom:15px}
.service-content ul{padding-left:0;margin-bottom:20px}
.service-content li{position:relative;padding-left:28px;margin-bottom:10px;color:var(--muted)}
.service-content li::before{content:"\\f00c";font-family:"Font Awesome 6 Free";font-weight:700;position:absolute;left:0;top:2px;color:var(--accent)}
.sidebar-box{border:1px solid var(--border);background:var(--white);padding:24px;margin-bottom:24px}
.sidebar-box h2,.sidebar-box h3{font-size:18px;color:var(--primary);font-weight:700;margin-bottom:18px;text-transform:uppercase}
.service-category-list a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);color:var(--primary);font-weight:700}
.service-category-list a:last-child{border-bottom:0}
.service-category-list a:hover{color:var(--accent);padding-left:5px}
.support-sidebar{background:var(--accent);color:var(--white)}
.support-sidebar h3{color:var(--white)}
.support-sidebar p,.support-sidebar a{color:rgba(255,255,255,.9);margin-bottom:8px}
.support-sidebar i{color:var(--accent);margin-right:8px}
.detail-feature-section{background:var(--light);padding:65px 0}
.feature-card{height:100%;background:var(--white);border:1px solid var(--border);padding:28px;transition:var(--transition)}
.feature-card i{font-size:32px;color:var(--accent);margin-bottom:15px}
.feature-card h3{font-size:16px;color:var(--primary);font-weight:700;margin-bottom:10px}
.feature-card p{color:var(--muted);margin-bottom:0}
.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.timeline-section{padding:65px 0}
.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.timeline-item{border:1px solid var(--border);background:var(--white);padding:28px}
.timeline-item span{display:inline-flex;width:44px;height:44px;background:var(--primary);color:var(--white);align-items:center;justify-content:center;font-weight:700;margin-bottom:16px}
.timeline-item h3{font-size:16px;color:var(--primary);font-weight:700;margin-bottom:10px}
.timeline-item p{color:var(--muted);margin-bottom:0}
.gallery-section{background:var(--light);padding:65px 0}
.gallery-item{overflow:hidden;border:1px solid var(--border);background:var(--white)}
.gallery-item img{width:100%;height:230px;object-fit:cover}
.gallery-item:hover img{transform:scale(1.06)}
.detail-cta{background:var(--dark);color:var(--white);text-align:center;padding:65px 0}
.detail-cta h2{font-size:26px;color:var(--white);font-weight:700;margin-bottom:10px}
.detail-cta p{color:rgba(255,255,255,.85);margin-bottom:22px}
.detail-cta a{display:inline-flex;gap:8px;align-items:center;background:var(--accent);color:var(--white);padding:12px 24px;font-weight:700}
.detail-cta a:hover{background:var(--white);color:var(--primary)}
@media(max-width:991px){.timeline-grid{grid-template-columns:repeat(2,1fr)}.service-detail-image img{height:320px}}
@media(max-width:768px){.service-detail-banner{padding:42px 0}.service-detail-banner h1{font-size:24px}.service-detail-section,.detail-feature-section,.timeline-section,.gallery-section{padding:45px 0}.timeline-grid{grid-template-columns:1fr}.detail-cta{padding:50px 0}.detail-cta h2{font-size:22px}}