.swiper-button-next, .swiper-button-prev {
  position: static;
  top: auto;
  bottom: 0px;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(121 128 138 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(121 128 138 / var(--tw-text-opacity));
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  color: rgb(255, 255, 255);
  border-width: 0px;
}

:root {
  --tw-bg-opacity: 0.8 !important;
  --tw-backdrop-blur: blur(4px) !important;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

.sticky-navbar {
  backdrop-filter: saturate(160%) blur(12px);
  -webkit-backdrop-filter: saturate(160%) blur(12px);
}

.sticky-navbar{
  background: rgb(from var(--color-white) r g b / 0.55);
}

.dark .sticky-navbar{
  background: rgb(from var(--color-black) r g b / 0.55);
}