/* SEO Services Page Styles */
.seo-hero {
  background: linear-gradient(120deg, #f5f6fa 60%, #e6e9f0 100%);
  padding: 48px 0 32px 0;
  text-align: center;
  animation: fadeIn 1.2s ease;
}
.seo-hero-title {
  font-size: 2.6rem;
  font-weight: 900;
  color: #181d23;
  margin-bottom: 12px;
  animation: fadeInUp 1s 0.1s both;
}
.seo-hero-desc {
  font-size: 1.2rem;
  color: #444;
  margin-bottom: 24px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  animation: fadeInUp 1s 0.3s both;
}
.seo-section {
  max-width: 900px;
  margin: 0 auto 48px auto;
  padding: 0 16px;
  opacity: 0;
  animation: fadeInUp 1s forwards;
}
.seo-section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #ce8157;
  margin-bottom: 16px;
  text-align: left;
}
.seo-list {
  margin: 0 0 24px 0;
  padding-left: 20px;
}
.seo-list li {
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #222;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.7s forwards;
}
.seo-highlight {
  color: #ce8157;
  font-weight: 700;
}
.seo-cta {
  background: #181d23;
  color: #fff;
  padding: 32px 24px;
  border-radius: 10px;
  text-align: center;
  margin: 32px 0 0 0;
  opacity: 0;
  animation: fadeInUp 1s 1.7s forwards;
}
.seo-cta-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.seo-cta-btn {
  display: inline-block;
  background: #ce8157;
  color: #fff;
  font-weight: 700;
  padding: 12px 32px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 1.1rem;
  margin-top: 10px;
  transition: background 0.2s;
}
.seo-cta-btn:hover {
  background: #a95e3d;
}

/* Animation Keyframes */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Animate each section */
.seo-section:nth-of-type(2) { animation-delay: 0.5s; }
.seo-section:nth-of-type(3) { animation-delay: 0.9s; }
.seo-section:nth-of-type(4) { animation-delay: 1.3s; }

/* Animate list items */
.seo-list li:nth-child(1) { animation-delay: 0.2s; }
.seo-list li:nth-child(2) { animation-delay: 0.35s; }
.seo-list li:nth-child(3) { animation-delay: 0.5s; }
.seo-list li:nth-child(4) { animation-delay: 0.65s; }
.seo-list li:nth-child(5) { animation-delay: 0.8s; }
.seo-list li:nth-child(6) { animation-delay: 0.95s; }
.seo-list li:nth-child(7) { animation-delay: 1.1s; }

@media (max-width: 700px) {
  .seo-hero-title { font-size: 2rem; }
  .seo-section-title { font-size: 1.3rem; }
  .seo-section { padding: 0 6px; }
  .seo-cta { padding: 18px 6px; }
}

.faqs-section,
.faqs-list,
.faq-item,
.faq-answer {
  overflow: visible !important;
  max-height: none !important;
}
.faq-answer {
  display: none;
  text-align: left;
  color: #444;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 10px;
  padding: 0;
  background: none;
  box-shadow: none;
}
.faq-question[aria-expanded="true"] + .faq-answer {
  display: block;
}

.faqs-section {
  max-width: 800px;
  margin: 48px auto;
  padding: 32px 15px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 32px rgba(24,29,35,0.07);
}