.swiper .filterSwiper .filter-slider-wrapper {
         padding: 14px !important;
      }

      /* Buttons inside swiper */
      .filterSwiper .swiper-slide {
         width: auto !important;
         display: inline-flex !important;
      }

      .filterSwiper .swiper-slide button {
         padding: 10px 20px !important;
         border: none;
         background: #83a17e;
         color: #fff;
         font-size: 1rem;
         white-space: nowrap;
         cursor: pointer;
         transition: 0.3s;
      }

      .filterSwiper .swiper-slide button:hover {
         background: #83a17e;
      }

      /* Arrows */
      .filterPrev,
      .filterNext {
         width: 40px;
         height: 40px;
         background: #83a17e;
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
         position: absolute;
         /* top: 50%; */
         transform: translateY(-50%);
         z-index: 10;
         cursor: pointer;
         color: #fff;
         margin: 35px -50px;
      }

      .filterPrev {
         left: 0;
      }

      .filterNext {
         right: 0;
      }

      .filterPrev:hover,
      .filterNext:hover {
         background: #83a17e;
      }

      /* Mobile Fix */
      @media (max-width: 600px) {
         .filter-slider-container {
            padding: 10px 35px;
         }

         .filterPrev {
            left: 20px !important;
         }

         .filterNext {
            right: 20px !important;
         }
      }


      .gallery {
         column-count: 3;
         column-gap: 10px;
      }

      .gallery-items {
         width: 100%;
         margin-bottom: 10px;
         display: inline-block;
         break-inside: avoid;
      }

      .gallery-items img {
         width: 100%;
         display: block;
      }

      @media (max-width: 768px) {
         .gallery {
            column-count: 2;
         }

         .filter-buttons button {
            padding: 8px 14px;
            font-size: 1rem;
         }
      }

      @media (max-width: 480px) {
         .gallery {
            column-count: 1;
         }
      }

      .pageHero.-type-2 {
         position: relative;
         display: flex;
         align-items: center;
         height: 70vh;
         z-index: 0;
      }