.service-vertically-scroll-component{position:relative;overflow:hidden;padding:50px 0}
.service-vertically-scroll-component *{-webkit-box-sizing:border-box;box-sizing:border-box}
.service-vertically-scroll-component .service-vertically-scroll-box{width:100%;padding:0 80px;max-width:none;height:100%;position:relative}
.service-vertically-scroll-component .service-vertically-scroll-title{width:100%;font-size:48px;line-height:1.333333;color:#000;text-align:center;margin-bottom:56px;font-weight:800;max-width:1760px;margin-left:auto;margin-right:auto}
.service-vertically-scroll-component .swiper-container{height:100%;width:100%;max-width:1760px;margin:0 auto;position:relative;background:#fff;border-radius:8px}
.service-vertically-scroll-component .swiper-container .service-swiper-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.service-vertically-scroll-component .swiper-container .service-swiper-img{width:50%;height:580px;overflow:hidden}
.service-vertically-scroll-component .swiper-container .service-swiper-img img{width:100%;height:100%;object-fit:cover;-webkit-transform:scale(1.3);transform:scale(1.3);opacity:.3}
.service-vertically-scroll-component .swiper-container .swiper-slide-active .service-swiper-img img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;opacity:1}
.service-vertically-scroll-component .swiper-container .service-swiper-info{width:484px;margin-right:300px;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}
.service-vertically-scroll-component .swiper-container .service-swiper-info p{font-size:40px;color:#000;line-height:1.5;font-weight:bold}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info p{direction:ltr;text-align:right}
.service-vertically-scroll-component .swiper-container .service-swiper-info span{font-size:20px;color:#000;line-height:1.6;display:inline-block;margin-top:16px}
.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group{margin-top:48px}
.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group .btn{border-radius:8px;cursor:pointer;color:#000;display:inline-flex;align-items:center;font-size:14px;line-height:18px;font-weight:800;padding:0;margin-right:16px;border:0;background-color:transparent}
.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group svg{margin-left:9px;transform:translateX(0);transition:transform .6s ease}
.service-vertically-scroll-component .service-vertically-scroll-box .swiper-container .swiper-pagination{position:absolute;width:auto;bottom:auto;top:50%;left:auto;right:80px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.service-vertically-scroll-component .service-vertically-scroll-box .swiper-pagination h1{display:none}
.service-vertically-scroll-component .swiper-container .swiper-pagination .swiper-pagination-bullet{margin:8px 0 !important;background-color:#c4c4c4;width:4px;height:60px;border-radius:10px;display:block;opacity:1;position:relative}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text{position:absolute;right:20px;color:#000;top:50%;transform:translateY(-50%);opacity:.5;font-size:18px;line-height:1.33333;width:160px;text-align:right}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{content:'';width:176px;height:60px;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;z-index:0}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-line{content:'';width:4px;height:0;position:absolute;top:0;left:0;background-color:#000;border-radius:10px;z-index:20}
.service-vertically-scroll-component .swiper-container .swiper-pagination .swiper-pagination-bullet-active .pagination-progress-text{opacity:1}
.service-vertically-scroll-component .service-vertically-scroll-more{text-align:center}
.service-vertically-scroll-component .service-vertically-scroll-more a{border:2px solid rgba(0,0,0,0.2);border-radius:8px;cursor:pointer;margin:32px auto 0;padding:13px 16px;color:#000;display:inline-flex;align-items:center;font-size:14px;line-height:18px;font-weight:800;background-color:transparent;transition:.6s ease-in}
.service-vertically-scroll-component .service-vertically-scroll-more svg{margin-left:8px;transform:translateX(0);transition:transform .6s ease}
@media only screen and (min-width:1200px){.service-vertically-scroll-component .service-vertically-scroll-more a:hover{border:2px solid #000}
.service-vertically-scroll-component .service-vertically-scroll-more a:hover svg,.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group .btn:hover svg{-webkit-transform:translateX(3px);transform:translateX(3px)}
html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-more a:hover svg,html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group .btn:hover svg{-webkit-transform:rotate(180deg) translateX(3px);transform:rotate(180deg) translateX(3px)}
}
.service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-container{flex-direction:row-reverse}
.service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-info{margin-right:0;margin-left:300px}
.service-vertically-scroll-component .img-left-layout.service-vertically-scroll-box .swiper-container .swiper-pagination{right:auto;left:80px}
.service-vertically-scroll-component .img-left-layout .swiper-container .swiper-pagination .pagination-progress-text{right:auto;left:20px;text-align:left}
@media screen and (min-width:1080.02px) and (max-width:1920px){.service-vertically-scroll-component .service-vertically-scroll-box{padding:0 4.583vw}
}
@media screen and (min-width:1919px) and (max-width:1920px){.service-vertically-scroll-component .service-vertically-scroll-box{padding:0 80px}
}
@media screen and (min-width:1080px) and (max-width:1919.98px){.service-vertically-scroll-component .swiper-container{max-width:calc(89.05vw + 50px)}
.service-vertically-scroll-component .swiper-container .service-swiper-img{height:calc(29.17vw + 20px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info{width:calc(24.29vw + 18px);margin-right:calc(14.76vw + 17px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info p{font-size:calc(1.9vw + 3px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info span{font-size:calc(0.48vw + 11px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group{margin-top:calc(1.9vw + 11px)}
.service-vertically-scroll-component .swiper-container .swiper-pagination .swiper-pagination-bullet{margin:calc(0.48vw + -1px) 0 !important;height:calc(3.33vw + -4px)}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text{right:calc(1.19vw + -3px);font-size:calc(0.71vw + 4px);width:calc(9.52vw + -23px)}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{width:calc(10.71vw - 30px);height:calc(3.33vw + -4px)}
.service-vertically-scroll-component .service-vertically-scroll-box .swiper-container .swiper-pagination{right:calc(5.24vw + -21px)}
.service-vertically-scroll-component .service-vertically-scroll-title{margin-bottom:calc(1.9vw + 19px);font-size:2.5vw}
.service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-container{flex-direction:row-reverse}
.service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-info{margin-right:0;margin-left:calc(14.76vw + 17px)}
.service-vertically-scroll-component .img-left-layout.service-vertically-scroll-box .swiper-container .swiper-pagination{right:auto;left:calc(5.24vw + -21px)}
.service-vertically-scroll-component .img-left-layout .swiper-container .swiper-pagination .pagination-progress-text{right:auto;left:calc(1.19vw + -3px)}
}
@media screen and (max-width:1600px){.service-vertically-scroll-component .swiper-container .swiper-pagination .swiper-pagination-bullet,.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-line{width:3px}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{width:calc(10.71vw - 29px)}
}
@media screen and (max-width:1200px){.service-vertically-scroll-component .swiper-container .swiper-pagination .swiper-pagination-bullet,.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-line{width:2px}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{width:calc(10.71vw - 28px)}
.service-vertically-scroll-component .service-vertically-scroll-more a{padding:9px 14px;border:2px solid #000}
}
@media screen and (min-width:768px) and (max-width:1080px){.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{--offsetHotArea:7.31481481481481vw;width:calc(11px + var(--offsetHotArea));left:calc(-7px - 7.05vw + var(--offsetHotArea));height:calc(2.88vw + 1px)}
.service-vertically-scroll-component .service-vertically-scroll-box{padding:0 2.9629vw}
}
@media screen and (min-width:768px) and (max-width:1079px){.service-vertically-scroll-component{padding:30px 0}
.service-vertically-scroll-component .swiper-container{max-width:calc(88.46vw + 57px)}
.service-vertically-scroll-component .swiper-container .service-swiper-img{height:calc(29.17vw + 20px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info{width:calc(24.36vw + 17px);margin-right:calc(15.38vw + 10px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info p{font-size:calc(2.24vw + 0px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info span{font-size:12px}
.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group{margin-top:calc(3.85vw + -6px)}
.service-vertically-scroll-component .swiper-container .swiper-pagination .swiper-pagination-bullet{margin:3px 0 !important;height:calc(2.88vw + 1px)}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text{right:7px;font-size:9px;width:calc(7.05vw + 4px)}
.service-vertically-scroll-component .service-vertically-scroll-box .swiper-container .swiper-pagination{right:calc(2.88vw + 5px)}
.service-vertically-scroll-component .service-vertically-scroll-title{font-size:32px;margin-bottom:calc(5.13vw + -15px)}
.service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-container{flex-direction:row-reverse}
.service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-info{margin-right:0;margin-left:calc(15.38vw + 10px)}
.service-vertically-scroll-component .img-left-layout.service-vertically-scroll-box .swiper-container .swiper-pagination{right:auto;left:calc(2.88vw + 5px)}
.service-vertically-scroll-component .img-left-layout .swiper-container .swiper-pagination .pagination-progress-text{right:auto;left:7px}
}
@media only screen and (max-width:991.98px){.service-vertically-scroll-component .swiper-container{border-radius:5.8px}
.service-vertically-scroll-component .service-vertically-scroll-more a{font-size:10.18px;line-height:14px;padding:9.5px 15px;border:1.45px solid #000;border-radius:5.82px;margin-top:23px}
.service-vertically-scroll-component .service-vertically-scroll-more svg{width:8px;height:8px}
}
@media screen and (max-width:767px){.service-vertically-scroll-component{padding:20px 0}
.service-vertically-scroll-component .swiper-container{border-radius:4px}
.service-vertically-scroll-component .service-vertically-scroll-box{padding:0 1.825vw}
.service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-container,.service-vertically-scroll-component .swiper-container .service-swiper-container{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .7s;transition:all .7s}
.service-vertically-scroll-component .swiper-container .service-swiper-img{width:100%;height:calc(60.93vw + -19px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info,.service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-info{margin:0;padding:calc(1.97vw + 9px) 24px 105px;width:100%;height:210px}
.service-vertically-scroll-component .img-left-layout.service-vertically-scroll-box .swiper-container .swiper-pagination,.service-vertically-scroll-component .service-vertically-scroll-box .swiper-container .swiper-pagination{position:relative;top:auto;left:0;right:0;bottom:24px;display:flex;justify-content:center;align-items:center;transform:translateY(0)}
.service-vertically-scroll-component .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:#c4c4c4;width:60px;height:2px;border-radius:2px;margin:0 4px !important}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-line{content:'';width:0;height:2px;position:absolute;top:0;left:0;background-color:#000;border-radius:2px}
.service-vertically-scroll-component .img-left-layout .swiper-container .swiper-pagination .pagination-progress-text,.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text{position:absolute;bottom:0;top:auto;left:0;right:0;color:#000;transform:translateY(0);font-size:10px;line-height:14px;width:60px;text-align:center;margin-bottom:8px}
.service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{width:60px;height:22px;top:unset;left:0;right:unset;bottom:-6px;transform:translateY(0)}
.service-vertically-scroll-component .service-vertically-scroll-title{font-size:24px;margin-bottom:calc(1.97vw + 17px)}
.service-vertically-scroll-component .swiper-container .service-swiper-info p{font-size:calc(0.98vw + 12.5px);line-height:1.3}
.service-vertically-scroll-component .swiper-container .service-swiper-info span{font-size:12px;line-height:16px;margin-top:10px}
.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group .btn{font-size:10px;line-height:14px;margin-left:0;margin-right:8px}
.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group{margin-top:10px;display:flex}
.service-vertically-scroll-component .service-vertically-scroll-more a{border:1px solid #000;border-radius:4px;margin:24px auto 0;padding:4px 10px;color:#000;font-size:10px;line-height:14px}
.service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group svg,.service-vertically-scroll-component .service-vertically-scroll-more svg{margin-left:4px;width:6.5px;height:6.5px;margin-top:2px}
}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info{margin-left:300px;margin-right:0}
html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-box .swiper-container .swiper-pagination{right:auto;left:80px}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text{left:20px;right:auto;text-align:left;direction:ltr}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{content:'';left:unset;right:0;top:50%;transform:translateY(-50%)}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group .btn{margin-right:0;margin-left:16px}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group svg{margin-left:0;margin-right:9px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-more svg{margin-left:0;margin-right:8px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-info{margin-left:0;margin-right:300px}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout.service-vertically-scroll-box .swiper-container .swiper-pagination{left:auto;right:80px}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .swiper-pagination .pagination-progress-text{right:20px;left:auto;text-align:right}
@media only screen and (min-width:1200px){html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-more a:hover svg,html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group .btn:hover svg{-webkit-transform:rotate(-180deg) translateX(3px);transform:rotate(-180deg) translateX(3px)}
}
@media screen and (min-width:1080px) and (max-width:1919.98px){html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info{margin-right:0;margin-left:calc(14.76vw + 17px)}
html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-box .swiper-container .swiper-pagination{right:auto;left:calc(5.24vw + -21px)}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text{left:calc(1.19vw + -3px);right:auto;text-align:left}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-info{margin-left:0;margin-right:calc(14.76vw + 17px)}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout.service-vertically-scroll-box .swiper-container .swiper-pagination{left:auto;right:calc(5.24vw + -21px)}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .swiper-pagination .pagination-progress-text{right:calc(1.19vw + -3px);left:auto;text-align:right}
}
@media screen and (min-width:768px) and (max-width:1080px){html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{left:calc(-9px - 7.05vw + var(--offsetHotArea));right:0}
}
@media screen and (min-width:768px) and (max-width:1079px){html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info{margin-right:0;margin-left:calc(15.38vw + 10px)}
html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-box .swiper-container .swiper-pagination{right:auto;left:calc(2.88vw + 5px)}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text{left:7px;right:auto;text-align:left}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-info{margin-left:0;margin-right:calc(15.38vw + 10px)}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout.service-vertically-scroll-box .swiper-container .swiper-pagination{left:auto;right:calc(2.88vw + 5px)}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .swiper-pagination .pagination-progress-text{right:7px;left:auto;text-align:right}
}
@media screen and (max-width:767px){html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-container,html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-container{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .7s;transition:all .7s}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-img{width:100%;height:calc(60.93vw + -19px)}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info,html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .service-swiper-info{margin:0;padding:calc(1.97vw + 9px) 24px 105px;width:100%}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout.service-vertically-scroll-box .swiper-container .swiper-pagination,html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-box .swiper-container .swiper-pagination{position:relative;top:auto;left:0;right:0;bottom:24px;display:flex;justify-content:center;align-items:center;transform:translateY(0)}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:#c4c4c4;width:60px;height:2px;border-radius:2px;margin:0 4px !important}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-line{content:'';width:0;height:2px;position:absolute;top:0;left:0;background-color:#000;border-radius:2px}
html[dir=rtl] .service-vertically-scroll-component .img-left-layout .swiper-container .swiper-pagination .pagination-progress-text,html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text{position:absolute;bottom:0;top:auto;left:0;right:0;color:#000;transform:translateY(0);font-size:10px;line-height:14px;width:60px;text-align:center;margin-bottom:8px}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .swiper-pagination .pagination-progress-text::after{top:unset;transform:translateY(0)}
html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-title{font-size:24px;margin-bottom:calc(1.97vw + 17px)}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info p{font-size:calc(0.98vw + 12.5px);line-height:1.3}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info span{font-size:12px;line-height:16px;margin-top:10px}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group .btn{font-size:10px;line-height:14px;margin-right:0;margin-left:8px}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group{margin-top:10px}
html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-more a{border:1px solid #000;border-radius:4px;margin:24px auto 0;padding:4px 8px;color:#000;font-size:10px;line-height:14px}
html[dir=rtl] .service-vertically-scroll-component .swiper-container .service-swiper-info .btn-group svg,html[dir=rtl] .service-vertically-scroll-component .service-vertically-scroll-more svg{margin-left:0;margin-right:4px;width:6.5px;height:6.5px;margin-top:1px}
}
@media screen and (max-width:360px){.service-vertically-scroll-component .service-vertically-scroll-title{font-size:20px;line-height:28px}
}