.zw-product-header {
    /* background-color: #0e0e0e; */
    background-color: #090909;
}

.zwc-banner {
    /* background-color: #0e0e0e; */
    background-color: #090909;
}

.zwc-inner-wrap h1 {
    font-size: 6.5rem;
    max-width: 71.0rem;
    margin-bottom: 2.5rem;
    line-height: 1.1;
}

.zwc-inner-wrap h2 {
    font-size: 5.2rem;
    margin-bottom: 2.0rem;
}

.zwc-inner-wrap h3 {
    /* font-size: 3.6rem; */
    font-size: 3.3rem;
    font-family: var(--zf-secondary-semibold);
}

.zwc-features-con>h3 {
    max-width: 39.0rem;
}

.zwc-inner-wrap h4 {
    font-size: 2.7rem;
}

.zwc-dashboard-header h4 {
    font-size: 2.2rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2.0rem;
    max-width: 52.0rem;
}

.zos-windows .zwc-banner,
.zos-windows .zw-product-header {
    /* background-color: #101010; */
    background-color: #0c0c0c;
}

/* .zos-mac:not(.zb-safari) .zwc-banner,
.zos-mac:not(.zb-safari) .zw-product-header {
    background-color: #0F0F0F;
} */


@media only screen and (min-width: 1681px) {
    .zwc-inner-wrap p {
        font-size: 1.8rem;
        line-height: 1.7;
    }

    .zwc-inner-wrap h1 {
        font-size: 7.2rem;
        max-width: 78.0rem;
        margin-bottom: 2.5rem;
        line-height: 1.1;
    }
}

/* ------- Padding ------ */
.zef-section {
    padding: 11.0rem 0 13.0rem;
}

.zwc-archiving-sec {
    padding-top: 12.0rem;
}

.zwc-list-section {
    padding: 0;
}

.zwc-banner {
    /* padding-top: 7.0rem; */
    padding-top: 9.0rem;
    padding-bottom: 11.0rem;
}

.zwc-dashboard-sec {
    padding-top: 10.0rem;
}

.zwc-bottom-sec,
.zwc-management-sec,
.zwc-privacy-sec {
    padding-top: 0;
}

.zwc-bottom-sec {
    padding-bottom: 13.0rem;
}

.zwc-management-con:not(:last-child) {
    margin-bottom: 13.0rem;
}

/* ------- Padding ------ */
.zwc-inner-wrap p {
    margin-bottom: 0;
}

.zwc-banner,
.zwc-list-section,
.zwc-features-sec {
    color: #ffffff;
    /* background-color: #101010;Z */
}

.zwc-features-sec {
    /* background-color: rgb(6, 6, 6); */
}

/* --------- banner section ---------- */

.ep-highlight-blue {
    color: #2b75ff;
}

.ep-highlight-yellow {
    color: #f7db60;
}

.zwc-banner-para p {
    max-width: 58.0rem;
    margin-bottom: 3.5rem;
}

.zwc-banner-con {
    display: flex;
    gap: 3.0rem;
    /* align-items: center; */
    justify-content: space-between;
}

.zwc-banner-right {
    line-height: 0;
    max-width: 45.0rem;
    width: 100%;
}

.zwc-banner-wrap {
    background-image: linear-gradient(180deg, #090909, #050505, #050505, #000000);
}

/* --------- banner section ---------- */

/* --------- Scroller section ---------- */

.zwc-list-scroll li {
    /* font-size: 2.5rem; */
    font-size: 2.2rem;
    font-family: var(--zf-secondary-medium);
    padding: .0rem 5.0rem;
}

.zwc-list-scroll li {
    border-right: .1rem solid #F7DB60;
    line-height: 1.4;
}

.zwc-list-scroll {
    background-color: #212121;
    display: flex;
    /* flex-wrap: nowrap; */
    padding: 2.0rem 0;
    max-width: 200.0rem;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.zwc-list-scroll ul {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    animation: scroll-animation 29s linear infinite;
}

.zwc-list-scroll:hover ul {
    animation-play-state: paused;
}

@keyframes scroll-animation {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* --------- Scroller section ---------- */

/* --------- Security section ---------- */
.zwc-security-header,
.zwc-archiving-header {
    text-align: center;
    max-width: 70.0rem;
    margin: 0 auto 7.0rem;
}

.zwc-security-header>h2 {
    /* margin-left: auto;
    max-width: 57.0rem;
    margin-right: auto; */
}

.zwc-features-lst {
    display: grid;
    justify-content: center;
    gap: 2.0rem;
}

.zwc-features-con {
    background-color: #101010;
    border-radius: 2.0rem;
    border: .1rem solid #181817;
    max-width: 51.0rem;
    width: 100%;
    padding: 4.0rem 4.5rem 6.0rem;
    position: relative;
    z-index: 1;
}

.zwc-features-con>h3>span {
    display: block;
}

.zwc-sfeatures-02,
.zwc-afeatures-02 {
    grid-area: 1/2/2/3;
}

.zwc-features-img {
    line-height: 0;
    padding-bottom: 3.0rem;
    position: relative;
}

.tick-mark,
.cross-mark {
    display: inline-block;
    width: 2.7rem;
    height: 2.7rem;
    position: absolute;
    border-radius: 50%;
    background-color: #000000;
}

.cross-mark {
    border: .1rem solid #e25050;
    left: 34%;
    bottom: 41%;
}

.tick-mark {
    border: .1rem solid #21b473;
    left: 48%;
    top: 15%;
    rotate: 38deg;
}

.tick-mark::before {
    content: " ";
    display: block;
    width: .6rem;
    height: 1.2rem;
    border: solid #21b473;
    border-width: 0 .2rem .2rem 0;
    position: absolute;
    bottom: .8rem;
    left: .9rem;
}



.cross-mark::after,
.cross-mark::before {
    content: '';
    font-size: 2.0rem;
    display: block;
    width: 1.2rem;
    height: .2rem;
    background: #e25050;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.cross-mark::before {
    transform: rotate(45deg);
}

.cross-mark::after {
    transform: rotate(-45deg);
}

.zwc-sfeatures-01 .single-anime {
    display: inline-block;
    width: 3.5rem;
    height: 3.0rem;
    position: absolute;
    top: 13%;
    left: 24%;
    /* transform: scale(1.5); */
}

.zwc-sfeatures-01 .single-anime::before {
    content: ' ';
    display: block;
    background: url(/sites/zweb/images/eprotect/features/features-icon.png) no-repeat;
    width: 3.5rem;
    height: 3.0rem;
    background-size: 50.0rem auto;
    background-position: -25.3rem -9.5rem;
    /* position: absolute;
    top: 13%;
    left: 24%; */
}


.zwc-sfeatures-02 .main-anime::before,
.zwc-afeatures-01 .single-anime::before,
.zwc-sfeatures-02 .secondary-anime::before,
.zwc-afeatures-03 .single-anime::before,
.zwc-afeatures-02 .single-anime::before {
    content: " ";
    display: block;
    background: url(/sites/zweb/images/eprotect/features/features-icon.png) no-repeat;
    background-size: 50.0rem auto;
}

.zwc-sfeatures-02 .main-anime::before,
.zwc-afeatures-01 .single-anime::before {
    width: 3.0rem;
    height: 4.5rem;
    background-position: -32.5rem -8.6rem;
}

.zwc-sfeatures-02 .secondary-anime::before {
    width: 3.6rem;
    height: 3.6rem;
    background-position: -28.9rem -9.1rem;
}

.zwc-afeatures-02 .single-anime::before {
    width: 4.3rem;
    height: 3.6rem;
    background-position: -40.0rem -9.1rem;
}

.zwc-afeatures-03 .single-anime::before {
    width: 4.3rem;
    height: 4.2rem;
    background-position: -35.6rem -8.8rem;
}

.zwc-features-img>span {
    position: absolute;
}

.zwc-sfeatures-02 .main-anime {
    top: 45%;
    left: 45%;
}

.zwc-afeatures-01 .single-anime {
    left: 27%;
    top: 34%;
}

.zwc-sfeatures-02 .secondary-anime {
    top: 15%;
    left: 27%;
}

.zwc-afeatures-02 .single-anime {
    top: 51%;
    left: 46%;
}

.zwc-afeatures-03 .single-anime {
    top: 47%;
    left: 42%;
    transform-origin: 100% 100%;
}

.zwc-sfeatures-04 .single-anime {
    top: 18%;
    left: 47%;
}

.zwc-afeatures-04 .arrow-sec {
    top: 45%;
    left: 49%;
}

.zwc-sfeatures-04 .single-anime {
    border: .1rem solid #21b473;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background-color: #000000;
    overflow: hidden;
}


.zwc-afeatures-04 .arrow-sec {
    width: 3.0rem;
    height: 3.0rem;
    background-color: rgb(249, 220, 117);
    border-radius: .5rem;
    overflow: hidden;
    transform: rotate(180deg);
}

.zwc-afeatures-04 .arrow-sec::before,
.zwc-afeatures-04 .arrow-sec::after {
    content: '';
    display: inline-block;
    height: .2rem;
    width: 2.0rem;
    position: absolute;
    top: .5rem;
    right: .5rem;
}

.zwc-afeatures-04 .arrow-sec::after {
    background-color: #000000;
    width: 0;
    /* border-bottom: .2rem solid rgb(226, 170, 14); */
}

.zwc-afeatures-04 .arrow-sec::before {
    background-color: rgb(226, 170, 14);
    /* border-bottom: .2rem solid rgb(226, 170, 14); */
}

.zwc-afeatures-04 .arrow-sec>span {
    display: grid;
    justify-content: center;
    opacity: 0;
    /* transition: opacity .3s ease; */
    /* transform: translateY(3.0rem); */
}

.zwc-afeatures-04 .arrow-sec.animate-sec>span {
    opacity: 1;
    animation: upload-arrow-animation 3s linear forwards;
}

.zwc-afeatures-04 .arrow-sec>span::after {
    content: ' ';
    display: block;
    width: .2rem;
    /* height: 100%; */
    height: 1.3rem;
    background-color: #000000;
    justify-self: center;
    position: absolute;
    top: 1.2rem;
}

.zwc-afeatures-04 .arrow-sec.animate-sec>span::after {
    animation: height-animation 1.5s linear forwards;
    animation-delay: 1.5s;
}

.zwc-afeatures-04 .arrow-sec>span::before {
    content: ' ';
    display: block;
    border: solid black;
    border-width: .2rem 0 0 .2rem;
    width: .8rem;
    height: .8rem;
    /* width: 100%;
    height: 100%; */
    rotate: 45deg;
    justify-self: center;
    position: absolute;
    top: 1.1rem;
}

.zwc-afeatures-04 .arrow-sec.animate-sec>span::before {
    animation: width-animation 1.5s linear forwards;
    animation-delay: 1.5s;
}

.zwc-afeatures-04 .arrow-sec.animate-sec::after {
    animation: progress-animation 1.5s linear forwards;
    animation-delay: .7s;
}

.zwc-sfeatures-04 .single-anime>span {
    position: absolute;
}

.zwc-sfeatures-04 .single-anime>span::before,
.zwc-sfeatures-04 .single-anime>span::after {
    content: " ";
    display: inline-block;
    position: absolute;
}

.zwc-sfeatures-04 .single-anime>span:nth-child(1) {
    transform: rotate(90deg);
    top: 45%;
    left: 83%;
}

.zwc-sfeatures-04 .single-anime>span:nth-child(2) {
    transform: rotate(270deg);
    top: 53%;
    left: 10%;
}

.zwc-sfeatures-04 .single-anime>span::before {
    width: .2rem;
    height: 1.1rem;
    background-color: #21b473;
    /* top: .7rem; */
    bottom: -1.9rem;
    left: .7rem;
}

.zwc-sfeatures-04 .single-anime>span::after {
    border: solid #21b473;
    border-width: 0 .2rem .2rem 0;
    width: .8rem;
    height: .8rem;
    transform: rotate(45deg);
    top: 1.2rem;
    left: .4rem;
}

@keyframes arrow-animation {
    0% {
        transform: translateX(2.5rem) rotate(90deg);
        /* opacity: 1; */
    }

    13% {
        transform: translateX(2.5rem) rotate(90deg);
        /* opacity: 1; */
    }

    26% {
        transform: translateX(.0rem) rotate(90deg);
        /* opacity: 1; */
    }

    39% {
        transform: translateX(.0rem) rotate(90deg) scale(.9);
        /* opacity: .5; */
    }

    52% {
        transform: translateX(.0rem) rotate(90deg) scale(1);
        /* opacity: .5; */
    }

    65% {
        transform: translateX(.0rem) rotate(90deg) scale(1);
        /* opacity: 0; */
    }

    78% {
        transform: translateX(.0rem) rotate(90deg) scale(.9);
        /* opacity: 0; */
    }

    91% {
        transform: translateX(-1.5rem) rotate(90deg) scale(1);
        /* opacity: 0; */
    }

    100% {
        transform: translateX(-3.0rem) rotate(90deg);
        /* opacity: 0; */
    }
}

@keyframes arrow-animation-rev {

    /* 0% {
        transform: translateX(.0rem) rotate(270deg);
        opacity: 1;
    }

    25% {
        transform: translateX(.2rem) rotate(270deg);
        opacity: 1;
    }

    50% {
        transform: translateX(.2rem) rotate(270deg);
        opacity: .5;
    }

    65% {
        transform: translateX(.2rem) rotate(270deg);
        opacity: 0;
    }

    100% {
        transform: translateX(.0rem) rotate(270deg);
        opacity: 0;
    } */
    0% {
        transform: translateX(-2.5rem) rotate(270deg);
        /* opacity: 1; */
    }

    13% {
        transform: translateX(-2.5rem) rotate(270deg);
        /* opacity: 1; */
    }

    26% {
        transform: translateX(.0rem) rotate(270deg);
        /* opacity: 1; */
    }

    39% {
        transform: translateX(.0rem) rotate(270deg) scale(.9);
        /* opacity: .5; */
    }

    52% {
        transform: translateX(.0rem) rotate(270deg) scale(1);
        /* opacity: .5; */
    }

    65% {
        transform: translateX(.0rem) rotate(270deg) scale(1);
        /* opacity: 0; */
    }

    78% {
        transform: translateX(.0rem) rotate(270deg) scale(.9);
        /* opacity: 0; */
    }

    91% {
        transform: translateX(1.5rem) rotate(270deg) scale(1);
        /* opacity: 0; */
    }

    100% {
        transform: translateX(3.0rem) rotate(270deg);
        /* opacity: 0; */
    }
}

@keyframes upload-arrow-animation {
    0% {
        transform: translateY(3.0rem) scale(.7);
        opacity: 1;
    }

    30% {
        transform: translateY(.0rem) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateY(.0rem) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateY(.0rem);
    }
}

@keyframes width-animation {
    0% {
        width: .8rem;
        height: .8rem;
    }

    25% {
        width: .7rem;
        height: .7rem;
    }

    50% {
        width: .6rem;
        height: .6rem;
    }

    75% {
        width: .4rem;
        height: .4rem;
    }

    100% {
        width: 0;
        height: 0;
        opacity: 0;
    }
}

@keyframes progress-animation {
    0% {
        width: 0;
    }

    50% {
        width: 1.0rem;
    }

    100% {
        width: 2.0rem;
        /* opacity: 0; */
    }
}

@keyframes height-animation {
    0% {
        height: 1.3rem;
    }

    25% {
        height: 1.0rem;
    }

    50% {
        height: .7rem;
    }

    75% {
        height: .3rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@keyframes blur-scale-animation {
    0% {
        transform: scale(1);
        /* opacity: 1; */
    }

    50% {
        transform: scale(1.2);
        /* opacity: 1; */
    }

    100% {
        transform: scale(1);
        /* opacity: 1; */
    }
}

@keyframes wiggle-animation {
    0% {
        transform: rotate(0);
        opacity: 1;
    }

    30% {
        transform: rotate(15deg);
        opacity: 1;
    }

    60% {
        transform: rotate(-15deg);
        opacity: 1;
    }

    70% {
        transform: rotate(15deg);
        opacity: 1;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes wobble-hor-bottom {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }

    25% {
        transform: rotate(15deg);
        opacity: 1;
    }

    50% {
        transform: rotate(-15deg);
        opacity: 1;
    }

    75% {
        transform: rotate(15deg);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}


@keyframes alert-animate {
    0% {
        transform: rotate(0);
        opacity: 1;
    }

    10% {
        transform: rotate(10deg);
        opacity: 1;
    }

    35% {
        transform: rotate(15deg);
        opacity: 1;
    }

    55% {
        transform: rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }

}

@keyframes scale-animation {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    30% {
        transform: scale(1.3);
        opacity: 1;
    }

    55% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes search-animation {
    0% {
        transform: translate(.0rem, .0rem);
    }

    20% {
        transform: translate(-.5rem, .0rem);
    }

    40% {
        transform: translate(-.5rem, -.5rem);
    }

    60% {
        transform: translate(.0rem, -.5rem);
    }

    80% {
        transform: translate(.0rem, .0rem);
    }

    100% {
        transform: translate(.0rem, .0rem);
    }
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(20deg);
    }

    60% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.zwc-sfeatures-03.zwe-op .cross-mark.animate-sec {
    animation: wiggle-animation .4s 2 linear forwards;
}

.zwc-sfeatures-02.zwe-op .main-anime.animate-sec {
    animation: wobble-hor-bottom .3s 2 linear forwards;
}

.zwc-afeatures-01.zwe-op .single-anime.animate-sec::before {
    animation: wobble-hor-bottom .3s 2 linear forwards;
}

.zwc-sfeatures-01.zwe-op .single-anime.animate-sec::before {
    animation: alert-animate .3s 4 linear forwards;
}

.zwc-sfeatures-01.zwe-op .single-anime.animate-sec {
    animation: scale-animation 1.5s linear forwards;
}

.zwc-sfeatures-02.zwe-op .secondary-anime.animate-sec,
.zwc-sfeatures-03.zwe-op .tick-mark.animate-sec {
    animation: blur-scale-animation 1.5s linear forwards;
}

.zwc-afeatures-02.zwe-op .single-anime {
    animation: search-animation 2.5s infinite linear forwards;
}

.zwc-afeatures-03.zwe-op .single-anime {
    animation: rotate-animation 2s infinite linear forwards;
}

.zwc-sfeatures-04 .single-anime>span:nth-child(1) {
    animation: arrow-animation 3s infinite linear forwards;
}

.zwc-sfeatures-04 .single-anime>span:nth-child(2) {
    animation: arrow-animation-rev 3s infinite linear forwards;
}

.zwc-sfeatures-04 .single-anime.animate-sec>span::before {
    /* animation: double-arrow-height-animation  2s linear forwards; */
}

.zwc-sfeatures-04 .single-anime.animate-sec>span::after {
    /* animation: double-arrow-width-animation  2s linear forwards; */
}

.zwc-archive-features,
.zwc-security-sec {
    position: relative;
}

.zwc-security-sec>.zwc-more-info-text,
.zwc-archiving-sec>.zwc-more-info-text {
    text-align: center;
    font-size: 2.0rem;
    max-width: 56.0rem;
    margin: 6.5rem auto 0;
    font-family: var(--zf-secondary-medium);
    position :relative;
    z-index: 1;
}

.zwc-more-info-text>a {
    text-decoration: underline;
    display: inline-block;
}

.zwc-features-sec {
    overflow: hidden;
}

.zwc-archive-features::after,
.zwc-security-features::after {
    content: ' ';
    position: absolute;
    /* width: calc(100% + 15.0rem); */
    width: calc(100% + 26.0rem);
    height: calc(100% + 33.0rem);
    opacity: 0.2;
}

.zwc-archive-features::after{
    height: calc(100% + 41.0rem);
}

.zwc-archive-features::after {
    /* background-image: conic-gradient(from 0deg,#10101007,#13121100,#2b75ff,#13121100,#13121100, #0505050D, #00000000); */
    /* background-image: conic-gradient(from 48deg, #00000000, #00000000, #2b75ff, #0505050D, #00000000, #00000000, #00000000, #00000000, #00000000, #00000000); */
    /* background-image: conic-gradient(from 304deg,#000 0deg, #000 90deg, #2b75ff 180deg, #000 270deg); */
    /* bottom: -14%; */
    /* left: 6%; */
    /* bottom: -15%; */
    /* left: 4%; */
    left: 17%;
    top: -15%;
    background-image: conic-gradient(from 59deg, #00000000, #00000000, #2b75ff, #0505050D, #00000000, #00000000, #00000000, #00000000, #00000000, #00000000, #00000000);
}

.zwc-security-features::after {
    /* background-image: conic-gradient(from 0deg,#10101007,#13121100,#2b75ff,#13121100,#13121100, #0505050D, #00000000); */
    background-image: conic-gradient(from 48deg, #00000000, #00000000, #00000000, #00000000, #0505050D, #6F5836, #00000000, #00000000, #00000000, #00000000);
    /* background-image: conic-gradient(from 304deg,#000 0deg, #000 90deg, #2b75ff 180deg, #000 270deg); */
    opacity: 0.3;
    right: 10%;
    /* bottom: -18%; */
    bottom: -23%;
}

/* --------- Security section ---------- */
/* --------- Dashboard section ---------- */
.zwc-dashboard-header {
    max-width: 71.0rem;
    text-align: center;
    margin: 0 auto;
}

.zwc-dashboard-video {
    background-color: #010101;
    border-radius: 4.0rem;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 7.5rem 3.5rem;
    max-width: 110.0rem;
    margin: 6.0rem auto 0;
    position: relative;
    overflow: hidden;
}

.zwc-dashboard-video>div {
    line-height: 0;
    position: relative;
    z-index: 1;
    transform: translateY(25%);
    max-width: 90.0rem;
    /* transform: translate(50%,50%); */
    /* opacity: 0; */
}

.zwc-dashboard-video>div>video {
    border-radius: 1.0rem;
}

.zwc-dashboard-video.zwe-op>div {
    animation: video-transform 1s ease forwards;
}

@keyframes video-transform {
    0% {
        transform: translateY(25%);
        /* opacity: .5; */
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.zwc-dashboard-video::after {
    content: ' ';
    display: block;
    width: 20%;
    position: absolute;
    height: 50%;
    border-radius: 70%;
    transform: translate(0, 0);
    filter: blur(13.0rem);
    pointer-events: none;
    will-change: transform;
    background: #d2a358;
    top: 50%;
    left: 12%;
}

.zwc-features-img-mob {
    display: none;
}

/* --------- Dashboard section ---------- */
/* --------- Management section ---------- */
.zwc-management-sec>.content-wrap {}

.zwc-management-con {
    display: flex;
    justify-content: space-around;
    gap: 3.0rem;
    padding: 10.0rem 10.0rem;
    background-color: #EFF0F2;
    border-radius: 4.0rem;
    position: relative;
}

.zwc-slide-card-lst {
    background-color: #FFFFFF;
    border-radius: 3.0rem;
    box-shadow: .0rem -3.0rem 3.0rem #00000008;
    padding: 5.0rem 7.0rem;
    /* max-width: 46.0rem; */
    max-width: 50.0rem;
    min-width: 50.0rem;
    display: grid;
    align-items: center;
    transition: transform .1s linear;
}

.zwc-audit-management .zwc-slide-card-lst>div {
    justify-self: center;
}

.zwc-slide-card-lst>div>h4::before {
    content: ' ';
    display: grid;
    width: 7.5rem;
    height: 6.6rem;
    background: url(/sites/zweb/images/eprotect/features/features-icon.png) no-repeat;
    background-size: 46.5rem auto;
    margin-bottom: 3.0rem;
    /* border: .1rem solid black; */
}

.zwc-org-management .zwc-slide-card-lst:first-of-type>div>h4:before {
    background-position: -.3rem -.3rem;
    height: 7.4rem;
}

.zwc-user-management .zwc-slide-card-lst:first-of-type>div>h4:before {
    background-position: -8.3rem -.7rem;
}

.zwc-user-management .zwc-slide-card-lst:nth-child(2)>div>h4:before {
    background-position: -16.3rem -.8rem;
}

.zwc-user-management .zwc-slide-card-lst:nth-child(3)>div>h4:before {
    background-position: -24.4rem -.3rem;
    height: 7.5rem;
}

.zwc-user-management .zwc-slide-card-lst:nth-child(4)>div>h4:before {
    background-position: -32.3rem -.8rem;
}

.zwc-management-header {
    /* max-width: 51.0rem; */
    max-width: 45.0rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-self: flex-start; */
    /* width: 35%;
    float: left; */
}

.fixed-top {
    position: sticky;
    top: 12.0rem;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
    /* top: 0;
    margin-top: 10.0rem;
    z-index: 1; */
}

.zwc-slide-card-wrap {
    /* width: 50%;
    float: right; */
}

.zwc-slide-card-lst:not(:first-child) {
    margin-top: 3.0rem;
}



/* --------- Management section ---------- */
/* --------- Privacy and Security section ---------- */
.zwc-privacy-sec>.content-wrap {
    background-color: #101010;
    color: #FFFFFF;
    border: .1rem solid #ADADAD;
    border-radius: 4.0rem;
    padding: 10.0rem;
}

.zwc-privacy-con {
    max-width: 104.0rem;
    margin: 0 auto;
}

.zwc-privacy-header {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    gap: 4.0rem;
    margin-bottom: 8.0rem;
}

.zwc-privacy-para {
    margin-top: .5rem;
}

.zwc-privacy-header>h2 {
    margin-bottom: 0;
    min-width: 40.0rem;
}

.zwc-privacy-para {
    /* max-width: 60.0rem; */
}

.zwc-privacy-feature {
    display: flex;
    justify-content: center;
}

.zwc-prfeature-lst {
    max-width: 34.5rem;
    position: relative;
}

.zwc-prfeature-lst:nth-child(1) {
    padding-right: 5.0rem;
}

.zwc-prfeature-lst:nth-child(2) {
    padding: 0 4.5rem;
}

.zwc-prfeature-lst:nth-child(3) {
    padding-left: 5.0rem;
}

.zwc-prfeature-lst>h3::before {
    content: ' ';
    display: grid;
    width: 6.5rem;
    height: 6.0rem;
    background: url(/sites/zweb/images/eprotect/features/features-icon.png) no-repeat;
    background-size: 48.0rem auto;
    margin-bottom: 1.5rem;
}

.zwc-prfeature-lst:nth-child(3) h3::before {
    background-position: -.1rem -8.0rem;
}

.zwc-prfeature-lst:nth-child(2) h3::before {
    background-position: -6.7rem -8.3rem;
}

.zwc-prfeature-lst:nth-child(1) h3::before {
    background-position: -13.1rem -8.2rem;
    /* height: 6.5rem; */
}

.zwc-prfeature-lst:nth-child(1)::after,
.zwc-prfeature-lst:nth-child(3)::before {
    content: ' ';
    display: grid;
    width: .1rem;
    height: 75%;
    background-color: #707070;
    position: absolute;
    bottom: 0;
}

.zwc-prfeature-lst:nth-child(1)::after {
    right: 0;
}

.zwc-prfeature-lst:nth-child(3)::before {
    left: 0;
}

/* --------- Privacy and Security section ---------- */
/* --------- Bottom section ---------- */
.zwc-bottom-con {
    display: grid;
    grid-template-columns: repeat(2, minmax(max-content, 28.0rem));
    align-items: center;
    justify-content: space-evenly;
    gap: 5.0rem;
}

.zwc-bottom-con>div:first-child {
    max-width: 65.0rem;
}

.zwc-bottom-con>div:not(:first-child) {
    line-height: 0;
}

.zwc-bottom-con {
    max-width: 104.0rem;
    margin: 0 auto;
}

/* --------- Bottom section ---------- */

.zwc-banner-left {
    margin-top: 1.0rem;
}

/* WCAG Css Start */

.zwc-list-section .zwc-anim-control {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    filter: invert(1) contrast(0.9);
}

/*.zwc-list-scroll:after {
    content: "";
    display: flex;
    width: 150px;
    background: linear-gradient(270deg, #090909 50%, transparent);
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}*/

.zwc-list-scroll.zwc-is-pause ul {
    animation-play-state: paused;
}

.zwc-banner-right {
    position: relative;
}

.zwc-banner-right .zwc-video-control {
    position: absolute;
    right: 0;
    bottom: 0;
    filter: invert(1) contrast(0.9);
}

.zwc-dashboard-video .zwc-video-control {
    position: absolute;
    right: -70px;
    bottom: 0;
    filter: invert(1) contrast(0.9);
}


/* WCAG Css End */

@media only screen and (max-width: 1399px) {
    .zwc-inner-wrap h1 {
        font-size: 5.5rem;
        /* max-width: 63.0rem; */
    }

    .zwc-banner-right {
        /* max-width: 42.0rem; */
    }

    .zwc-banner-con {
        justify-content: center;
    }

    .zwc-inner-wrap h2 {
        font-size: 5.0rem;
    }

    .zwc-inner-wrap h3 {
        font-size: 3.3rem;
    }

    .zwc-inner-wrap h4 {
        /* font-size: 2.4rem; */
    }

    .zwc-list-scroll li {
        font-size: 2.2rem;
    }

    .zwc-security-header,
    .zwc-archiving-header {
        max-width: 63.0rem;
    }

    .zwc-dashboard-header {
        max-width: 67.0rem;
    }

    .zwc-management-con {
        padding: 10.0rem 6.0rem;
    }

    .zwc-slide-card-lst {
        padding: 5.0rem;
    }

    .zwc-management-header {
        max-width: 42.0rem;
        /* max-width: 48.0rem; */
    }

    .zwc-privacy-para {
        /* max-width: 53.0rem; */
    }

    .zwc-privacy-sec>.content-wrap {
        padding: 10.0rem 6.0rem;
    }

    .zwc-prfeature-lst {
        max-width: 32.0rem;
    }

    .zwc-prfeature-lst:nth-child(1) {
        padding-right: 4.5rem;
    }

    .zwc-prfeature-lst:nth-child(2) {
        padding: 0 4.0rem;
    }

    .zwc-prfeature-lst:nth-child(3) {
        padding-left: 4.5rem;
    }

}

@media only screen and (max-width: 1199px) {
    .zwc-inner-wrap h1 {
        font-size: 5.2rem;
        max-width: 57.0rem;
    }

    .zwc-inner-wrap h2 {
        font-size: 4.2rem;
    }

    .zwc-inner-wrap h3 {
        font-size: 3.0rem;
    }

    .zwc-features-con>h3 {
        max-width: 35.0rem;
    }

    .zwc-inner-wrap h4 {
        font-size: 2.4rem;
    }

    .zwc-dashboard-header h4 {
        font-size: 2.2rem;
    }

    .zwc-list-scroll li {
        font-size: 2.2rem;
        padding: 0 4.5rem;
    }

    .zwc-banner-right {
        width: 38%;
    }

    /* ------- Padding ------ */
    .zef-section {
        padding: 10.0rem 0 12.0rem;
    }

    .zwc-archiving-sec {
        padding-top: 11.0rem;
    }

    .zwc-list-section {
        padding: 0;
    }

    .zwc-banner {
        /* padding-top: 7.0rem; */
        padding-top: 4.0rem;
        padding-bottom: 10.0rem;
    }

    .zwc-dashboard-sec {
        padding-top: 9.0rem;
    }

    .zwc-bottom-sec,
    .zwc-management-sec,
    .zwc-privacy-sec {
        padding-top: 0;
    }

    .zwc-bottom-sec {
        padding-bottom: 11.0rem;
    }

    .zwc-management-con:not(:last-child) {
        margin-bottom: 12.0rem;
    }

    .zwc-privacy-sec {
        padding-bottom: 11.0rem;
    }

    /* ------- Padding ------ */
    .zwc-banner-con {
        justify-content: space-between;
        /* align-items: center; */
    }

    .zwc-security-header,
    .zwc-archiving-header {
        max-width: 56.0rem;
    }

    .zwc-security-sec>.zwc-more-info-text,
    .zwc-archiving-sec>.zwc-more-info-text {
        font-size: 1.8rem;
        margin: 6.0rem auto 0;
        max-width: 48.0rem;
    }

    .zwc-privacy-header>h2 {
        min-width: 31.0rem;
    }

    .zwc-privacy-header {
        gap: 7.0rem;
    }

    .zwc-bottom-con h2 {
        max-width: 51.0rem;
    }

    .zwc-features-con {
        /* max-width: 47.0rem; */
        max-width: 46.0rem;
    }

    .zwc-management-con {
        padding: 8.0rem 3.0rem;
    }


    .zwc-slide-card-lst {
        max-width: 45.0rem;
        min-width: 45.0rem;
    }

    .zwc-audit-management .zwc-slide-card-lst>div {
        max-width: 28.0rem;
    }

    .zwc-prfeature-lst {
        max-width: 29.0rem;
    }

    .zwc-features-con {
        padding: 4.0rem 4.0rem 5.0rem;
    }

    .zwc-privacy-sec>.content-wrap {
        padding: 8.0rem 6.0rem;
    }

    .zwc-sfeatures-01 .single-anime {
        top: 14%;
        left: 27%;
    }

    .zwc-sfeatures-02 .secondary-anime {
        top: 17%;
        left: 29%;
    }

    .zwc-sfeatures-02 .main-anime {
        /* top: 45%; */
        left: 50%;
    }

    .tick-mark {
        left: 54%;
        top: 16%;
    }

    .cross-mark {
        left: 37%;
        bottom: 42%;
    }

    .zwc-sfeatures-04 .single-anime {
        /* top: 18%; */
        left: 53%;
    }

    .zwc-afeatures-01 .single-anime {
        left: 30%;
        top: 34%;
    }

    .zwc-afeatures-02 .single-anime {
        top: 49%;
        left: 50%;
    }

    .zwc-afeatures-03 .single-anime {
        top: 46%;
        left: 48%;
    }

    .zwc-afeatures-04 .arrow-sec {
        top: 45%;
        left: 54%;
    }

    .zwc-management-header {
        /* max-width: 48.0rem; */
    }

    .zwc-banner-left {
        margin-top: 4.0rem;
    }

    .zwc-management-header>h2 {
        max-width: 35.0rem;
    }
}

@media only screen and (max-width: 1024px) {
    .zwc-prfeature-lst:nth-child(1) {
        padding-right: 3.5rem;
    }

    .zwc-prfeature-lst:nth-child(2) {
        padding: 0 3.5rem;
    }

    .zwc-prfeature-lst:nth-child(3) {
        padding-left: 3.5rem;
    }

    .zwc-prfeature-lst {
        max-width: 28.0rem;
    }
}

@media only screen and (max-width: 991px) {
    .zwc-banner-left {
        text-align: center;
        margin-top: 0;
    }

    .zwc-inner-wrap h1 {
        font-size: 4.5rem;
        max-width: 57.0rem;
        margin-bottom: 2.0rem;
    }

    .zwc-inner-wrap h2 {
        font-size: 3.4rem;
        margin-bottom: 1.5rem;
    }

    .zwc-inner-wrap h3 {
        /* font-size: 3.0rem; */
        font-size: 2.7rem;
    }

    .zwc-inner-wrap h4 {
        font-size: 2.2rem;
    }

    .zwc-dashboard-header h4 {
        font-size: 2.0rem;
        max-width: 44.0rem;
    }

    .zwc-list-scroll li {
        font-size: 2.1rem;
        padding: 0 3.5rem;
    }

    /* ------- Padding ------ */
    .zef-section {
        padding: 8.0rem 0 10.0rem;
    }

    .zwc-archiving-sec {
        padding-top: 8.5rem;
    }

    .zwc-list-section {
        padding: 0;
    }

    .zwc-banner {
        padding-top: 7.0rem;
        padding-bottom: 7.0rem;
    }

    .zwc-dashboard-sec {
        padding-top: 7.5rem;
    }

    .zwc-bottom-sec,
    .zwc-management-sec,
    .zwc-privacy-sec {
        padding-top: 0;
    }

    .zwc-bottom-sec {
        padding-bottom: 9.5rem;
    }

    .zwc-management-con:not(:last-child) {
        margin-bottom: 10.0rem;
    }

    .zwc-privacy-sec {
        padding-bottom: 8.5rem;
    }

    /* ------- Padding ------ */
    .zwc-banner-con,
    .zwc-management-con,
    .zwc-privacy-header,
    .zwc-privacy-feature {
        flex-direction: column;
    }

    .zwc-management-con {
        align-items: center;
        text-align: center;
    }

    .zwc-banner-con {
        gap: 4.0rem;
        align-items: center;
    }

    .zwc-security-header,
    .zwc-archiving-header {
        max-width: 50.0rem;
    }

    .zwc-security-sec>.zwc-more-info-text,
    .zwc-archiving-sec>.zwc-more-info-text {
        font-size: 1.6rem;
        margin: 4.5rem auto 0;
        max-width: 42.0rem;
    }

    .zwc-sfeatures-02,
    .zwc-afeatures-02 {
        grid-area: auto;
    }

    .zwc-management-header {
        max-width: 50.0rem;
    }

    .zwc-management-con {
        gap: 4.0rem;
    }

    .zwc-slide-card-lst>div>h4::before {
        margin: 0 auto 2.0rem;
    }

    .zwc-dashboard-video>div {
        max-width: 82.0rem;
    }

    .zwc-features-con {
        text-align: center;
    }

    .zwc-security-header,
    .zwc-archiving-header {
        margin: 0 auto 5.0rem;
    }

    .zwc-dashboard-video {
        margin: 4.5rem auto 0;
    }

    .zwc-dashboard-header>h2 {
        max-width: 54.0rem;
        margin-right: auto;
        margin-left: auto;
    }

    .zwc-audit-management .zwc-slide-card-lst>div {
        max-width: 23.0rem;
    }

    .zwc-privacy-con {
        text-align: center;
    }

    .zwc-prfeature-lst:nth-child(1)::after,
    .zwc-prfeature-lst:nth-child(3)::before,
    .zwc-features-img {
        display: none;
    }

    .zwc-privacy-feature {
        align-items: center;
    }

    .zwc-privacy-feature .zwc-prfeature-lst {
        padding: 0 0;
    }

    .zwc-privacy-feature .zwc-prfeature-lst:not(:last-of-type) {
        padding: 0 0 4.5rem;
    }

    .zwc-prfeature-lst {
        max-width: 38.0rem;
    }

    .zwc-prfeature-lst>h3::before {
        margin: 0 auto 2.0rem;
    }

    .zwc-slide-card-lst:not(:first-child) {
        margin-top: 4.0rem;
    }

    .zwc-privacy-header {
        max-width: 56.0rem;
        margin: 0 auto 5.0rem;
        gap: .0rem;
        align-items: center;
    }

    .zwc-bottom-con {
        grid-template-columns: auto;
        text-align: center;
    }

    .zwc-features-img-mob {
        padding-bottom: 2.0rem;
        max-width: 32.0rem;
        margin: 0 auto;
        display: block;
    }

    .zwc-banner-para p {
        margin: 0 auto 3.5rem;
    }

    .zwc-features-con h3 {
        max-width: 35.0rem;
        margin: 0 auto 1.5rem;
    }

    .zwc-features-con {
        /* max-width: 45.0rem; */
        max-width: 42.0rem;
    }

    .zwc-slide-card-lst {
        max-width: 44.0rem;
        min-width: 40.0rem;
    }

    .zwc-features-lst {
        gap: 4.0rem;
    }

    .zwc-bottom-con h2 {
        max-width: 41.0rem;
    }

    .zwc-dashboard-header {
        /* max-width: 57.0rem; */
        max-width: 59.0rem;
    }

    .zwc-dashboard-video {
        padding: 5.5rem 3.5rem;
    }

    .zwc-banner-para p {
        max-width: 48.0rem;
    }

    .zwc-security-header>h2 {
        max-width: 40.0rem;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-privacy-sec>.content-wrap {
        padding: 7.0rem 4.0rem 8.0rem;
    }

    .zwc-management-con {
        padding: 6.5rem 3.0rem 8.5rem;
    }

    .zwc-privacy-feature .zwc-prfeature-lst:not(:last-of-type) {
        padding: 0 0 3.5rem;
    }

    .zwc-banner-right {
        max-width: 40.0rem;
    }

    .zwc-banner-right {
        width: 100%;
    }

    .zwc-archive-features::after {
        left: 2%;
        top: 0%;
    }

    .zwc-security-features::after {
        right: 5%;
    }

    .zwc-privacy-para {
        margin-top: 0;
    }

    .zwc-management-header>h2 {
        max-width: 100%;
    }

    .zwc-org-management h2 {
        max-width: 39.0rem;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-slide-card-lst h4 {
        max-width: 25.0rem;
        margin-left: auto;
        margin-right: auto;
    }
}

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

    .zwc-inner-wrap h1 {
        font-size: 3.5rem;
        max-width: 38.0rem;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-inner-wrap h2 {
        font-size: 3.0rem;
        margin-bottom: 1.5rem;
    }

    .zwc-inner-wrap h3 {
        font-size: 2.4rem;
    }

    .zwc-inner-wrap h4 {
        /* font-size: 2.2rem; */
    }

    .zwc-dashboard-header h4 {
        font-size: 2.0rem;
        margin-bottom: 1.5rem;
        max-width: 44.0rem;
    }

    .zwc-list-scroll li {
        font-size: 1.9rem;
        padding: 0 3.0rem;
    }

    /* ------- Padding ------ */
    .zef-section {
        padding: 5.5rem 0 7.0rem;
    }

    .zwc-archiving-sec {
        /* padding-top: 5.5rem; */
        padding-top: 6.5rem;
    }

    .zwc-list-section {
        padding: 0;
    }

    .zwc-banner {
        padding-top: 6.0rem;
        padding-bottom: 5.0rem;
    }

    .zwc-dashboard-sec {
        padding-top: 5.5rem;
    }

    .zwc-bottom-sec,
    .zwc-management-sec,
    .zwc-privacy-sec {
        padding-top: 0;
    }

    .zwc-bottom-sec {
        padding-bottom: 6.5rem;
    }

    .zwc-management-con:not(:last-child) {
        margin-bottom: 7.0rem;
    }

    .zwc-privacy-sec {
        padding-bottom: 5.5rem;
    }

    /* ------- Padding ------ */
    .zwc-management-con {
        /* padding: 6.0rem 3.0rem 7.0rem; */
        /* padding: 5.0rem 3.0rem 6.5rem; */
        padding: 5.0rem 3.0rem 7.0rem;
    }

    .zwc-management-con {
        /* padding: 5.0rem 2.0rem; */
    }

    .zwc-privacy-sec>.content-wrap {
        /* padding: 6.0rem 4.0rem 6.0rem; */
        padding: 5.0rem 4.0rem 5.5rem;
    }

    .zwc-features-con,
    .zwc-slide-card-lst {
        border-radius: 1.5rem;
    }

    .zwc-dashboard-video,
    .zwc-management-con,
    .zwc-privacy-sec>.content-wrap {
        border-radius: 2.5rem;
    }

    .zwc-bottom-con>div:not(:first-child) {
        max-width: 27.0rem;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-slide-card-lst {
        max-width: 41.0rem;
        min-width: 36.0rem;
        padding: 4.0rem;
    }

    .zwc-features-con {
        max-width: 39.0rem;
    }

    .zwc-dashboard-video {
        padding: 4.5rem 2.5rem;
    }

    .zwc-slide-card-lst:not(:first-child) {
        margin-top: 3.0rem;
    }

    .zwc-features-lst {
        gap: 3.0rem;
    }

    .zwc-features-con h3 {
        max-width: 29.0rem;
    }

    .zwc-privacy-header>h2 {
        min-width: 20.0rem;
        max-width: 27.0rem;
    }

    .zwc-privacy-header {
        margin: 0 auto 4.0rem;
    }

    .zwc-management-con {
        gap: 3.0rem;
    }

    .zwc-dashboard-video {
        margin: 3.0rem auto 0;
    }

    .zwc-dashboard-header>h2 {
        max-width: 36.0rem;
    }

    .zwc-org-management h2 {
        max-width: 36.0rem;
    }

    .zwc-list-scroll:hover ul {
        animation-play-state: running;
    }
}

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

    .zwc-inner-wrap h1 {
        font-size: 3.2rem;
        max-width: 39.0rem;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-inner-wrap h2 {
        font-size: 2.8rem;
    }

    .zwc-inner-wrap h3 {
        font-size: 2.2rem;
    }

    .zwc-inner-wrap h4 {
        font-size: 2.0rem;
    }

    .zwc-dashboard-header h4 {
        font-size: 1.8rem;
        max-width: 33.0rem;
    }

    .zwc-list-scroll li {
        font-size: 1.8rem;
        padding: 0 3.0rem;
    }

    .zwc-slide-card-lst {
        max-width: 36.0rem;
        min-width: 25.0rem;
        padding: 2.5rem 2.5rem 3.0rem;
    }

    .zwc-features-con {
        /* max-width: 38.0rem; */
        max-width: 36.0rem;
    }

    .zwc-management-con {
        /* padding: 5.0rem 2.0rem; */
        padding: 4.5rem 2.0rem 5.5rem;
    }

    .zwc-audit-management .zwc-slide-card-lst>div {
        max-width: 19.0rem;
    }

    .zwc-features-con {
        padding: 3.5rem 2.5rem 4.0rem;
    }

    .zwc-features-img-mob {
        padding-bottom: 1.0rem;
    }

    .zwc-dashboard-video {
        padding: 3.0rem 1.0rem;
    }

    .zwc-security-header>h2 {
        max-width: 31.0rem;
    }

    .zwc-security-sec>.zwc-more-info-text,
    .zwc-archiving-sec>.zwc-more-info-text {
        font-size: 1.5rem;
        margin: 3.5rem auto 0;
    }

    .zwc-privacy-sec>.content-wrap {
        padding: 5.0rem 2.0rem;
    }

    .zwc-privacy-header>h2 {
        min-width: 23.0rem;
        max-width: 24.0rem;
    }

    .zwc-slide-card-lst>div>h4::before {
        margin: 0 auto 1.0rem;
    }

    .zwc-slide-card-lst>div>h4::before {
        transform: scale(.8);
    }

    .zwc-prfeature-lst>h3::before {
        margin: 0 auto 1.5rem;
        transform: scale(.9);
    }

    .zwc-bottom-con>div:not(:first-child) {
        max-width: 22.0rem;
    }

    .zwc-dashboard-video,
    .zwc-management-con,
    .zwc-privacy-sec>.content-wrap {
        border-radius: 1.5rem;
    }

    .zwc-bottom-con h2 {
        max-width: 34.0rem;
    }

    .zwc-banner-right {
        /* max-width: 30.0rem; */
    }

    .ep-highlight-yellow {
        /* display: block; */
    }

    .zwc-org-management h2 {
        max-width: 32.0rem;
    }
}