.flipster { max-width: 450px; margin: 0 auto; }
.flipster--loop .flipster__item {
  position: absolute;
}
.flipster--loop .flipster__item--past-2 {
  transform: translateX(-100%);
}
.flipster--loop .flipster__item--future-2 {
  transform: translateX(100%);
}
.flipster--loop .flipster__item--past-1 {
  transform: translateX(-50%);
}
.flipster--loop .flipster__item--future-1 {
  transform: translateX(50%);
}
.flipster--infinite-carousel .flipster__container, .flipster--infinite-carousel .flipster__item {
  transition: all 350ms ease-in-out;
  transition-timing-function: cubic-bezier(.56,.12,.12,.98); list-style: none; margin: 0 auto;
  position: relative;
  padding: 0;
}
.flipster--infinite-carousel .flipster__item__content {
  transition: inherit;
}
.flipster--infinite-carousel .flipster__item {
  position: absolute;
  opacity: 0;
  perspective: 800px;
}
.flipster--infinite-carousel .flipster__item--past-2, .flipster--infinite-carousel .flipster__item--future-2 {
  transition-delay: 90ms;  opacity: 0.8;
}
.flipster--infinite-carousel .flipster__item--past-1, .flipster--infinite-carousel .flipster__item--future-1 {
  opacity: 1;
  transition-delay: 60ms;
}
.flipster--infinite-carousel .flipster__item--current {
  opacity: 1;
  transition-delay: 0;
}
.flipster--infinite-carousel .flipster__item--past .flipster__item__content, .flipster--infinite-carousel .flipster__item--future .flipster__item__content {
  transform: scale(0.2);
}
.flipster--infinite-carousel .flipster__item--past-2 .flipster__item__content {
  transform: translateX(-75%) scale(0.5);
  cursor: pointer;
}
.flipster--infinite-carousel .flipster__item--future-2 .flipster__item__content {
  transform: translateX(75%) scale(0.5);
  cursor: pointer;
}
.flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
  transform: translateX(-50%) scale(0.65);
  cursor: pointer;
}
.flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
  transform: translateX(50%) scale(0.65);
  cursor: pointer;
}
.flipster--infinite-carousel .flipster__item--current .flipster__item__content {
  transform: translateX(0) rotateY(0deg) scale(0.8);
  
}
.flipster--infinite-carousel .flipster__item--past .flipster__item__content img, .flipster--infinite-carousel .flipster__item--future .flipster__item__content img, .flipster--infinite-carousel .flipster__item--past-2 .flipster__item__content img, .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content img, .flipster--infinite-carousel .flipster__item--current .flipster__item__content img { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; border-radius: 12px; }
.flipster__button {position: absolute !important;  appearance: none; background: white; border: none; padding: 0;  z-index: 999; cursor: pointer; font-size: 3px; opacity: 1;transition: opacity 500ms ease;  color: var(--white); border-radius: 100%; border: var(--white) 1px solid; line-height: 20px; top: 50%; transform: translate(-50% , -50%); }
.flipster__button--prev svg, .flipster__button--next svg{display: none;}
.flipster__button--prev{  position: relative; left: 116px; width: 40px; height: 40px;}
.flipster__button--next{  position: relative; right: 76px;width: 40px; height: 40px;}
.flipster__button--prev:before { content:'\F284'; font-family:'bootstrap-icons'; position: absolute; left:50%; top: 50%; font-size: 19px; color: #000000; transform: translate(-50%, -50%);  }
.flipster__button--next:before { content:'\F285'; font-family:'bootstrap-icons';position: absolute; left:50%; top: 50%; font-size: 19px; color: #000000; transform: translate(-50%, -50%);  }



.gallery_catg h3{margin-top: 100px;}
.gallery_catg .flipster{margin-top: -37px;}

.slider_gallery{position: relative; overflow-x: hidden !important;}

@media(max-width:1399px){
  .flipster__button--prev{  left: 21px; }
  .flipster__button--next{  right: -18px;}
}

@media(max-width:575px){
  .flipster__button {position: relative !important;left: 50%;transform: translateX(-135%);bottom: 22px; margin: 0 5px;}
  .flipster__button::before{font-size: 16px;}
  .gallery_catg h3 {margin-top: 44px;}
  .flipster__button{  width: 33px; height: 33px; }
}
@media(max-width:450px){
  .gallery_catg .flipster {margin-top: -28px;}
}