.gallery {
  width: 100%;
  /* max-width: 800px; */
  margin: 40px auto;
  overflow: hidden;
}
.gallery-slider {
  width: 100%;
  height: auto;
  margin: 0 0 40px 0;
}
.gallery-slider .swiper-slide {
  width: auto;
  height: 500px;
}
.single-object .gallery-slider .swiper-slide {
  width: auto;
  height: 620px;
}
.gallery-slider .swiper-slide img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.gallery-thumbs {
  width: 100%;
  padding: 0;
}
.gallery-thumbs .swiper-slide {
  width: 100px;
  height: 100px;
  text-align: center;
  opacity: 0.5;
  padding: 0 .5em 0 .5em;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.gallery-thumbs .swiper-slide img {
  width: auto;
  height: 100%;
}

.gallery {
  position: relative; /* Important for absolute positioning of arrows */
}

.gallery .swiper-button-prev, 
.gallery .swiper-button-next {
  position: absolute;
  top: 50%; /* Vertically center */
  transform: translateY(-50%); /* Adjust to truly center */
  width: 44px; /* Adjust as needed */
  height: 44px; /* Adjust as needed */
  background: rgba(255,255,255,0.7); /* Optional: add a semi-transparent background */
  border-radius: 50%; /* Optional: make arrows circular */
  z-index: 8; /* Ensure they're above the images */
}

.gallery .swiper-button-prev {
  left: 10px; /* Adjust distance from left */
}

.gallery .swiper-button-next {
  right: 10px; /* Adjust distance from right */
}