.swiper {
  width: 100%;
  height: 100%;
}

.mySwiper {
  max-width: 1150px;
}

.services a{
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: space-around;
  align-items: center;

	flex-direction: column;
}

p{
  margin: 0px;
}
.swiper-slide {
  position: relative; /* Ensure the slide is a positioned container for absolute elements */
}
.swiper-slide .blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at center, rgba(159, 0, 6, 0.3), rgba(255, 255, 255, 0.3), white); /* Updated radial gradient */
  filter: blur(20px); /* Adjust the blur value as needed */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
    
  
}


.swiper-button {
  background-color: none;
}

.service-button {

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0.51) 100%);
  border: 2px solid #FFFFFF;
  backdrop-filter: blur(2px);
  border-radius: 15px;
  margin-bottom: 50px;
}

p.service-button {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 44px;
  color: #1B323E;
  padding: 0px 15px;
z-index: 2;
}
/*
.plochy{
 margin-bottom: 50px; 
}
*/
.services img {
  display: block;
  z-index: 2;
    transition: transform 0.3s ease; /* Add a transition for smooth movement */

}
.services:hover img {
  transform: translateY(-10px); /* Move the image 10 pixels up when hovering */
}