/* service page gallery (2026-10-26, owner): the article gallery (.new-article-page .gallery in common.css) under its own classes, so it never meets the stages slider of service.js */
.svc-gallery{margin:0 auto 64px}
.svc-gallery h2{margin-bottom:28px}
@media screen and (min-width:1200px){.svc-gallery{margin-bottom:96px}}
.svc-gallery .swiper-lazy{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-width:none;width:100%;height:100%}
.svc-gallery .swiper-container{margin:0 -20px 21px}
@media screen and (min-width:768px){.svc-gallery .swiper-container{margin:0 0 24px!important}}
.svc-gallery .swiper-slide{height:50vw;width:100%!important}
@media screen and (min-width:768px){.svc-gallery .swiper-slide{height:40vw}}
@media screen and (min-width:1200px){.svc-gallery .swiper-slide{height:45vw}}
.svc-gallery .swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.svc-gallery .sg-control{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.svc-gallery .sg-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0}
.svc-gallery .sg-pagination .bullet{width:18px;height:18px;margin-right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;border:1px solid transparent;position:relative;cursor:pointer;-webkit-transition:border .5s ease;-o-transition:border .5s ease;transition:border .5s ease}
.svc-gallery .sg-pagination .bullet:before{content:"";width:4px;height:4px;border-radius:50%;background:#fff;-webkit-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease}
.light .svc-gallery .sg-pagination .bullet:before{background:#424242}
.svc-gallery .sg-pagination .bullet.active{border-color:#fff}
.light .svc-gallery .sg-pagination .bullet.active{border-color:#424242}
.svc-gallery .sg-arrow,.svc-gallery .sg-navigation{display:-webkit-box;display:-ms-flexbox;display:flex}
.svc-gallery .sg-arrow{width:20px;height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.svc-gallery .sg-arrow svg{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
@media screen and (min-width:1920px){.svc-gallery .sg-arrow svg{width:25px;height:15px}}
.svc-gallery .sg-arrow:hover svg{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}
.svc-gallery .sg-arrow path{fill:#fff;-webkit-transition:fill .5s ease;-o-transition:fill .5s ease;transition:fill .5s ease}
.light .svc-gallery .sg-arrow path{fill:#424242}
.svc-gallery .sg-arrow.disabled{opacity:.6}
.svc-gallery .sg-arrow.disabled:hover svg{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.svc-gallery .sg-next{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);margin-left:30px}
.svc-gallery .swiper-lazy.is-v{-o-object-fit:contain;object-fit:contain}   /* a vertical picture is shown whole on the page background, not cut to the wide frame */
@media screen and (max-width:767px){.svc-gallery .sg-pagination{-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}.svc-gallery .sg-pagination .bullet{width:14px;height:14px;margin-right:6px}}   /* up to 16 pictures: the dots wrap on phones instead of widening the page */