/*
 * Main CSS File
 * Imports all component and page CSS files
 */

/* Import component styles */
@import url('components/header.css');
/*@import url('components/footer.css');*/
@import url('components/newfooter.css');
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/cards.css');

/* Import page-specific styles */
@import url('pages/blogs.css');
@import url('pages/services.css');
@import url('pages/leadership.css');
@import url('pages/case-studies.css');
@import url('pages/auth.css');
@import url('pages/infographics.css');
@import url('pages/reports.css');


/* Global styles that don't belong to specific components */
body {
  font-family: 'Roboto', sans-serif;
  color: #333;
  line-height: 1.6;
}

.container {
  padding: 2rem 1rem;
}

/* Utility classes */
.text-primary {
  color: #0056b3 !important;
}

.bg-light-gray {
  background-color: #f8f9fa;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

/* Spacing utilities */
.mt-6 {
  margin-top: 4rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

/* Responsive utilities */
@media (max-width: 767.98px) {
  .text-center-sm {
    text-align: center !important;
  }
  
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
}

/* Animation utilities */
.fade-in {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}