/* Bulma Utilities */
.agn-carousel-container {
  position: relative;
  width: 100%;
  padding: 0 10px;
}
.agn-carousel-container__scroller {
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}
.agn-carousel-container__scroller .carousel_item {
  scroll-snap-align: center;
  margin: 10px;
  position: relative;
}
.agn-carousel-container__scroller::-webkit-scrollbar {
  display: none;
}
.agn-carousel-container__navigation-list {
  display: flex;
  justify-content: center;
}
.agn-carousel-container__navigation-item {
  list-style: circle;
  display: flex;
  justify-content: center;
  height: 10px;
  align-items: center;
  width: 10px;
  border: 1px solid black;
  border-radius: 50%;
  margin: 10px;
}
.agn-carousel-container .carousel_item {
  min-width: 100%;
}
.agn-carousel-container .carousel_item p {
  min-width: 100%;
  text-align: center;
  border: 1px solid black;
}
@media screen and (min-width: 768px), print {
  .agn-carousel-container .carousel_item {
    min-width: 32%;
  }
}
.agn-carousel-container .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 30px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 1;
}
.agn-carousel-container .btn.next {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill="%23FFF" fill-rule="evenodd"/></svg>');
  right: 10px;
}
.agn-carousel-container .btn.prev {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill="%23FFF" fill-rule="evenodd"/></svg>');
  left: 10px;
}

.desktop-screen {
  display: none;
}
@media screen and (min-width: 768px), print {
  .desktop-screen {
    display: block;
  }
}

.mobile-screen {
  display: block;
}
@media screen and (min-width: 768px), print {
  .mobile-screen {
    display: none;
  }
}