.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: visible;
  position: relative;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 380px;
}

.flickity-enabled.is-draggable {
  tap-highlight-color: transparent;
  user-select: none;
  overflow: hidden;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 65px;
  height: 50px;
  border: 2px solid rgb(27, 27, 28);
  border-radius: 3em;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.3s ease, opacity 0.3s ease;
}

.flickity-prev-next-button .arrow {
  fill: rgb(27, 27, 28);
  transition: fill 0.3s ease;
}

/* Hover, Touch & Keyboard Focus Color Change */
.flickity-prev-next-button:hover,
.flickity-prev-next-button:active,
.flickity-prev-next-button:focus {
  border-color: #ffc800 !important;
}
.flickity-prev-next-button:hover .arrow,
.flickity-prev-next-button:active .arrow,
.flickity-prev-next-button:focus .arrow {
  fill: #ffc800 !important;
}

.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}


.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: default;
  background: transparent;
}
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

.gallery-cell {
  text-align: center;
  color: rgb(27, 27, 28);
  padding: 20px 30px 0;
  width: 100%;
  height: 380px;
  background-color: rgba(237, 5, 20, 1);
}

@media only screen and (max-width: 780px) {
  .flickity-prev-next-button {
    top: 10%;
    transform: translateY(-15%);
  }
}