.paslaugos-blocks-container {
  overflow: hidden;
  height: 65vh;
  position: relative;
  .swiper-pagination {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: fit-content;
    left: 50%;
    transform: translateY(-50%);
    .swiper-pagination-bullet {
      background: grey;
      opacity: 0.7;
      &.active {
        background: white;
      }
    }
    &.swiper-pagination-bullets {
      bottom: max(10px, 0.7vw);
    }
    @media screen and (min-width: 1024px) {
      display: none;
    }
  }
}

.paslaugos-blocks-container .arrow-button {
  --position-offset: max(20px, 1.4vw);
  position: absolute;
  width: auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  &.paslaugos-next {
    right: var(--position-offset);
  }
  &.paslaugos-prev {
    left: var(--position-offset);
  }
  svg {
    transition: transform 0.3s ease;
    width: max(9px, 1.3vw);
    height: auto;
    path {
      stroke: white;
    }
  }
  &:hover {
    svg {
      transform: scale(1.1);
    }
  }
}
.paslauga-block {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  padding: max(10px, 0.7vw) max(16px, 1.4vw);
  color: white;
  position: relative;
  overflow: hidden;
}

img.paslauga-block-image {
  object-fit: cover;
  height: 100% !important;
  width: 100%;
  position: absolute;
  top: -5%;
  left: 2%;
  transform: scale(1.1);
  z-index: 1;
  pointer-events: none;
}

.paslauga-name-wrapper {
  display: flex;
  cursor: pointer;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: max(10px, 1.1vw);
  .paslauga-name {
    font-family: "Schnyder-L";
    font-weight: 300;
    font-size: max(32px, 2.3vw);
    line-height: 1.2;
  }
  .paslauga-name-svg {
    width: max(16px, 1.2vw);
    height: auto;
    transition: transform 0.3s ease-in-out;
  }
  &:hover,
  &:focus,
  &:active {
    .paslauga-name-svg {
      transform: rotate(-90deg);
    }
  }
}

.paslauga-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: max(8px, 0.5vw);
  z-index: 2;
  .paslauga-price {
    font-family: "Sometype Mono";
    font-weight: 400;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .paslauga-block {
    padding: 26px;
    img {
      left: 3%;
    }
  }
  /* .paslauga-name-wrapper {
    .paslauga-name {
      font-size: 4.7vw;
    }
    .paslauga-name-svg {
      width: 2vw;
      height: 3.2vw;
    }
  } */
}