.banner .desktop-and-tablet-hero .main-container{max-width:1560px}.banner .desktop-and-tablet-hero .main-container .main-image-container{width:894px;height:589px}.banner .desktop-and-tablet-hero .main-container .main-image-container .main-image{width:894px;height:589px;margin:auto}.banner .desktop-and-tablet-hero .main-container .main-image-container .main-image img.hero{margin:63px 0 30px 66px}.banner .desktop-and-tablet-hero .main-container .main-image-container .main-image img.foreground{margin:63px 0 30px 66px;z-index:4}.banner .desktop-and-tablet-hero .main-container .main-image-container .main-image .background-zoom{width:894px;height:589px;position:absolute;transition:all ease-in-out .5s;z-index:3}.banner .desktop-and-tablet-hero .main-container .main-image-container .main-image .background-zoom img{margin:300px 0 0 400px;width:100px}.banner .desktop-and-tablet-hero .main-container .main-image-container.mobile{display:none}@media only screen and (max-width:800px){.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile){display:none}.banner .desktop-and-tablet-hero .main-container .main-image-container.mobile{display:unset;height:unset}.banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image img.hero,.banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image img.foreground{margin:0}.banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image img.hero-entries{position:absolute;top:0;left:0;width:330px}}.time-tracking-section .key-features{max-width:1220px;margin:auto;font-size:20px;display:grid;grid-template-columns:auto auto auto auto;justify-content:space-between}.time-tracking-section .key-features .card-container{max-width:250px}.time-tracking-section .key-features .card-container .image-container{padding-bottom:30px}.time-tracking-section .key-features .card-container .text-container{font-weight:500;font-style:normal}.key-features-section-overview{background:#f8fbff}.hourly-tracking-section .sub{padding-bottom:90px}.hourly-tracking-section .section-image.rectangle>img{border-radius:24px;max-width:358px;max-height:401px}.hourly-tracking-section .first-container .section-image-container{width:630px;height:461px}.hourly-tracking-section .first-container .section-image-container div.rectangle{margin:30px 30px 30px 272px}.hourly-tracking-section .first-container .section-image-container div.history{margin:72px 24px 90px 0;z-index:1}.hourly-tracking-section .second-container .section-image-container{width:598px;height:461px}.hourly-tracking-section .second-container .section-image-container div.rectangle{margin:30px 240px 30px 30px}.hourly-tracking-section .second-container .section-image-container div.visibility{margin:44px 0 44px 20px;z-index:1}.hourly-tracking-section .third-container .section-image-container{width:634px;height:524px}.hourly-tracking-section .third-container .section-image-container div.rectangle{margin:30px 30px 93px 246px}.hourly-tracking-section .third-container .section-image-container div.value{margin:61px 226px 0 0;z-index:1}.hourly-tracking-section .fourth-container .section-image-container{width:586px;height:507px}.hourly-tracking-section .fourth-container .section-image-container div.rectangle{margin:76px 198px 30px 30px}.hourly-tracking-section .fourth-container .section-image-container div.painless{margin:0 0 64px 103px;z-index:1}.hourly-tracking-section .fifth-container .section-image-container{width:358px;height:548px}.hourly-tracking-section .fifth-container .section-image-container div.rectangle{margin:117px 30px 30px 30px}.hourly-tracking-section .fifth-container .section-image-container div.impress{margin:0 43px 37px 106px;z-index:1}@media only screen and (max-width:1440px){div.content .banner .main-container .main-image-container .main-image{justify-content:center}div.content .banner .main-container .main-image-container .main-image img.foreground,div.content .banner .main-container .main-image-container .main-image img.hero{display:unset;margin:63px auto 30px}div.content .banner .main-container .main-image-container .main-image .background-zoom{max-width:100vw}div.content .time-tracking-section .key-features{grid-template-columns:auto auto;justify-content:space-evenly}div.content .time-tracking-section .key-features .card-container{margin:20px 0}}@media only screen and (max-width:800px){div.content .time-tracking-section .key-features{column-gap:30px}div.content .time-tracking-section .key-features .card-container .image-container{padding-bottom:15px}div.content .time-tracking-section .key-features .card-container .image-container img{max-height:115px}div.content .time-tracking-section .key-features .card-container .text-container{font-size:14px}div.content .hourly-tracking-section .dual-column-section.first-container .outer-text-container .section-image-container,div.content .hourly-tracking-section .dual-column-section.second-container .outer-text-container .section-image-container,div.content .hourly-tracking-section .dual-column-section.third-container .outer-text-container .section-image-container,div.content .hourly-tracking-section .dual-column-section.fourth-container .outer-text-container .section-image-container,div.content .hourly-tracking-section .dual-column-section.fifth-container .outer-text-container .section-image-container{height:unset}div.content .hourly-tracking-section .dual-column-section.first-container .outer-text-container .section-image-container div,div.content .hourly-tracking-section .dual-column-section.second-container .outer-text-container .section-image-container div,div.content .hourly-tracking-section .dual-column-section.third-container .outer-text-container .section-image-container div,div.content .hourly-tracking-section .dual-column-section.fourth-container .outer-text-container .section-image-container div,div.content .hourly-tracking-section .dual-column-section.fifth-container .outer-text-container .section-image-container div{max-width:100vw;margin:unset;display:unset;position:relative}div.content .hourly-tracking-section .dual-column-section.first-container .outer-text-container .section-image-container div.rectangle,div.content .hourly-tracking-section .dual-column-section.second-container .outer-text-container .section-image-container div.rectangle,div.content .hourly-tracking-section .dual-column-section.third-container .outer-text-container .section-image-container div.rectangle,div.content .hourly-tracking-section .dual-column-section.fourth-container .outer-text-container .section-image-container div.rectangle,div.content .hourly-tracking-section .dual-column-section.fifth-container .outer-text-container .section-image-container div.rectangle,div.content .hourly-tracking-section .dual-column-section.first-container .outer-text-container .section-image-container div.visibility-indicator,div.content .hourly-tracking-section .dual-column-section.second-container .outer-text-container .section-image-container div.visibility-indicator,div.content .hourly-tracking-section .dual-column-section.third-container .outer-text-container .section-image-container div.visibility-indicator,div.content .hourly-tracking-section .dual-column-section.fourth-container .outer-text-container .section-image-container div.visibility-indicator,div.content .hourly-tracking-section .dual-column-section.fifth-container .outer-text-container .section-image-container div.visibility-indicator{display:none}div.content .hourly-tracking-section .dual-column-section.first-container .outer-text-container .section-image-container div.impress img,div.content .hourly-tracking-section .dual-column-section.second-container .outer-text-container .section-image-container div.impress img,div.content .hourly-tracking-section .dual-column-section.third-container .outer-text-container .section-image-container div.impress img,div.content .hourly-tracking-section .dual-column-section.fourth-container .outer-text-container .section-image-container div.impress img,div.content .hourly-tracking-section .dual-column-section.fifth-container .outer-text-container .section-image-container div.impress img{max-height:365px}div.content .hourly-tracking-section .dual-column-section.first-container .outer-text-container .text-container,div.content .hourly-tracking-section .dual-column-section.second-container .outer-text-container .text-container,div.content .hourly-tracking-section .dual-column-section.third-container .outer-text-container .text-container,div.content .hourly-tracking-section .dual-column-section.fourth-container .outer-text-container .text-container,div.content .hourly-tracking-section .dual-column-section.fifth-container .outer-text-container .text-container{max-width:unset}}