/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */

: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;
  overflow: clip;
  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;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles end */

@media (min-width: 1441px) {

.ctst--carousel {
    margin-left: auto;
    max-width: 640px
}
  }

.ctst--section .swiper-pagination {
    display: flex;
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
    justify-content: center;
    margin-top: 1.5rem;
  }

.ctst--section .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: rgba(255,255,255,0.5);
    transition: 0.1s ease-in all;
    cursor: pointer;
  }

.ctst--section .swiper-pagination-bullet-active {
    background: rgba(255,255,255,1);
  }

.scroll-shadow-target::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  aspect-ratio: 9/16;
  pointer-events: none;
  opacity: 0;
  transition: all 0.1s ease-in;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A//www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9' height='64' viewBox='0 0 9 64'%3E %3Cdefs%3E %3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E %3Cstop offset='0'/%3E %3Cstop offset='1' stop-color='rgba(0,0,0,0)'/%3E %3C/radialGradient%3E %3C/defs%3E %3Cellipse id='Shadow' cx='9.5' cy='32' rx='9.5' ry='32' fill='url(%23radial-gradient)'/%3E %3C/svg%3E ");
}

.scroll-shadow-active::after {
  opacity: 0.5;
}

@media (min-width: 800px) {

.pintro--config-wrap {
    padding-left: 40%
}
  }

@media (min-width: 1100px) {

.pintro--config-wrap {
    padding-left: 25.625rem
}
  }