@charset "utf-8";
:root {
  --swiper-theme-color: #007aff;
}

.page-wrapper{padding:60px 0 80px}
.outerContainer + .outerContainer{margin-top:60px}
.sitewidget-hd .graphicNewTitle{margin:0 0 14px;font-size:clamp(2.2rem,6vw,3rem);font-weight:700;line-height:1.3;color:#1a1a1a;word-break:break-word}
.intro-subtitle{display:block;margin-bottom:6px;color:#2980b9;font-weight:700}
.intro-text{line-height:1.9;color:#333}
@media screen and (max-width:767px){
	.page-wrapper{padding:24px 0 48px}
	.intro-text{margin-bottom:22px}
}

.swiper-assembly {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  margin-top:30px;
}

.swiper-assembly .swiper-wrapper {
  width: 100%;
  height: 100% !important;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}

.swiper-assembly.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-assembly .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  position: relative !important;
  opacity: 1 !important;
  transition: none !important;
}

.swiper-assembly.swiper-autoheight,
.swiper-assembly.swiper-autoheight .swiper-slide {
  height: auto !important;
}

.swiper-assembly.swiper-autoheight .swiper-wrapper {
  align-items: flex-start !important;
  transition-property: transform, height !important;
}

.swiper-assembly .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-assembly .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}

.swiper-assembly .swiper-pagination-progressbar .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-assembly.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-assembly .swiper-pagination-progressbar.swiper-pagination-horizontal {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.sitewidget-touchgraphicslider .sitewidget-touchgraphicslider-pic img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
  cursor: pointer;
}

.sitewidget-touchgraphicslider .sitewidget-touchgraphicslider-title {
  margin-top: 15px;
}

.sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider,
.sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider,
.sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider {
  padding-bottom: 36px;
}

.sitewidget-touchgraphicslider-20240313161708 .swiper-assembly .swiper-pagination,
.sitewidget-touchgraphicslider-20240313162318 .swiper-assembly .swiper-pagination,
.sitewidget-touchgraphicslider-20240313163211 .swiper-assembly .swiper-pagination {
  top: auto;
  bottom: 11px;
  width: calc(100% - 90px);
  border-radius: 2.5px;
  height: 2px;
  background: #d4d4d4;
}

.sitewidget-touchgraphicslider-20240313161708 .swiper-assembly .swiper-pagination-progressbar-fill,
.sitewidget-touchgraphicslider-20240313162318 .swiper-assembly .swiper-pagination-progressbar-fill,
.sitewidget-touchgraphicslider-20240313163211 .swiper-assembly .swiper-pagination-progressbar-fill {
  border-radius: 2.5px;
  background: #148ad2;
}

.sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider-next,
.sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider-next,
.sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider-next {
  position: absolute;
  right: 3px;
  bottom: 0;
  cursor: pointer;
}

.sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider-next i,
.sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider-next i,
.sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider-next i {
	color:#148ad2; font-size:20px; font-weight:200;
}

.sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider-prev,
.sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider-prev,
.sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider-prev {
  right: 40px;
  position: absolute;
  bottom: 0;
  cursor: pointer;
}

.sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider-prev i,
.sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider-prev i,
.sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider-prev i {
	color:#148ad2; font-size:20px; font-weight:200;
}

.sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider-next svg g g,
.sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider-prev svg g g,
.sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider-next svg g g,
.sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider-prev svg g g,
.sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider-next svg g g,
.sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider-prev svg g g {
  fill: #148ad2;
}

@media screen and (max-width: 420px) {
  .sitewidget-touchgraphicslider-20240313161708 .swiper-pagination,
  .sitewidget-touchgraphicslider-20240313162318 .swiper-pagination,
  .sitewidget-touchgraphicslider-20240313163211 .swiper-pagination {
    display: none;
  }

  .sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider-next,
  .sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider-next,
  .sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider-next {
    left: 56%;
    transform: translateX(-50%);
    right: auto;
  }

  .sitewidget-touchgraphicslider-20240313161708 .swiper-touchgraphicslider-prev,
  .sitewidget-touchgraphicslider-20240313162318 .swiper-touchgraphicslider-prev,
  .sitewidget-touchgraphicslider-20240313163211 .swiper-touchgraphicslider-prev {
    left: 44%;
    transform: translateX(-50%);
    right: auto;
  }
}
