.hide-scrollbar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* Custom styles for service cards */
.service-card {
  transition: all 0.3s ease;
}

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

/* Arrow button styling */
.scroll-arrow {
  opacity: 0.8;
  transition: opacity 0.2s, transform 0.2s;
}

.scroll-arrow:hover {
  opacity: 1;

}