/* Custom Styles for ProFix Facility */
:root {
  --primary-orange: #FC4C00;
  --primary-blue: #2378FB;
  --primary-darkblue: #0056B3;
  --dark-bg: rgb(26,26,26);
}

body {
  overflow-x: hidden;
}

/* Gradients */
.bg-gradient-projects {
  background: linear-gradient(135deg, rgb(23,107,224) 0%, rgb(143,17,168) 100%);
}

/* Animations */
@keyframes pulse-soft {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.animate-pulse-soft {
  animation: pulse-soft 3s infinite ease-in-out;
}

/* Card Hover Effects */
.service-card {
  transition: all 0.3s ease;
}
.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.service-card:hover .service-icon {
  background-color: var(--primary-orange);
  color: white;
}

.plan-card {
  transition: all 0.3s ease;
}
.plan-card:hover {
  transform: translateY(-10px);
  border-color: var(--primary-orange);
}

/* Project Gallery Hover */
.project-card .project-overlay {
  opacity: 0;
  transition: all 0.3s ease;
}
.project-card:hover .project-overlay {
  opacity: 1;
}
.project-card:hover img {
  transform: scale(1.1);
}
.project-card img {
  transition: transform 0.5s ease;
}

/* Custom Forms */
.form-input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.25rem;
  transition: border-color 0.2s ease;
}
.form-input:focus {
  outline: none;
  border-color: var(--primary-orange);
  box-shadow: 0 0 0 3px rgba(252, 76, 0, 0.1);
}

/* Hero Overlay */
.hero-overlay {
  background-color: rgba(26, 26, 26, 0.84);
}