/* Custom Styles */
/* Add your own custom styles here */

/* Hamburger Menu Styling */
/* Add your own styles for the hamburger menu here */

/* Responsive Breakpoints */
@media (max-width: 767px) {
  /* Styles for mobile devices */
  /* Add your own mobile-specific styles here */
}


/* CSS */
.service-card {
  transition: transform 0.3s;  /* This will make the scaling smooth */
}

.service-card:hover {
  transform: scale(1.1);  /* This will make the card 10% larger when hovered */
}

<--! Hero Styles -->
  .slideshow-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }

  .slide-image:first-child {
    opacity: 1;
  }