/*****************************
*  SWIPPER
******************************/
.f__swiper {
  margin-bottom: 1.5rem;
}

.f__swiper .swiper-slide {
  height: initial !important;
}

.f__swiper .swiper-pagination {
  position: relative !important;
  margin-top: 10px;
  bottom: 0;
}

.f__swiper .swiper-pagination-bullet-active {
  background: var(--f-global-color-secondary);
}

.f_swiper-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px
}

.f__swiper-button-prev,
.f__swiper-button-next {
  width: 40px;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  color: var(--f-global-color-primary);
  border: 1px solid var(--f-global-color-primary);
  border-radius: var(--f-global-radius-md);
  cursor: pointer;
  outline: none;
}

.f__swiper-button-prev:not(.swiper-button-disabled):hover,
.f__swiper-button-next:not(.swiper-button-disabled):hover {
  background-color: var(--f-global-color-secondary);
}

.f__swiper-button-next.swiper-button-disabled,
.f__swiper-button-prev.swiper-button-disabled {
  color: var(--f-global-color-quaternary);
  border-color: var(--f-global-color-quaternary);
}


.f__swiper-button-prev svg,
.f__swiper-button-next svg {
  width: 18px;
}

@media (max-width: 767.98px) {
  .f_swiper-navigation {
    display: none;
  }
}