/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 04 2024 | 13:25:27 */
<style>
  .swiper-container {
    width: 100%;
    max-width: 900px; /* Adjust to desired width */
    margin: auto;
    overflow: hidden;
    position: relative; /* For positioning arrows */
  }

  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 10px;
  }

  .swiper-slide img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    user-select: none;
  }

  /* Styling for pagination */
  .swiper-pagination {
    position: static;
    margin-top: 20px; /* Adds spacing between the images and pagination */
    text-align: center;
  }

    /* Center the arrows below the carousel */
  .swiper-button-next,
  .swiper-button-prev {
    position: static; /* Remove absolute positioning */
     transform: scale(0.5) translateY(-700px);
    color: #000; /* Customize color */
    cursor: pointer;
    display: inline-block;
    margin: 0 5px; /* Space between arrows */
  }

  /* Align both arrows on the right */
  .swiper-container {
    text-align: right;
  }

  /* Additional arrow-specific tweaks if needed */
  .swiper-button-next {
    font-size: 12px; /* Adjust size */
  }
  .swiper-button-prev {
    font-size: 12px; /* Adjust size */
  }

</style>