@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css");

.services-page-section ul li {
  position: relative;
  background: linear-gradient(135deg, var(--rv-primary-light) 0%, rgba(255,255,255,0.6) 100%);
  color: var(--rv-black);
  margin-bottom: 20px;
  padding: 20px 25px 20px 55px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  font-weight: 600;
  overflow: hidden;
  font-family: var(--rv-font);
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Modern vertical gradient bar on the left */
.services-page-section ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, var(--rv-primary), var(--rv-secondary));
  border-radius: 12px 0 0 12px;
  transition: background 0.3s ease;
}

/* Icon styles */
.services-page-section ul li::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--rv-primary);
  transition: color 0.3s ease;
}

/* Valid FREE icons */
.services-page-section ul li:nth-child(1)::after {
  content: "\f058"; /* check-circle */
}
.services-page-section ul li:nth-child(2)::after {
  content: "\f0e7"; /* bolt */
}
.services-page-section ul li:nth-child(3)::after {
  content: "\f0c0"; /* users */
}
.services-page-section ul li:nth-child(4)::after {
  content: "\f4b8"; /* hands-helping */
}
.services-page-section ul li:nth-child(5)::after {
  content: "\f02d"; /* book */
}

/* Hover Effects */
.services-page-section ul li:hover {
  background: linear-gradient(135deg, var(--rv-secondary-light) 0%, rgba(255,255,255,0.7) 100%);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

.services-page-section ul li:hover::before {
  background: linear-gradient(to bottom, var(--rv-secondary), var(--rv-primary));
}

.services-page-section ul li:hover::after {
  color: var(--rv-secondary);
}

/* Last item no margin */
.services-page-section ul li:last-child {
  margin-bottom: 0;
}