/* Custom styles for Sivcon Services website */

/* Global styles */
:root {
  --primary-color: #0d6efd;
  --primary-dark: #0a58ca;
  --secondary-color: #6c757d;
  --light-color: #f8f9fa;
  --dark-color: #212529;
  --darker-color: #151618;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
}

/* Hero section */
.hero-section {
  position: relative;
  height: 200px;
  display: flex;
  align-items: center;
}

/* Animation classes */
.animate__animated {
  animation-duration: 1s;
}

.animate__fadeIn {
  animation-name: fadeIn;
}

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

/* Background color utils */
.bg-darker {
  background-color: var(--darker-color);
}

/* Service cards */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Icon styling */
.text-primary i {
  transition: transform 0.3s ease;
}

.card:hover .text-primary i {
  transform: scale(1.1);
}

/* Footer */
footer a:hover {
  color: white !important;
  text-decoration: underline !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-section {
    min-height: 400px;
  }
  
  h1 {
    font-size: 2rem;
  }
}