.paragraph--content-horizontal {
  overflow: hidden;
}
.paragraph--content-horizontal .paragraph-content {
  padding: var(--spacing--7) 0 clamp(var(--spacing--4), 6vw, var(--spacing--7));
}
.paragraph--content-horizontal > .container > .content, .paragraph--content-horizontal > .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing--2);
}
.paragraph--content-horizontal .swiper-wrapper .swiper-slide {
  height: auto;
}
.paragraph--content-horizontal .swiper-pagination {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--spacing--5);
  top: 0;
  left: 50%;
  bottom: 0;
  gap: 1rem;
  transform: translateX(-50%);
  width: initial;
  border: 1px solid var(--stroke--light);
  padding: var(--spacing--1);
  border-radius: var(--radius--4);
  background-color: var(--c--white);
}
@media (max-width: 991px) {
  .paragraph--content-horizontal .swiper-pagination {
    justify-content: space-between;
    gap: 0;
  }
}
.paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet {
  width: initial;
  height: initial;
  opacity: 1;
  font-size: var(--typography--font-size--md);
  padding: var(--spacing--1) var(--spacing--2);
  border-radius: var(--radius--4);
  color: var(--c--black);
  background-color: transparent;
  border: initial;
  transition: background-color 0.3s ease-in-out;
  --pagination-hover-color: var(--c--primary);
}
.paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: auto;
  height: auto;
  padding: var(--spacing--1) var(--spacing--2);
  border-radius: var(--radius--4);
  border-color: var(--c--primary);
  background-color: var(--c--primary);
  color: var(--c--white);
  font-weight: 700;
  margin-inline: 0;
}
.paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  transition: 0.3s ease all;
}
.paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
  font-weight: 700;
  color: var(--pagination-hover-color);
}
@media (max-width: 991px) {
  .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet {
    transition: background-color 0s ease-in-out !important;
  }
  .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    color: transparent !important;
    font-size: 0 !important;
  }
  .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    font-size: var(--typography--font-size--sm);
  }
  .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    width: 3.6rem;
    height: 3.6rem;
    position: relative;
  }
  .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):before {
    content: "";
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background-color: var(--icon--primary);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):first-child {
    margin-left: 1rem;
  }
  .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):last-child {
    margin-right: 1rem;
  }
}

.paragraph--content-horizontal.bg--white .swiper-pagination {
  background-color: var(--background--background-light);
}

.paragraph--content-horizontal.bg--primary a.btn {
  --btn-color: var(--c--primary);
  --btn-bg: var(--c--white);
}
/*# sourceMappingURL=paragraph--content-horizontal.css.map */