/* Preserve the existing phone mockup and testimonial layout. */
.flexslider1, .flexslider2 { position: relative; }
.sup-slider-viewport { width: 100%; overflow: hidden; }
.slides { padding: 0; margin: 0; list-style: none; }
.slides > li { text-align: center; box-sizing: border-box; }
.slides img { display: block; width: 100%; }
.sup-slider-viewport:not(.swiper-initialized) .slides > li:not(:first-child) { display: none; }
.sup-slider-viewport:not(.swiper-initialized) .slides > li { width: 100%; }
.flexslider1 .sup-slider-viewport { height: 100%; }
.flexslider2 .swiper-slide { height: auto; }
.flexslider1 > .swiper-pagination, .flexslider2 > .swiper-pagination {
  position: absolute; left: 0; width: 100%; bottom: -40px; line-height: 16px;
}
.flexslider1 > .swiper-pagination { bottom: -60px; }
.swiper-pagination .swiper-pagination-bullet {
  width: 11px; height: 11px; padding: 0; margin: 0 6px; border: 0;
  border-radius: 50%; background: #485762; opacity: 1; cursor: pointer;
}
.swiper-pagination .swiper-pagination-bullet:hover { background: #5a6c79; }
.flexslider1 .swiper-pagination-bullet-active { background: #0ca2d9; }
.flexslider2 .swiper-pagination-bullet-active { background: #f3f8fc; }
.slider-toggle {
  display: block; position: absolute; bottom: -65px; left: 50%; transform: translateX(-50%);
  background: transparent; color: #bbc7d1; border: 0; padding: 3px 8px; font-size: 11px; cursor: pointer;
}
.flexslider1 .slider-toggle { bottom: -85px; }
.slider-toggle:focus-visible, .swiper-pagination-bullet:focus-visible { outline: 2px solid #0ca2d9; outline-offset: 3px; }