<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --sprite-icon: url("/sites/zweb/images/contracts/hr-solution/sprite.png")
}

.zinline-block {
    display: inline-block
}

.page-wrapper .content-wrap {
    max-width: 1170px;
    padding: 100px 0
}

h1,
h2 {
    font-family: var(--zf-primary-bold)
}

.page-wrapper h1 {
    font-size: 56px
}

.page-wrapper h2 {
    font-size: 44px
}

.page-wrapper h3 {
    font-size: 27px
}

.page-wrapper ul li {
    font-size: 17px;
    line-height: 1.6
}

.page-wrapper img {
    vertical-align: top
}

.act-btn,
.cta-btn {
    padding: 12px 30px
}

.page-wrapper .cta-wrap a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px
}

.page-wrapper .mob-only {
    display: none
}

.flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.zflex-one-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.zflex-two-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.zflex-three-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%
}

.zflex-row-reverse-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}


[class|="zsprite"] {
    display: inline-block;
    background: var(--sprite-icon) no-repeat;
    background-size: 344px auto;
    background-position: 0 0;
    letter-spacing: -40px
}

[class|="zsprite-fea"] {
    margin-bottom: 20px;
}

.feature-box-1 .zsprite-fea-icon1 {
    background-position: 0 -13px;
	width: 55px;
	height: 53px;
}

.feature-box-1 .zsprite-fea-icon2 {
    background-position: -66px -7px;
	width: 54px;
	height: 58px;
}

.feature-box-1 .zsprite-fea-icon3 {
    background-position: -131px 0;
	width: 70px;
	height: 65px;
}

.feature-box-1 .zsprite-fea-icon4 {
    background-position: -212px -2px;
	width: 63px;
	height: 63px;
}

.feature-box-1 .zsprite-fea-icon5 {
    background-position: -286px -2px;
	width: 58px;
	height: 63px;
}

.feature-box-2 .zsprite-fea-icon1 {
    background-position: 0 -83px;
	width: 60px;
	height: 63px;
}

.feature-box-2 .zsprite-fea-icon2 {
    background-position: -71px -83px;
	width: 71px;
	height: 63px;
}

.feature-box-2 .zsprite-fea-icon3 {
    background-position: -154px -83px;
	width: 66px;
	height: 63px;
}

.feature-box-2 .zsprite-fea-icon4 {
    background-position: -231px -83px;
	width: 75px;
	height: 63px;
}


.zw-product-header,
.banner-section {
    background: #0D2A6E;
    color: #fff;
}

.page-wrapper .banner-section .content-wrap {
    max-width: 1280px
}

.banner-section .zflex-two-col:first-child {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%
}

.banner-section .zflex-two-col:last-child {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%
}

.banner-section .banner-content {
    max-width: 660px;
    padding-right: 5%
}

.banner-section .banner-content p {
    max-width: 590px;
}

.banner-section p:last-child {
    margin-bottom: 0
}

.feature-box-section.feature-box-2 {
    background: #F5F5F5;
}

.feature-box-section .flex-content {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    -ms-grid-row-align: unset;
    align-items: unset;
    gap: 40px 80px
}

.feature-box-section .fea-title {
    max-width: 900px;
    margin: 0 auto 60px;
    text-align: center;
}

.feature-box-section .fea-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 40px);
    flex: 0 0 calc(50% - 40px)
}

.feature-box-section .fea-box h3 {
    font-size: 32px;
    line-height: 1.2
}

.feature-box-section .fea-box .fea-content {
    max-width: 500px
}

.feature-box-section .img-fea-box .fea-image {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86)
}

.feature-box-section .img-fea-box.zwe-op .fea-image {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -ms-filter: "alpha(opacity=100)"
}

.feature-box-section .fea-box p:last-child {
    margin-bottom: 0
}

.feature-box-section .fea-box.img-fea-box {
    display: flex;
    justify-content: center;
    align-items: end
}

.bottom-cta-section {
    background: #171738;
    color: #fff;
}

.bottom-cta-section .block-content {
    text-align: center;
    max-width: 900px;
    margin: 0 auto
}

.bottom-cta-section .block-content p:last-child {
    margin-bottom: 0
}


@media only screen and (max-width: 1280px) {
    .page-wrapper .content-wrap {
        padding: 70px 0
    }

    .page-wrapper h1 {
        font-size: 40px
    }

    .page-wrapper h2 {
        font-size: 30px
    }

    .feature-box-section .fea-box h3, 
    .page-wrapper h3 {
        font-size: 27px
    }
}

@media only screen and (max-width: 1024px) {
    .page-wrapper h1 {
        font-size: 34px
    }

    .page-wrapper h2 {
        font-size: 28px
    }

    .feature-box-section .fea-box h3, 
    .page-wrapper h3 {
        font-size: 24px
    }
}

@media only screen and (max-width: 991px) {
    .page-wrapper h1 {
        font-size: 30px
    }

    .page-wrapper h2 {
        font-size: 25px
    }

    .feature-box-section .fea-box h3, 
    .page-wrapper h3 {
        font-size: 21px
    }

    .feature-box-section .fea-title,
    .bottom-cta-section .block-content {
        max-width: 500px;
    }
}

@media only screen and (max-width: 767px) {

    .page-wrapper .mob-only {
        display: block
    }

    .page-wrapper .banner-section .content-wrap {
        padding-top: 30px
    }

    .page-wrapper .content-wrap {
        max-width: 600px
    }

    .zflex-one-col,
    .zflex-two-col,
    .zflex-three-col,
    .banner-section .zflex-two-col:first-child,
    .banner-section .zflex-two-col:last-child,
    .feature-box-section .fea-box {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .banner-section .banner-image {
        margin-top: 40px
    }

    .banner-section .banner-image .bnr-img {
        max-width: 320px
    }

    .feature-box-section .fea-icon {
        -webkit-transform: scale(0.7) translate(-20%, 5%);
        transform: scale(0.7) translate(-20%, 5%)
    }

    .feature-box-section .fea-title {
        margin-bottom: 40px
    }

    .feature-box-section .fea-box .fea-content{
        max-width: 100%;
    }
    
    .feature-box-section .fea-box.img-fea-box {
        display: none
    }

    .feature-box-section .fea-title, 
    .bottom-cta-section .block-content{
        text-align: unset;
        max-width: 100%;
    }
}</pre></body></html>