:root {
    --swiper-theme-color: #000;
    --swiper-navigation-color: #000;
    --swiper-pagination-color: #000;
  }

  
  .gallery-container {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
  }

  .swiper-container {
    overflow: hidden;
  }
  
  .gallery-slide {
    align-self: center;
    text-align: center;
    border-radius: 50px;
  }

  .gallery-img,
  .gallery-img a{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius: 50px;
  }
  
  .custom-prev-button,
  .custom-next-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      cursor: pointer;
  }
  
  .custom-prev-button {
    left: 10px;
  }
  
  .custom-next-button {
    right: 10px; 
  }

  /* Button position fix for mobile */
  @media (max-width: 781px) {
    .gallery-container {
        padding-left: 20px;
        padding-right: 20px;
      }

    .custom-prev-button {
        transform: translate(-30%, -50%);
    }

    .custom-next-button {
        transform: translate(30%, -50%);
    }
  }