#pk_flex_content .flex_layout.gallery {
  max-width: 100%;
  padding: clamp(
      40px,
      40px + (80 - 40) * ((100vw - 320px) / (1215 - 320)),
      80px
    )
    0;
  padding-top: clamp(
    20px,
    20px + (40 - 20) * ((100vw - 320px) / (1215 - 320)),
    40px
  );
}

.pk-gallery .pk-swiper {
  overflow: visible;
  cursor: none;
}

@media screen and (max-width: 767px) {
  .pk-gallery .pk-swiper {
    cursor: unset;
  }
}

.flex_layout.gallery .pk-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

/* Swiper Nav */
.pk-gallery .pk-swiper__nav {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

#pk_flex_content .pk-gallery .pk-swiper-btn {
  position: relative;
  left: 0;
  right: 0;
  width: 32px;
  height: 32px;
  margin-top: 0;
  border-radius: 999px;
}

#pk_flex_content .pk-gallery .pk-swiper-btn::after {
  font-family: 'Material Symbols Outlined';
  font-weight: 100;
  font-size: 16px;
  color: var(--white);
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
}

#pk_flex_content .pk-gallery .swiper-button-next::after {
  content: '\e5c4';
}
#pk_flex_content .pk-gallery .swiper-button-prev::after {
  content: '\e5c8';
}
/* End Swiper Nav */

.pk-gallery .pk-item .pk-item__image {
  aspect-ratio: 445/407;
  border-radius: 8px;
  overflow: hidden;
}

.pk-gallery .pk-item .pk-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pk-gallery .pk-swiper:hover .dragger {
  opacity: 1;
}

.pk-gallery .dragger {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  padding: 12px 20px;
  border-radius: 10px;
  background-color: var(--midnight);
  transition: opacity 300ms ease-in-out;
  z-index: 1;
}

.pk-gallery .dragger {
  display: flex;
  align-items: center;
  gap: 10px;
}

.flex_layout.gallery .swiper-pagination {
  display: none;
}

@media screen and (max-width: 767px) {
  .pk-gallery .pk-swiper__nav {
    display: none;
  }

  .pk-gallery .swiper-pagination {
    display: block;
    position: relative;
    margin-top: 32px;
  }

  .pk-gallery
    .swiper-pagination-progressbar
    .swiper-pagination-progressbar-fill {
    background: var(--midnight);
  }
  .pk-gallery .swiper-pagination.swiper-pagination-progressbar {
    height: 2px;
    background: rgba(219, 222, 227, 1);
  }
}