.swiper-slide {
  height: auto; }

.swiper-next, .swiper-prev {
  --wbtn: 4rem;
  width: var(--wbtn);
  height: var(--wbtn);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1;
  color: #96171A;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 0.1rem solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media screen and (max-width: 1300px) {
    .swiper-next, .swiper-prev {
      --wbtn: 4rem; } }
  @media screen and (max-width: 600px) {
    .swiper-next, .swiper-prev {
      border-color: #96171A; } }
  .swiper-next::before, .swiper-prev::before {
    position: absolute;
    content: "";
    inset: 0;
    z-index: -1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #96171A;
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
  .swiper-next img, .swiper-prev img {
    width: 60%;
    display: block; }
  .swiper-next:hover, .swiper-prev:hover {
    color: #ffffff; }
    .swiper-next:hover i, .swiper-prev:hover i {
      color: #ffffff; }
    .swiper-next:hover img, .swiper-prev:hover img {
      -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(3553%) hue-rotate(100deg) brightness(96%) contrast(92%);
      filter: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(3553%) hue-rotate(100deg) brightness(96%) contrast(92%); }
    .swiper-next:hover::before, .swiper-prev:hover::before {
      -webkit-transform: scale(1);
      transform: scale(1); }
  .swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled {
    pointer-events: none;
    opacity: 0; }
    .swiper-next.swiper-button-disabled::before, .swiper-prev.swiper-button-disabled::before {
      display: none; }
    .swiper-next.swiper-button-disabled img, .swiper-prev.swiper-button-disabled img {
      -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(3553%) hue-rotate(100deg) brightness(96%) contrast(92%);
      filter: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(3553%) hue-rotate(100deg) brightness(96%) contrast(92%); }
    .swiper-next.swiper-button-disabled i, .swiper-prev.swiper-button-disabled i {
      color: #303030; }
    .swiper-next.swiper-button-disabled::before, .swiper-prev.swiper-button-disabled::before {
      -webkit-transform: scale(1);
      transform: scale(1); }

.swiper-next {
  right: calc(-1 * var(--wbtn)); }
  @media screen and (max-width: 1300px) {
    .swiper-next {
      right: 0; } }

.swiper-prev {
  left: calc(-1 * var(--wbtn)); }
  @media screen and (max-width: 1300px) {
    .swiper-prev {
      left: 0; } }

.swiper-btn {
  --wbtn: 3.4rem;
  width: var(--wbtn);
  height: var(--wbtn);
  border-radius: 100%;
  border-color: #5A5A5A;
  background-color: #ffffff; }
  .swiper-btn:hover {
    border-color: #96171A; }
    .swiper-btn:hover i {
      color: #ffffff; }
  .swiper-btn::before {
    background-color: #96171A; }
  .swiper-btn i {
    color: #5A5A5A; }
  .swiper-btn.swiper-button-disabled {
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset; }
    .swiper-btn.swiper-button-disabled i {
      color: #5A5A5A; }

.swiper-pagination {
  bottom: -2rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.8rem;
  position: relative !important;
  margin: 0 auto !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .swiper-pagination-progressbar {
    position: absolute !important; }
  .swiper-pagination-bullet {
    --wbul: 1rem;
    width: var(--wbul);
    height: 1rem;
    border-radius: 100rem;
    background-color: rgba(111, 111, 111, 0.2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1 !important;
    position: relative;
    margin: 0 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden; }
    .swiper-pagination-bullet::before {
      position: absolute;
      content: "";
      height: 100%;
      background-color: #96171A;
      right: 0;
      top: 0;
      width: 0;
      -webkit-transition: all 0.45s ease;
      transition: all 0.45s ease; }
    .swiper-pagination-bullet-active::before {
      width: 100%;
      left: 0; }

.autoplay-progress {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
  z-index: 10;
  width: 3.2rem;
  height: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold; }
  .autoplay-progress::before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100%;
    pointer-events: none;
    z-index: -1; }

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #ffffff;
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.autoplay-progress {
  cursor: pointer; }
  .autoplay-progress i {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.2rem; }

.swiper-gr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.2rem;
  margin: 3rem auto 0; }
  @media screen and (min-width: 1201px) {
    .swiper-gr .swiper-pagination {
      position: relative; } }
  .swiper-gr .swiper-pagination {
    bottom: 0 !important; }

/*# sourceMappingURL=swiper.css.map */