.hero__section{height:768px;overflow:hidden;position:relative;width:100%}.hero__section .img{background-size:900px 100%;height:100%;left:0;position:absolute;top:0;width:100%}.hero__section .background-img{background-image:url(https://27183458.fs1.hubspotusercontent-eu1.net/hubfs/27183458/webproduct_darkbg2-1.jpg);background-repeat:no-repeat;background-size:cover;z-index:1}.hero__section .foreground-img{background-attachment:fixed;background-image:url(https://27183458.fs1.hubspotusercontent-eu1.net/hubfs/27183458/webproduct_darkbg3.jpg);background-repeat:no-repeat;background-size:cover;width:50%;z-index:2}.hero__section .slider{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;display:flex;height:100%;justify-content:center;margin:0;outline:none;position:absolute;transition:all .2s;width:100%;z-index:3}.hero__section .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5);cursor:pointer;height:768px;width:1px;z-index:99}.hero__section .slider::-moz-range-thumb{background-color:hsla(0,0%,100%,.5);cursor:pointer;height:768px;width:1px;z-index:99}.hero__section .slider-button{align-items:center;display:flex;height:30px;justify-content:center;left:calc(50% - 18px);pointer-events:none;position:absolute;top:calc(50% - 18px);width:30px;z-index:9}.hero__section .slider-button:after{margin-left:32px}.hero__section .slider-button:after,.hero__section .slider-button:before{border:11px solid transparent;border-left-color:#000;content:"";display:inline-block;height:0;width:0}.hero__section .slider-button:before{transform:rotate(180deg)}.hero__content__cover{text-align:center}.hero__title h2{color:#fff;padding-bottom:25px;padding-top:30px}.hero__thumbnail{display:block;left:450px;perspective:601px;pointer-events:auto;position:absolute;top:138px;visibility:visible;z-index:1}.hero__thumbnail img{height:430px!important;max-width:none!important;width:100%!important}.hero__heading h2{color:#fff;padding-bottom:20px}.hero__title{position:relative;z-index:2}.hero__heading{bottom:24px;left:0;position:absolute;right:0;text-align:center;z-index:2}.foreground-img:before,.hero__section .background-img:before{background-color:#000;content:"";height:53px;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.hero__thumbnail__2 img{height:430px!important;max-width:none!important;width:100%!important}.hero__thumbnail__2{display:block;left:450px;perspective:601px;pointer-events:auto;position:absolute;top:138px;visibility:visible;z-index:1}.hero__heading h3{letter-spacing:18px}.img.background-img:after{background-image:url(https://27183458.fs1.hubspotusercontent-eu1.net/hub/27183458/hubfs/Before-3.jpg?width=960&height=498&name=Before-3.jpg)}.img.background-img:after,.img.foreground-img:after{background-position:50%;background-position:500px 40%;background-repeat:no-repeat;background-size:885px auto;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.img.foreground-img:after{background-image:url(https://27183458.fs1.hubspotusercontent-eu1.net/hub/27183458/hubfs/Financial-Reporting-Software-600x323-1.png?width=600&height=323&name=Financial-Reporting-Software-600x323-1.png)}.hero_before_after{display:grid;grid-template:"container"}.hero_before_after .inner{display:flex;justify-content:center;position:relative}.hero_before_after .inner .bg_image{bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.hero_before_after .inner .bg_image img{width:100%}.hero_before_after .inner .for_image{position:relative;z-index:1}.hero_before_after .inner_Wrap{grid-area:container;overflow:hidden;position:relative}.hero_before_after .before{z-index:1}.hero_before_after .after{z-index:2}.hero_before_after input#slider1{grid-area:container;opacity:0;position:relative;z-index:3}.hero_before_after .inner_Wrap .for_image_wrap{position:relative;text-align:center;z-index:1}.hero_before_after{position:relative}.hero_before_after .drag-line{align-items:center;background:#fff;display:flex;height:100%;left:410px;position:absolute;width:1px;z-index:3}.hero_before_after .drag-line svg{fill:#000;width:15px}.hero_before_after .drag-line .left{margin-left:-24px}.hero_before_after .drag-line .right{margin-left:17px}.hero_before_after .inner .bg_image img{height:100%;object-fit:cover}.hero_before_after .inner .for_image{padding:20px}.for_image img{height:500px;object-fit:contain;width:900px}.hero_before_after .inner h3{color:inherit}@media(max-width:767px){.hero_before_after .inner .for_image{margin-bottom:20px;margin-top:30px}.hero_before_after .inner{height:100%}}