/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/blocks/hero-slider/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
@mixin fsz($size) {
    $fontOutput: calculateRem($size);
    font-size: $fontOutput + rem;
}
*/
/* Block wrapper */
.hero {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background-color: #1a1a1a;
}

/* Slider container – single or multiple slides */
.hero__swiper {
  width: 100%;
  overflow: hidden;
}
.hero__swiper .swiper-wrapper {
  height: 100%;
  align-items: stretch;
}
.hero__swiper .swiper-slide {
  flex-shrink: 0;
  height: auto;
}

/* Each slide */
.hero__slide {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  background-color: #1a1a1a;
}

/* Background layer (image or video sits here) */
.hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hero__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 2;
}
.hero__bg img,
.hero__bg video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero__bg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 177.78vh;
  min-height: 100vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.hero__video-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero__video {
  position: absolute;
  inset: 0;
  overflow: hidden;
  transition: opacity 0.4s ease;
}

.hero__img {
  position: absolute;
  inset: 0;
  margin: 0;
}
.hero__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Content */
.hero__content {
  position: relative;
  z-index: 3;
}

.hero__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 378px 0 158px 0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .hero__inner {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 960px) {
  .hero__inner {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 768px) {
  .hero__inner {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}

@keyframes hero-line-draw-left-to-right {
  0%, 100% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
}
.hero__subtitle {
  font-size: var(--fs-14, 14px);
  font-family: var(--ff-primary);
  margin: 0 auto 8px;
  line-height: 1.57;
  padding: 0 10px 0 26px;
  position: relative;
}
.hero__subtitle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2719%27 height=%2719%27 viewBox=%270 0 19 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M18.125 9.18512C18.1219 4.64551 14.8369 0.778074 10.3812 0.068376C9.52281 -0.0683149 7.94424 0.00706537 6.97557 0.230975C5.24715 0.63055 3.11998 1.98763 2.02618 3.38838C-2.17313 8.76645 0.473532 16.6062 7.03071 18.2123C10.6714 19.1041 14.6342 17.4778 16.6867 14.2494C17.651 12.7327 18.1263 11.0593 18.125 9.18512ZM11.3766 3.78684C11.5375 2.76333 10.7749 1.55601 9.76526 1.23594C9.15723 1.04319 9.1001 1.04118 8.50833 1.19272C8.22162 1.2661 7.81769 1.4995 7.52647 1.76015C5.9345 3.18468 6.93097 5.81341 9.06297 5.81341C10.245 5.81341 11.1877 4.98757 11.3766 3.78684ZM16.0602 5.35834C15.7683 4.7812 15.2831 4.32467 14.7602 4.13515C12.7274 3.39843 10.9109 5.56337 11.9491 7.48553C12.7773 9.01873 14.8683 9.12392 15.8639 7.68242C16.3047 7.04397 16.3919 6.01387 16.0602 5.35834ZM6.11839 7.644C6.90965 6.42841 6.32579 4.62161 4.98472 4.1356C3.34891 3.54282 1.74507 4.81269 1.88975 6.58632C2.06771 8.76712 4.92254 9.48106 6.11839 7.644ZM9.06143 7.37765C9.40088 7.37765 9.53413 7.15408 9.40242 6.80532C9.36188 6.69777 9.22929 6.64964 9.03617 6.6722C8.78076 6.70202 8.73342 6.75997 8.73342 7.04263C8.73342 7.34013 8.77022 7.37765 9.06143 7.37765ZM9.18875 7.19674C9.3041 7.09936 9.31025 7.03202 9.21457 6.91476C9.11878 6.7975 9.05254 6.79124 8.93719 6.88851C8.82185 6.98589 8.8157 7.05324 8.91138 7.1705C9.00717 7.28775 9.07341 7.29401 9.18875 7.19674ZM11.1107 8.48938C11.3714 8.40529 11.3814 7.92911 11.1256 7.78348C10.8583 7.63149 10.546 7.8296 10.546 8.15134C10.546 8.44192 10.7952 8.59123 11.1107 8.48938ZM7.40025 8.51574C7.63786 8.42305 7.63116 7.9204 7.39058 7.78348C7.26832 7.71402 7.12958 7.71469 6.9994 7.78549C6.60218 8.0017 6.97534 8.68147 7.40025 8.51574ZM10.7758 8.27742C10.9582 8.392 11.2064 8.237 11.1365 8.05195C11.1009 7.95747 11.0081 7.88019 10.9305 7.88019C10.7496 7.88019 10.6305 8.18607 10.7758 8.27742ZM7.09486 8.29015C7.29996 8.37011 7.5245 8.17167 7.42112 8.00159C7.31336 7.82424 7.06432 7.85328 6.98941 8.05195C6.95184 8.15145 6.99622 8.25163 7.09486 8.29015ZM9.48755 9.77053C9.96222 9.39105 9.82765 8.74199 9.22775 8.51775C8.96641 8.42015 8.94356 8.42595 8.63839 8.67007C8.44648 8.82352 8.34894 9.0089 8.34894 9.2203C8.34894 9.53969 8.77121 10.002 9.06297 10.002C9.13734 10.002 9.32838 9.89784 9.48755 9.77053ZM9.51249 9.49949C9.67913 9.24085 9.67913 9.19975 9.51249 8.94111C9.19381 8.44661 8.56864 8.63155 8.56864 9.2203C8.56864 9.80905 9.19381 9.99399 9.51249 9.49949ZM5.5131 10.1772C5.26165 9.99723 4.84531 9.81966 4.58782 9.78259C3.11602 9.57119 1.86393 10.6193 1.87008 12.0576C1.87876 14.1088 4.18433 15.2107 5.67777 13.8776C6.81024 12.8668 6.72928 11.0481 5.5131 10.1772ZM11.1256 10.6571C11.3443 10.5326 11.3807 10.0476 11.1776 9.96428C10.825 9.81966 10.546 9.96328 10.546 10.2893C10.546 10.611 10.8583 10.8091 11.1256 10.6571ZM7.38487 10.6587C7.57525 10.555 7.6528 10.1134 7.5067 9.96484C7.39014 9.84624 7.08641 9.8784 6.94283 10.0244C6.61481 10.3578 6.97864 10.8797 7.38487 10.6587ZM10.9305 10.5604C11.0871 10.5604 11.2274 10.2854 11.1242 10.1805C11.0882 10.1437 11.001 10.1137 10.9305 10.1137C10.8599 10.1137 10.7727 10.1437 10.7367 10.1805C10.6335 10.2854 10.7738 10.5604 10.9305 10.5604ZM7.20076 10.5604C7.38476 10.5604 7.50483 10.3728 7.41519 10.2254C7.34016 10.102 7.10409 10.0763 7.00171 10.1805C6.8968 10.287 7.04005 10.5604 7.20076 10.5604ZM9.06143 11.733C9.40088 11.733 9.53413 11.5094 9.40242 11.1607C9.36188 11.0531 9.22929 11.005 9.03617 11.0275C8.78076 11.0574 8.73342 11.1153 8.73342 11.398C8.73342 11.6955 8.77022 11.733 9.06143 11.733ZM9.18875 11.5521C9.3041 11.4547 9.31025 11.3874 9.21457 11.2701C9.11878 11.1528 9.05254 11.1466 8.93719 11.2439C8.82185 11.3412 8.8157 11.4086 8.91138 11.5258C9.00717 11.6431 9.07341 11.6494 9.18875 11.5521ZM11.2634 15.6975C11.6961 14.4733 10.9807 13.0963 9.69308 12.6755C9.21347 12.5188 8.36893 12.6491 7.84625 12.9605C6.09785 14.0021 6.56186 16.7716 8.56688 17.2605C9.67452 17.5306 10.858 16.8447 11.2634 15.6975ZM15.7307 10.9041C15.5391 10.6037 15.2448 10.3449 14.8916 10.166C14.7768 10.1078 14.6659 10.0594 14.5579 10.0206C14.0587 9.84171 13.6201 9.87027 13.1275 10.1021C12.2814 10.5003 11.8438 11.1991 11.8487 12.1435C11.8516 12.6862 12.045 13.1713 12.3715 13.5368C12.7148 13.9212 13.2052 14.1734 13.7758 14.2215C14.3496 14.2699 15.2535 14.2215 15.8038 13.4001C16.3541 12.5787 16.0258 11.3668 16.0258 11.3668L15.7307 10.9041Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
}
.hero__subtitle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 17.5px;
  right: 0;
  height: 1px;
  background: rgba(var(--neutral-000, 255 255 255), 1);
  transform-origin: left center;
  animation: hero-line-draw-left-to-right 2s ease-in-out 0s infinite;
}

.hero__title {
  font-size: 56px;
  line-height: 1.2;
  font-weight: 600;
  font-family: var(--ff-secondary);
  margin: 0 0 48px;
  max-width: 770px;
}
@media screen and (max-width: 1024px) {
  .hero__title {
    font-size: 48px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .hero__title {
    font-size: 42px;
    margin-bottom: 24px;
  }
}

.hero__cta {
  margin-top: 0;
}

/* Navigation */
.hero__nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .hero__nav {
    display: none;
  }
}

.hero__nav-inner.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  pointer-events: none;
  max-width: 1440px;
}

.hero__arrow {
  pointer-events: auto;
  position: static !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--ts2, 0.2s ease);
}
.hero__arrow::after {
  display: none;
}
.hero__arrow .icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
  display: block;
  transition: all 0.2s ease;
}
.hero__arrow:hover {
  background: transparent;
}
.hero__arrow:hover .icon {
  color: rgba(var(--brand-100), 1);
}
.hero__arrow.swiper-button-disabled {
  opacity: 0 !important;
  cursor: default;
}

.hero__arrow--prev {
  transform: rotate(180deg);
}

.hero__swiper {
  --progress: -50%;
}

.hero__pagination.swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap05);
  position: absolute;
  bottom: 42px !important;
  z-index: 9;
  left: 0;
  right: 0;
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  height: 8px;
  width: 8px;
  background: rgba(141, 140, 133, 0.67);
  border-radius: 10px;
  transition: width 300ms ease;
  will-change: width;
  overflow: hidden;
  position: relative;
  z-index: 1;
  opacity: 1;
  margin: 0 !important;
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  left: 50%;
  background-color: transparent;
  opacity: 1;
  border-radius: 10px;
  transform: translateX(-50%);
  top: 0;
  transition: inherit;
  will-change: inherit;
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  border-radius: inherit;
  background-color: rgb(var(--neutral-000));
  transform: translateX(-100%);
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 35px;
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active::after {
  width: 35px;
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active::before {
  transform: translateX(var(--progress));
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/swiper/swiper.css ***!
  \************************************************************************************************************************************************************************************/
/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/swiper/modules/navigation.css ***!
  \************************************************************************************************************************************************************************************************/
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/swiper/modules/pagination.css ***!
  \************************************************************************************************************************************************************************************************/
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}


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