#swiper-client .grid-container {
      display: grid;
      grid-template-columns: repeat(5, 1fr); /* 5 items per row */
      gap: 20px; /* Space between grid items */
      padding: 4px;
    }

    /* Grid Item Styles */
#swiper-client .grid-item {
      color: white;
      font-size: 1.2rem;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    }
    
#swiper-client .swiper-pagination {
    margin-top: 16px;
    display:block;
    position: relative;
}


@media only screen and (max-width:480px) {
    #swiper-client .grid-container {

      grid-template-columns: repeat(2, 1fr); /* 5 items per row */

    }
}