.gradient-bg {
  background: linear-gradient(135deg, #3b82f6 0%, #ec4899 100%);
}
.hover-grow {
  transition: transform 0.3s ease;
}
.hover-grow:hover {
  transform: scale(1.03);
}
.card-shadow {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.section-divider {
  position: relative;
  height: 80px;
  overflow: hidden;
}
.section-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(135deg, #3b82f6 0%, #ec4899 100%);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
}
.carousel-slide {
  transition: opacity 0.5s ease-in-out;
}
.carousel-slide.active {
  opacity: 1;
}
.carousel-slide:not(.active) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.service-card {
  border-left: 4px solid #3b82f6;
  transition: all 0.3s ease;
}
.service-card:hover {
  border-left: 4px solid #ec4899;
  transform: translateY(-5px);
}
 .lermais {
   display: none;
 }
 .lermais.show {
   display: inline;
 }