/* a11y */
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

/* effect-fade */
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto;
}

/* free-mode */
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

/* grid */
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

/* navigation */
:root {
    --swiper-navigation-size: 44px;
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 8px;
    --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-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
  
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev.swiper-button-disabled > *,
.swiper-button-next.swiper-button-disabled > * {
    display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    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-button-prev .swiper-navigation-icon {
    transform: rotate(180deg);
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next, 
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
}

.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
}

.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,
.swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon {
      transform: rotate(180deg);
}

:root {
	--swiper-theme-color: #FFF;
	/*
	--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-vertical {
	  > .swiper-wrapper {
		scroll-snap-type: y mandatory;
	  }
	}
	&.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 */