.advisory-hero {
  @apply relative min-h-[60vh] flex items-center justify-center text-white;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-size: cover;
  background-position: center;
}

.advisory-hero-content {
  @apply container mx-auto px-4 py-16 text-center;
}

.advisory-hero h1 {
  @apply text-4xl md:text-5xl font-bold mb-4;
}

.advisory-hero p {
  @apply text-xl md:text-2xl max-w-3xl mx-auto;
}

.service-navigation {
  @apply bg-gray-100 py-8;
}

.service-buttons {
  @apply container mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-4;
}

.service-button {
  @apply px-6 py-3 bg-white hover:bg-primary-600 text-gray-800 hover:text-white 
           rounded-lg shadow-md transition-all duration-300 text-center;
}

.breadcrumb {
  @apply container mx-auto px-4 py-4 text-sm text-gray-600;
}

.breadcrumb a {
  @apply hover:text-primary-600;
}

.service-content {
  @apply container mx-auto px-4 py-12;
}

.service-intro {
  @apply max-w-4xl mx-auto mb-12;
}

.service-intro h2 {
  @apply text-3xl md:text-4xl font-bold mb-6 text-gray-900;
}

.service-intro p {
  @apply text-lg text-gray-700 leading-relaxed;
}

.service-cards {
  @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-12;
}

.service-card {
  @apply bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-shadow duration-300;
}

.service-card-content {
  @apply p-6;
}

.service-card h3 {
  @apply text-xl font-semibold mb-4 text-gray-900;
}

.service-card p {
  @apply text-gray-700 mb-4;
}

.cta-section {
  @apply bg-gray-100 py-12 mt-16 text-center;
}

.cta-content {
  @apply max-w-2xl mx-auto px-4;
}

.cta-button {
  @apply inline-block px-8 py-4 bg-primary-600 !text-white rounded-lg 
           hover:bg-primary-700 transition-colors duration-300 mt-6;
}

/* Utility classes */
.container {
  @apply max-w-7xl mx-auto;
}

/* Animation classes */
.fade-in {
  @apply opacity-0 animate-fadeIn;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate-fadeIn {
  animation: fadeIn 0.5s ease-in forwards;
}
