/* Experience Section Styles */
.experience {
  padding-top: 100px;
  position: relative;
  z-index: 1;
}

.experience h2 {
  text-align: center;
  margin-bottom: 40px;
}

/* Carousel Styles */
.carousel {
  position: relative;
  min-height: 250px;
}

.carousel .blur-card {
  min-height: 220px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  padding: 20px;
  margin: 0 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.carousel .blur-card:hover {
  border: 3px solid var(--primary);
  box-shadow: 0 0 10px rgba(108, 92, 231, 0.5);
  transform: translateZ(+5px);
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%;
  /* opacity: 0.8; */
  /* display: none; */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  /* background-color: var(--primary); */
  /* border-radius: 50%; */
  /* padding: 10px; */
  width: 40px;
  height: 40px;
  display: none;
}

/* .carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
  background-color: var(--accent);
} */

/* Responsive Carousel */
@media (max-width: 768px) {
  .carousel .blur-card {
    margin: 0 10px;
    min-height: 250px;
  }

  .carousel {
    min-height: 275px;
  }

  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
}