body {
  font-family: "Open Sans", sans-serif;
  background-color: #1e1e1e;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}
.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.portfolio-bg {
  background: linear-gradient(135deg, #1a2a6c 0%, #0d1b2a 100%);
}
.service-card {
  transition: all 0.3s ease;
  height: 100%;
}
.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.portfolio-item {
  transition: all 0.5s ease;
  flex: 0 0 calc(33.333% - 1rem);
}
@media (max-width: 1024px) {
  .portfolio-item {
    flex: 0 0 calc(50% - 1rem);
  }
}
@media (max-width: 640px) {
  .portfolio-item {
    flex: 0 0 100%;
  }
}
/* .scroll-smooth {
  scroll-behavior: smooth;
} */
.animate-scroll {
  animation: scrollAnimation 0.5s ease-out;
}
@keyframes scrollAnimation {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}