/* Page Hero */
.page-hero {
  background-color: var(--brand-accent);
}


/* Services Grid */
.services-grid .card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-grid .card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}

.services-grid .card a {
  text-decoration: none;
  color: var(--brand-secondary);
  font-weight: 500;
}

/* Service Details */
.service-details .nav-pills .nav-link {
  background-color: var(--brand-gray);
  color: var(--brand-primary);
  margin-right: 0.5rem;
  border-radius: 20px;
}

.service-details .nav-pills .nav-link.active {
  background-color: var(--brand-primary);
  color: var(--brand-white);
}

.service-details .tab-content ul {
  padding-left: 1.2rem;
}

/* Process Timeline */
.process-timeline .process-step {
  position: relative;
}

.process-timeline .process-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 30px;
  right: -50%;
  width: 100%;
  height: 2px;
  background-color: var(--brand-accent);
  z-index: -1;
}

.process-timeline .process-icon {
  color: var(--brand-secondary);
}

/* FAQ */
.faq .accordion-button:not(.collapsed) {
  background-color: var(--brand-primary);
  color: var(--brand-white);
}

.faq .accordion-button:focus {
  box-shadow: none;
}

.faq .accordion-item {
  border-color: var(--brand-gray);
}

.hidden {
    display: none;
}

#load-more-btn {
    background-color: var(--brand-primary);
    color: var(--brand-white);
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#load-more-btn:hover {
    background-color: var(--brand-secondary);
}