.zsmall-sun-circle,.zmedium-sun-circle,.zlarge-sun-circle {
    position: absolute;
    width: 785px;
    height: 758px;
    background: #efde78;
    border-radius: 100%;
    opacity: 0;
    bottom: -450px;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(50%) scale(0.2)
}
.animation-element{
opacity:0;
}
.zscreen2 {
    position: absolute;
     left: 0%;
    top: 180px;
}
.zslide1-inner p,.zslide2-inner p {
    line-height: 1.3
}

.zslide2-inner>p {
    transform: translateY(-20px)
}

.zheader-img-sec {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    margin: auto;
    z-index: -1
}

.zmedium-sun-circle {
    background: #efde78;
    width: 1208px;
    height: 1208px;
    bottom: -640px
}

.zlarge-sun-circle {
    background: #efde78;
    width: 1642px;
    height: 1642px;
    bottom: -800px
}

.in-view .zsmall-sun-circle,.in-view .zmedium-sun-circle,.in-view .zlarge-sun-circle {
    transform: translateY(0) scale(1);
    opacity: 30%;
    animation: sunRise 1s ease-in-out
}

@keyframes sunRise {
    0% {
        transform: translateY(50%) scale(0.2)
    }

    100% {
        transform: translateY(0) scale(1)
    }
}

.zslide1-img {
    position: absolute;
    width: 847px;
    height: 435px;
    right: 0;
    bottom: -80px;
    top: 0;
    left: -15%;
    margin: auto
}

.zslide1-art-bg {
    text-align: center;
    position: absolute;
    bottom: -10px;
    right: -70px;
    left: 0;
    margin: auto;
    z-index: 0
}

.zslide1-zcircle1 {
    position: absolute;
    width: 132px;
    height: 132px;
    background: #d4bb91;
    opacity: .8;
    border-radius: 100%;
    top: 25px;
    left: 205px
}

.zslide1-zcircle2 {
    position: absolute;
    width: 156px;
    height: 156px;
    background: #e9e9e0;
    opacity: .8;
    border-radius: 100%;
    top: 170px;
    left: 160px
}

.zslide1-zcircle3 {
    position: absolute;
    background: #d5bdad;
    width: 225px;
    height: 225px;
    border-radius: 100%;
    opacity: .8;
    top: 90px;
    left: 0
}

.zslide1-zcircle4 {
    position: absolute;
    background: #e9e9e0;
    width: 187px;
    height: 187px;
    border-radius: 100%;
    opacity: .8;
    top: 0;
    right: 100px
}

.zslide1-zcircle5 {
    position: absolute;
    background: #d5bdad;
    width: 99px;
    height: 99px;
    border-radius: 100%;
    opacity: .8;
    top: 5px;
    right: 0
}

.zslide1-zcircle6 {
    position: absolute;
    background: #c3cdd3;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    opacity: .8;
    top: 230px;
    right: 110px
}

.zslide2-img {
    position: absolute;
    width: 813px;
    height: 492px;
    right: 0;
    bottom: -50px;
    top: 0;
    left: -15%;
    margin: auto
}

.zslide2-art-bg {
    text-align: center;
    position: absolute;
    bottom: -10px;
    right: -70px;
    left: 0;
    margin: auto;
    z-index: 0
}

.zslide2-zcircle1 {
    position: absolute;
    width: 111px;
    height: 111px;
    background: #86bdb7;
    opacity: .8;
    border-radius: 100%;
    top: 95px;
    left: 175px
}

.zslide2-zcircle2 {
    position: absolute;
    width: 203px;
    height: 203px;
    background: #a3dac7;
    opacity: .8;
    border-radius: 100%;
    top: 215px;
    left: 90px
}

.zslide2-zcircle3 {
    position: absolute;
    background: #49afad;
    width: 123px;
    height: 123px;
    border-radius: 100%;
    opacity: .8;
    top: 200px;
    left: 0
}

.zslide2-zcircle4 {
    position: absolute;
    background: #97e4e2;
    width: 217px;
    height: 217px;
    border-radius: 100%;
    opacity: .8;
    top: 60px;
    right: 60px
}

.zslide2-zcircle5 {
    position: absolute;
    background: #69aea7;
    width: 99px;
    height: 99px;
    border-radius: 100%;
    opacity: .8;
    top: 100px;
    right: 10px
}

.zslide2-zcircle6 {
    position: absolute;
    background: #a3dac7;
    width: 106px;
    height: 106px;
    border-radius: 100%;
    opacity: .8;
    top: 250px;
    right: 140px
}

.zslide2-img>span,.zslide1-img>span {
    transition: opacity .5s ease-out,transform .5s ease-out;
    will-change: opacity,transform
}

.zslide2-zcircle2:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/finger-print.svg);
    background-size: 70px 72px;
    width: 70px;
    height: 72px;
    bottom: 30px;
    right: 50px
}

.zslide2-art:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/tick-icon.svg);
    background-size: 50px auto;
    width: 50px;
    height: 42px;
    top: -40px;
    right: 35px
}

.zslide2-zcircle6:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/vault-icon.svg);
    background-size: 62px auto;
    width: 62px;
    height: 73px;
    bottom: -50px;
    right: -25px
}

.zwc-ulla-screen-img:before {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/ulaa-screen-left.svg);
    background-size: 300px auto;
    width: 300px;
    height: 300px;
    top: 80px;
    left: -100px;
    z-index: -1;
    transform: translateX(100px)
}

.zwc-ulla-screen-img:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/ulaa-screen-right.svg);
    background-size: 300px auto;
    width: 300px;
    height: 300px;
    bottom: 150px;
    right: -30px;
    z-index: -1;
    transform: translateX(-100px)
}

.zwc-vault-screen-img:before {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/vault-screen-left.svg);
    background-size: 300px auto;
    width: 300px;
    height: 300px;
    bottom: 0;
    top: auto;
    left: -90px;
    z-index: -1;
    transform: translateX(100px)
}

.zwc-vault-screen-img:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/vault-screen-right.svg);
    background-size: 300px auto;
    width: 300px;
    height: 300px;
    bottom: 300px;
    right: 20px;
    z-index: -1;
    transform: translateX(-100px)
}

.zwc-oneauth-screen-img:before {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/oneaauth-screen-left.svg);
    background-size: 300px auto;
    width: 300px;
    height: 300px;
    top: 200px;
    left: 170px;
    transform: translateX(100px)
}

.zwc-oneauth-screen-img:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/oneauth-screen-right.svg);
    background-size: 300px auto;
    width: 300px;
    height: 300px;
    top: -40px;
    right: 160px;
    z-index: -1;
    transform: translateX(-100px)
}

.zwc-directory-screen-img:before {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/directory-screen-left.svg);
    background-size: 300px auto;
    width: 300px;
    height: 300px;
    top: 20px;
    left: -10px;
    z-index: -1;
    transform: translateX(100px)
}

.zwc-directory-screen-img:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/directory-screen-right.svg);
    background-size: 300px auto;
    width: 300px;
    height: 300px;
    bottom: 190px;
    right: 0;
    z-index: -1;
    transform: translateX(-100px)
}

.zwc-ulla-screen .zwc-ulla-screen-img {
    left: 90px
}

.zwc-ulla-screen-img.zwc-vault-screen-img {
    left: 100px
}

.zwc-ulla-screen-img.zwc-oneauth-screen-img {
    left: 180px
}

.in-view>.zwc-ulla-screen-img:before,.in-view>.zwc-ulla-screen-img:after,.in-view>.zwc-vault-screen-img:before,.in-view>.zwc-vault-screen-img:after,.in-view>.zwc-oneauth-screen-img:before,.in-view>.zwc-oneauth-screen-img:after,.in-view>.zwc-directory-screen-img:before,.in-view>.zwc-directory-screen-img:after {
    transform: translateX(0);
    transition: transform .6s ease-out 1.6s
}

.zwc-oneauth .zsecurity-vault {
    padding-bottom: 80px
}

.zbanner-sec .in-view h1 {
    transform: translateY(0);
    opacity: 1;
    transition: all .9s ease-in 1s
}

.zbanner-sec p {
    opacity: 0;
    transform: translateY(-20px)
}

.zbanner-sec .animation-element.in-view>p.in-view:nth-child(2) {
    transform: translateY(0);
    opacity: 1;
    transition: all .9s ease-in 1s
}

.in-view .zheader-img {
    transform: translateY(0);
    opacity: 1;
    transition: all .9s ease-in-out 2.7s
}

.zwc-privacy-sec {
    background: #e0f1fe;
    padding: 100px 0;
z-index: 1;
    position: relative;
}

.zwc-privacy-sec .zinner-wrap {
    position: sticky;
    top: 120px
}

.zslide {
    background: #fff;
    padding: 60px;
    box-sizing: border-box;
    border-radius: 36px
}

.zslide.zslide-1 p:first-child {
    max-width: 300px;
    margin-left: 50px;
    position: relative
}

.zslide.zslide-1 p,.zslide.zslide-2 p {
    font-size: 24px;
    font-family: var(--zf-secondary-medium);
    margin-bottom: 0;
    z-index: 1;
    position: relative
}

.zslide.zslide-1,.zslide.zslide-2 {
    padding: 150px;
    margin-bottom: 80px
}

.zslide.zslide-1 p:nth-child(2) {
    max-width: 340px;
    margin: 0 auto;
    position: relative;
    left: 50px
}

.zslide.zslide-1 p:nth-child(3) {
    max-width: 320px;
    margin: 60px -40px 0 auto
}

.zslide.zslide-2 {
    margin-bottom: 0;
    position: absolute;
    inset: 0;
    margin-top: 0;
    background: transparent
}

.zslide.zslide-2 p:first-child {
    max-width: 320px;
    position: relative;
    top: -25px
}

.zslide.zslide-2 p:nth-child(2) {
    max-width: 310px;
    margin: 0 auto;
    position: relative;
    top: -130px;
    left: 25%
}

.zslide.zslide-2 p:nth-child(3) {
    max-width: 300px;
    margin-left: auto;
    top: 60px;
    position: relative
}

.zcyber-security-sec {
    background: #faf5d6;
    padding: 100px 0 60px;
}

.zcyber-security-sec h2 {
    text-align: center;
    font-size: 60px
}

.zwc-tabs-wrap {
    background: #fff;
    margin-bottom: 100px;
    padding: 50px 150px 0;
    border-radius: 56px;
    border: 2px solid;
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.25);
width: 90%;
    max-width: 1560px;
    margin: 0 auto 100px;
}

.zwc-ulla {
    border-color: #1e98c0
}

.zwc-tabs-wrap h3 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 32px;
    font-family: var(--secondaryfont-bold);
}

.zwc-tabs-wrap p {
    font-size: 24px;
    padding: 40px;
    border-radius: 22px;
    box-shadow: 0 4px 4px 0 rgba(128,128,128,25%);
    line-height: 36px;
    position: relative;
    margin-bottom: 0
}

.zwc-bg-grey {
    background: #f0eeee
}

.zwc-bg-yellow {
    background: #faf5d6;
    margin-bottom: 0
}

.zwc-ulla-p1 {
    max-width: 720px;
    margin: 0 auto
}

.zwc-left-arrow:before {
    content: '';
    position: absolute;
    top: 15%;
    left: -40px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 60px solid #f0eeee
}

.zwc-right-arrow:before {
    content: '';
    position: absolute;
    top: 15%;
    right: -40px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 60px solid #f0eeee
}

.zwc-top-arrow:before {
    content: '';
    position: absolute;
    top: -40px;
    left: 40px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 60px solid #faf5d6
}

.zwc-down-arrow:before {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 100px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 60px solid #faf5d6
}

.zwc-down-arrow-grey:before {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 40px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 60px solid #f0eeee
}

.zwc-ulla-p2 {
    max-width: 525px;
    top: 280px
}

.zwc-ulla-p3 {
    max-width: 670px;
    margin-left: auto;
    top: 365px;
    right: 30px
}

.zwc-vault {
    border-color: #db523d
}

.zwc-vault-p3 {
    max-width: 480px;
    top: 285px
}

.zwc-vault-p4 {
    max-width: 790px;
    margin-left: auto;
    top: 340px;
    left: 20px
}

.zwc-vault-p1 {
    max-width: 520px
}

.zwc-vault-p2 {
    max-width: 500px;
    margin-left: auto
}

.zwc-oneauth {
    border-color: #f9b21d;
    padding: 50px 150px 0
}

.zwc-oneauth-p1 {
    max-width: 730px
}

.zwc-tabs-wrap p.zwc-oneauth-p3 {
    max-width: 485px;
    top: 400px;
    left: 75px
}

.zwc-oneauth-p2 {
    max-width: 440px;
    margin-left: auto
}

.zwc-directory-p1,.zwc-directory-p3 {
    max-width: 660px;
    margin-left: auto
}

.zwc-directory-p2 {
    max-width: 460px
}

.zwc-directory-p4 {
    max-width: 440px;
    margin: 228px auto 50px
}

.zwc-directory-p3.zwc-down-arrow:before {
    left: auto;
    right: 80px
}

.zwc-directory-p4.zwc-down-arrow:before {
    left: 0;
    right: 0;
    margin: auto
}

.zwc-security-tailored-cont {
    background: #e0f1fe;
    padding: 80px 0 80px
}

.zwc-security-tailored-cont .zinner-wrap {
    background: #fff;
    padding: 120px 80px;
    border-radius: 36px;
    position: sticky;
    top: 155px;
}
.zwc-securoty-tailored-sec,.zwc-security-tailored-cont .zinner-wrap{
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}
.zbanner-sec h1 {
    font-size: 90px;
    font-family: var(--primaryfont-bold);
    max-width: 1050px;
    margin: 0 auto 60px;
    position: relative;
    transform: translateY(20px);
    opacity: 0;
width: 90%;
}

.zbanner-sec {
    // background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/banner-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin-top: 160px;
    padding-top: 20px;
    background-position: center;
    position: relative
}

.zbanner-sec p {
    font-size: 48px;
    font-family: var(--zf-secondary-medium)
}

.zunderline-2xstroke,.zunderline-1xstroke {
    position: relative
}

.zunderline-2xstroke::before,.zunderline-1xstroke::before {
    content: '';
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 23px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/underline.svg);
    background-repeat: no-repeat;
    bottom: -8px;
    left: 0;
    background-size: contain
}

.zunderline-1xstroke::before {
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/under-zoho.svg);
    background-size: cover;
    bottom: -10px;
    height: 12px
}

.zheader-img {
    margin-top: 80px;
    position: relative;
    top: 45px;
    opacity: 0;
    transform: translateY(-20px);
z-index: 2;
}

.zslide1-inner,.zslide2-inner {
    padding: 0 0 200px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative
}

.zulla-popup-img {
    text-align: right;
    margin: 50px auto;
    max-width: 1000px;
    position: relative
}

.zwc-tabs-wrap .zscreen-header {
    font-size: 40px;
    font-family: var(--secondaryfont-bold)
}

.zwc-ulla-screen,.zvault-screen {
    position: relative;
    padding-bottom: 430px
}

.zexplore-link {
    text-align: center;
    top: 31px;
    position: relative
}

.zexplore-link a {
    padding: 13px 30px;
    background: #1e98c0;
    color: #fff;
    font-size: 24px;
    font-family: var(--secondaryfont-semibold);
    border-radius: 100px;
    min-width: 334px;
    display: inline-block;
    overflow: hidden;
    height: 62px
}

.zwc-ulla-p2:after,.zwc-directory-p3:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/large-sun-cloud.svg);
    width: 50px;
    height: 50px;
    background-size: 50px;
    top: -100px;
    left: 50px
}

.zwc-ulla-screen-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 0
}

.zwc-vault-p1:after,.zwc-vault-p2:after,.zwc-directory-p1:after,.zwc-mail-p1:after,.zwc-mail-p3:after  {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/cloud-thunder.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    right: -100px;
    top: 30px
}

.zwc-vault-p2:after {
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/cloud-thunder-rain.svg);
    right: auto;
    left: -100px
}
.zwc-mail-p3:after {
    background-image:url(/sites/zweb/images/zoho_general_pages/cybersecurity/large-sun-cloud.svg);
left: -100px;
    right: auto;
}
.zwc-mail-p1:after {
   background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/cloud-rain.svg);
    right: auto;
    left: -100px;
    top:40px;
}
.zvault-popup-img {
    max-width: 990px;
    margin-left: auto;
    margin-top: -140px;
    position: relative;
    margin-bottom: 50px
}

.zwc-vault .zexplore-link a {
    background: #db523d
}

.zwc-ulla-p1:after,.zwc-vault-p3:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/sun-cloud.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    left: -100px;
    top: 30px
}

.zulla-popup-img:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 60px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/sun-cloud-rain.png);
    background-size: 50px;
    top: 105px;
    right: 60px;
    background-repeat: no-repeat
}

.zwc-vault-p3:after {
    top: -110px;
    left: 45px
}

.zscreen-header .zunderline-2xstroke::before {
    bottom: -20px
}

.zoneauth-popup-img {
    text-align: center;
    max-width: 1000px;
    margin-top: -180px;
    margin-bottom: 50px
}

.zwc-oneauth-p1.zwc-down-arrow-grey:before {
    left: 0;
    right: 0;
    margin: auto
}

.zwc-oneauth-p1:after,.zwc-oneauth-p2:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/cloud-rain.svg);
    background-size: 50px auto;
    background-repeat: no-repeat;
    bottom: -110px;
    right: 0;
    left: 0;
    margin: auto
}

.zwc-oneauth-p2:after {
    right: auto;
    left: 45px
}

.zoneauth-screen {
    position: relative;
    padding-bottom: 460px
}

.zwc-oneauth-p3:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/sun-cloud-rain.png);
    background-size: 50px auto;
    background-repeat: no-repeat;
    top: -110px;
    left: 45px
}

.zwc-oneauth .zexplore-link a {
    background: #f9b21d;
    color: #000
}

.zwc-directory-p1:after {
    right: auto;
    left: -110px
}

.zdirectory-popup-img {
    max-width: 1000px;
    margin: -160px auto 50px;
    text-align: center;
    z-index: 1;
    position: relative;
    left: 20px
}

.zwc-directory-p3:after {
    bottom: -110px;
    top: auto;
    left: auto;
    right: 80px
}

.zdirectory-screen {
    position: relative;
    padding-bottom: 50px
}

.zwc-directory-p3 {
    margin-top: 100px;
    top: -70px
}

.zwc-directory {
    border-color: #4ca365;
    padding: 50px 150px 0
}

.zwc-directory .zexplore-link a {
    background: #4ca365
}

.zslide.zslide-3 {
    margin: 80px 0;
    position: relative;
    text-align: center;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/security-tailored.png);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 375px 60px;
}
.zslide.zslide-3 img {
    padding: 120px 0 100px;
    margin: auto;
}
.zslide-3 h2 {
    font-size: 64px;
    font-family: var(--secondaryfont-bold);
    text-align: center;
    margin-bottom: 80px;
    z-index: 1;
    position: relative
}

.zwc-security-tailored-cont h2 {
    text-align: center;
    font-size: 48px;
    font-family: var(--secondaryfont-bold)
}

.zwc-security-points {
    max-width: 860px;
    margin: 80px auto 0
}

.zwc-security-points li {
    margin-bottom: 50px;
    position: relative;
    font-size: 24px;
    padding-left: 30px;
    font-family: var(--zf-secondary-medium);
z-index: 3;
}

.zwc-security-points li:last-child {
    margin-bottom: 0
}

.zwc-security-points li:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #37b2b0;
    border-radius: 100%;
    left: 0;
    top: 10px
}

.zsecurity-tailored-popup {
    position: absolute;
    bottom: -47px;
    right: 60px;
    z-index: 1
}

.zsecurity-tailored-popup:before {
    content: '';
    position: absolute;
    right: -20px;
    bottom: 100px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/blue-circles.svg);
    width: 310px;
    height: 220px;
    background-repeat: no-repeat;
    z-index: -1;
    transform: scale(1.1)
}

.zawards-sec {
    padding: 120px 0;
    text-align: center;
}

.zawards-sec p {
    font-size: 32px;
    text-align: center;
        font-family: var(--secondaryfont-bold);
background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/olives.png);
        background-repeat: no-repeat;
        padding: 35px 80px 60px;
    margin-bottom: 0;
    background-size: cover;
    background-position: top center;
    display: inline-block;
}

.zbottom-contactus {
    background: #faf5d6;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.zbottom-inner {
    width: 90%;
    max-width: 1300px;
    background: #fff;
    border-radius: 56px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    padding: 80px 0
}

.zbottom-inner h2 {
    font-size: 64px;
    font-family: var(--secondaryfont-bold);
    text-align: center
}

.zbottom-inner h2+p {
    font-size: 36px;
    font-family: var(--zf-secondary-medium);
    text-align: center
}

.zslide.zslide-1 p:first-child:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 40px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/slide1-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 60px auto;
    bottom: -15px;
    right: -40px
}

.zslide.zslide-1 p:nth-child(2):after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/alide1-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 60px auto;
    bottom: -65px;
    right: -30px
}

.zslide.zslide-2 p:first-child:after {
    content: '';
    position: absolute;
    width: 310px;
    height: 130px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/slide2-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 310px auto;
    bottom: -25px;
    right: -265px;
    z-index: 1
}

.zslide.zslide-2 p:nth-child(2):after {
    content: '';
    position: absolute;
    width: 70px;
    height: 190px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/slide2-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 70px auto;
    bottom: -210px;
    right: -20px;
    transform: rotate(-8deg)
}

.zwc-ulla-p2 .zarrow-connect {
    content: '';
    position: absolute;
    width: 150px;
    height: 190px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/ulla-arrow.svg);
    background-repeat: no-repeat;
    background-size: 150px auto;
    bottom: -150px;
    right: -160px;
    z-index: 2
}

.zwc-vault-p3 .zarrow-connect {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/ulla-arrow.svg);
    background-repeat: no-repeat;
    background-size: 150px auto;
    bottom: -110px;
    right: -90px;
    transform: rotate(3deg);
    z-index: 2
}

.zwc-oneauth-p1 .zarrow-connect {
    content: '';
    position: absolute;
    width: 220px;
    height: 170px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/oneauth-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 220px auto;
    bottom: -30px;
    right: -170px;
    z-index: 1;
    transform: rotate(12deg)
}

.zwc-oneauth-p3 .zarrow-connect {
    content: '';
    position: absolute;
    width: 310px;
    height: 240px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/oneauth-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 310px auto;
    bottom: -160px;
    right: -60px;
    z-index: 1
}

.zwc-directory-p4 .zarrow-connect {
    content: '';
    position: absolute;
    width: 87px;
    height: 190px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/directory-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 87px auto;
    top: -170px;
    left: 0;
    margin: auto;
    z-index: 1
}

.zcyber-security-tabs {
width:90%;
    justify-content: space-around;
    display: flex;
    max-width: 1290px;
    background: #000;
    color: #fff;
    font-size: 22px;
    font-family: var(--zf-secondary-medium);
    border-radius: 50px;
    padding: 5px;
    margin: 0 auto
}

.animation-element .in-view>div:first-child {
    opacity: 1;
    transition: opacity .6s ease-out
}

.zcyber-security-tabs>span {
    padding: 6px 20px;
    border-radius: 50px;
    transition: background .6s ease-out,color .6s ease-out;
    cursor: pointer;
    width: 20%;
    text-align: center
}

.zcyber-security-tabs>span.zactive {
    background: #f6f6f6;
    color: #000
}

.zcyber-tabs-wrap {
    padding: 50px 0 0px;
    position: sticky;
    top: 40px;
    background: #faf5d6;
    z-index: 9
}

.zwc-tabs-parent-wrap {
    margin-top: 50px
}

.zwc-yellow-txt-bg {
    padding: 0 3px;
    color: #000;
    background-image: linear-gradient(to right,transparent 50%,#f0c845 50%);
    background-size: 200%
}

p.in-view .zwc-yellow-txt-bg {
    background-position: -100%;
    transition: background-position .8s .6s
}

.zexplore-link a .zhover-link>div {
    margin-bottom: 20px
}

.zexplore-link a:hover .zhover-link {
    transform: translateY(-55px)
}

.zexplore-link a .zhover-link {
    transform: translateY(0);
    transition: transform .4s ease-out
}

.animation-element,{
    opacity: 0;
    transition: opacity .6s ease-out
}
.zbottom-contactus.animation-element{
opacity: 1;
}
.animation-element.in-view {
    opacity: 1;
    transition: opacity .6s ease-out;
}

.animation-element.in-view li.in-view {
    font-family: var(--zf-secondary-medium);
    opacity: 1
}

.animation-element.in-view.element1 {
transition-delay: 0.15s
}
.animation-element.in-view.element2,.animation-element.in-view.element1 .zwc-yellow-txt-bg {
transition-delay: 0.35s
}
.animation-element.in-view.element3,.animation-element.in-view.element2 .zwc-yellow-txt-bg {
transition-delay: 0.5s
}
.animation-element.in-view.element4,.animation-element.in-view.element3 .zwc-yellow-txt-bg {
transition-delay: 0.65s
}
.animation-element.in-view.element5,.animation-element.in-view.element4 .zwc-yellow-txt-bg {
transition-delay: 0.8s
}
.animation-element.in-view.element6,.animation-element.in-view.element5 .zwc-yellow-txt-bg{
transition-delay: 0.95s
}
.animation-element.in-view.element7,.animation-element.in-view.element6 .zwc-yellow-txt-bg {
transition-delay: 1.1s
}
.animation-element.in-view.element8,.animation-element.in-view.element7 .zwc-yellow-txt-bg {
transition-delay: 1.35s
}
.animation-element.in-view.element9,.animation-element.in-view.element8 .zwc-yellow-txt-bg {
transition-delay: 1.5s
}
.animation-element.in-view.element10 {
transition-delay: 1.65s
}


.zcompiance-badges {
    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;
    gap: 40px;
    justify-content: center;
}

.zcompiance-badges li {
    display: inline-block;
    width: 111px;
    height: 56px;
    background: var(--compliance-badges) 0 0 / 800px auto no-repeat
}

.zcompiance-badges li.zsb-iso-soc2,.zcompiance-badges li.zsb-iso-hippa,.zcompiance-badges li.zsb-iso-truste,.zcompiance-badges li.zsb-iso-gdpr,.zcompiance-badges li.zsb-iso-ccpa,.zcompiance-badges li.zsb-iso-starlevelone {
    background-size: 750px auto
}

.zcompiance-badges li.zsb-iso-gdpr {
    background-position: -306px -75px;
    width: 76px;
    height: 77px
}

.zcompiance-badges li.zsb-iso-soc2 {
    background-position: -520px 0;
    width: 76px;
    height: 76px
}

.zcompiance-badges li.zsb-iso-hippa {
    background-position: 0 -73px;
    width: 86px;
    height: 79px
}

.zcompiance-badges li.zsb-iso-ccpa {
    background-position: -382px -75px;
    width: 76px;
    height: 77px
}

.zsb-iso-ism {
    background-position: 1px 0
}

.zsb-iso-csm {
    background-position: -221px 0
}

.zcompiance-badges li.zsb-iso-pdc {
    background-position: -332px 0
}

.zcompiance-badges li.zsb-iso-qms {
    background-position: -443px 0
}

.zcompiance-badges li.zsb-iso-bcm {
    background-position: -430px -170px
}

.zcompiance-badges li.zsb-iso-pim {
    background-position: -110px 0
}

.zcompiance-badges li.zsb-iso-starlevelone {
    background-position: -86px -74px;
    width: 70px;
    height: 71px
}

.zcompiance-badges li.zsb-iso-truste {
    background-position: -458px -74px;
    width: 73px;
    height: 77px
}

.zcompliance-wrap {
    max-width: 1400px;
    margin: 60px auto 0;
}

.zslide1-art,.zslide2-art {
    display: block;
    text-align: center;
    position: absolute;
    bottom: -28px;
    right: -70px;
    left: 0;
    margin: auto;
    max-width: max-content
}


.zwc-security-tailored-cont .zunderline-2xstroke:before {
    bottom: -14px;
    background-size: contain
}

.zbanner-sec h1:after {
    content: '';
    position: absolute;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/flying-key.svg);
    width: 90px;
    height: 90px;
    top: -60px;
    right: -90px;
    background-repeat: no-repeat;
    transform: scale(0);
    animation: floating 4s ease-in-out infinite 2.9s,scaling .9s ease-in-out 1.9s;
    transform-origin: center
}

@keyframes scaling {
    0% {
        transform: scale(0);
        opacity: 0
    }

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

@keyframes floating {
    0%,100% {
        transform: translateX(0) translateY(0)
    }

    50% {
        transform: translateX(-15px) translateY(15px)
    }
}

.zslide-3 h2 {
    margin-bottom: 0
}

.zwc-security-tailored-cont {
    position: relative
}

.zwc-security-tailored-cont h2 {
    position: relative;
    opacity: 0
}

.crm-form-wrap {
    max-width: 540px;
    margin: 50px auto 0
}
.zwc-security-tailored-cont p {
    font-size: 24px;
    max-width: 900px;
    margin: 40px auto 0;
    text-align: center;
}
.cwf-container .cwf-wrap .cwf-input,.cwf-container .cwf-wrap .cwf-single-select-control .cwf-select {
    height: 60px
}

.cwf-container .cwf-wrap .cwf-button-control {
    justify-content: center
}

.zbottom-inner .zunderline-1xstroke::before {
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/under-million-users.svg)
}
.zright-img {
    position: absolute;
    top: -60px;
    right: -140px;
}

.zleft-img {
    position: absolute;
    left: -10px;
    top: -60px;
}

.zmn-left-key {
    position: absolute;
    top: 370px;
    z-index: 1;
    left: -50px;
}

.zmn-right-key {
    position: absolute;
    bottom: 220px;
    z-index: 1;
    right: 50px;
}
.in-view .zmn-left-key img{
  transform-origin: top;
animation:swing-left 6s 1 ease-in-out;
}
.in-view .zmn-right-key img{
    transform-origin: top;
  animation:swing-right 6s 1 ease-in-out;
}

@keyframes swing-left {
    0% {
        -webkit-transform: rotate(-6deg)
    }

    25% {
        -webkit-transform: rotate(6deg)
    }

    50% {
        -webkit-transform: rotate(-6deg)
    }
     75% {
        -webkit-transform: rotate(6deg)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

@keyframes swing-right {
    0% {
        -webkit-transform: rotate(6deg)
    }

    25% {
        -webkit-transform: rotate(-6deg)
    }

    50% {
        -webkit-transform: rotate(6deg)
    }
    75% {
        -webkit-transform: rotate(-6deg)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

.cwf-elements>div:first-child .cwf-field-wrap label.cwf-label-control{
    color:#8C8C8C;
    font-family: var(--zf-secondary-medium);
    
}
.cwf-container .cwf-wrap .cwf-checkbox-control .cwf-checkbox-text {
    font-size: 14px;
    font-family: var(--zf-secondary-semibold);
}
.cwf-checkbox {
    margin-right: 5px;
}
.zfor-mobile,.zwc-privacy-sec-mobile {
    display: none
}

.zwc-mail-outer {
    background: #fed730;
    padding: 80px 0 100px;
    margin-bottom: 100px
}

.zwc-mail.zwc-tabs-wrap {
    margin-bottom: 0
}

.zwc-mail {
    border-color: #a7e9ba;
    padding: 50px 150px 0
}

.zwc-mail-p1 {
    max-width: 700px;
    margin: 0 100px 0 auto
}

.zwc-mail-p2 {
    max-width: 450px;
    margin-right: auto;
    margin: 40px auto 0 100px
}

.zwc-mail-p3 {
    max-width: 500px;
    margin-right: auto;
    left: 100px
}

.zwc-bg-yellow.zwc-mail-p3.zwc-left-arrow:before {
    border-right: 60px solid #faf5d6
}

.zmail-popup-img {
    max-width: 320px;
    margin: -160px auto 50px;
    text-align: center;
    z-index: 1;
    position: relative;
    left: 180px
}

.zwc-mail-p4 {
    max-width: 650px;
    margin: 430px auto 50px;
}

.zmail-screen {
    position: relative;
    padding-bottom: 50px
}

.zwc-mail-p4.zwc-down-arrow:before {
    left: 0;
    right: 0;
    margin: auto
}

.zwc-pro-logo {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: var(--product-icons) no-repeat;
    background-size: 800px auto;
    transform: scale(0.8)
}

.zwc-slide3-directory-logo .zwc-pro-logo {
    background-position: var(--zp-directory-bp)
}

.zwc-slide3-mail-logo .zwc-pro-logo {
    background-position: var(--zp-mail-bp);
    right: 110px;
    top: -48px
}

.zwc-slide3-vault-logo .zwc-pro-logo {
    background-position: var(--zp-vault-bp);
    top: 135px;
    right: 105px
}

.zwc-slide3-ulaa-logo .zwc-pro-logo {
    background-position: var(--zp-ulaa-bp)
}

.zwc-slide3-oneauth-logo .zwc-pro-logo {
    background-position: var(--zp-oneauth-bp);
    right: -80px;
    top: 14px;
    transform: scale(0.7)
}

.zwc-slide3-pro-img {
    position: absolute
}

.zwc-slide3-directory-logo.zwc-slide3-pro-img {
    left: 13%;
    top: 14.5%
}

.zwc-slide3-directory-logo .zarrow {
    position: relative;
    width: 50px;
    height: 60px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/oneauth-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 50px auto;
    right: -30px;
    transform: rotate(110deg) rotateX(180deg);
    display: block
}

.zwc-slide3-ulaa-logo.zwc-slide3-pro-img {
    left: 11%;
    bottom: 11%
}

.zwc-slide3-mail-logo.zwc-slide3-pro-img {
    right: 35%;
    top: 18%
}

.zwc-slide3-oneauth-logo.zwc-slide3-pro-img {
    right: 11.5%;
    top: 8%
}

.zwc-slide3-vault-logo.zwc-slide3-pro-img {
    right: 21%;
    bottom: 18%
}

.zwc-slide3-ulaa-logo .zarrow {
    position: relative;
    width: 40px;
    height: 40px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/oneauth-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 40px auto;
    top: -20px;
    transform: rotate(70deg);
    display: block
}

.zwc-slide3-ulaa-logo .zwc-pro-name {
    position: relative;
    top: -20px;
    right: 5px;
    transform: rotate(-15deg);
    transform-origin: left top;
    display: inline-block
}

.zwc-slide3-vault-logo .zarrow {
    position: relative;
    width: 60px;
    height: 60px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/oneauth-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 60px auto;
    top: 0;
    transform: rotate(90deg);
    display: block
}

.zwc-slide3-oneauth-logo .zarrow {
    position: relative;
    width: 100px;
    height: 100px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/oneauth-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 100px auto;
    right: -55px;
    transform: rotate(40deg);
    z-index: 1;
    display: block
}

.zwc-slide3-mail-logo .zarrow {
    position: relative;
    width: 30px;
    height: 90px;
    background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/directory-arrow2.svg);
    background-repeat: no-repeat;
    background-size: 30px auto;
    top: -42px;
    left: -16px;
    display: block;
    transform: rotate(-295deg)
}

.zwc-slide3-mail-logo .zwc-pro-name {
    position: relative;
    right: -45px;
    top: 8px;
    display: inline-block;
    transform: rotate(5deg)
}

.zwc-directory-screen-img .zscreen2 {
    left: 7%
}

.zwc-slide3-pro-img.animation-element {
    opacity: 0
}

.zwc-slide3-pro-img.animation-element.in-view {
    opacity: 1;
    transition: opacity .6s linear 1s
}

.zwc-mail-screen-img::before {
    left: 100px
}

.zwc-mail-screen-img::after {
    right: 50px
}

@media(max-width: 1600px) {
    .zsmall-sun-circle {
        width:650px;
        height: 650px;
        bottom: -350px
    }

    .zmedium-sun-circle {
        width: 1050px;
        height: 1050px;
        bottom: -550px
    }

    .zwc-directory-screen-img .zscreen2 {
        left: 2%
    }

    .zlarge-sun-circle {
        width: 1450px;
        height: 1450px;
        bottom: -720px
    }

    .zoneauth-popup-img {
        text-align: left
    }

    .zdirectory-popup-img {
        text-align: right
    }

    p.zwc-oneauth-p1,p.zwc-directory-p1 {
        margin-bottom: 30px
    }

    .zwc-slide3-ulaa-logo.zwc-slide3-pro-img {
        left: 10.7%;
        bottom: 12%
    }

    .zwc-slide3-vault-logo.zwc-slide3-pro-img {
        right: 21%;
        bottom: 19%
    }

    .zwc-slide3-ulaa-logo .zwc-pro-name {
        right: 0
    }

    .zwc-slide3-vault-logo .zwc-pro-logo {
        top: 115px;
        right: 90px
    }

    .zwc-slide3-oneauth-logo.zwc-slide3-pro-img {
        top: 8.7%
    }

    .zwc-slide3-mail-logo .zwc-pro-logo {
        right: 105px;
        top: -42px
    }

    .zwc-slide3-pro-img {
        display: none
    }

    .zslide.zslide-3 {
        background: url(/sites/zweb/images/zoho_general_pages/cybersecurity/security-tailored-mobile.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center
    }
}

@media screen and (max-width: 1460px) {
    .zslide.zslide-1,.zslide.zslide-2 {
        padding:150px 80px
    }

    .zwc-tabs-wrap {
        padding: 50px 100px 0
    }

    .zwc-directory-screen-img .zscreen2 {
        left: 0
    }

    .zwc-tabs-wrap .zscreen-header {
        font-size: 36px
    }

    .zslide-3 h2,.zcyber-security-sec h2 {
        font-size: 50px
    }

    .zwc-security-tailored-cont h2 {
        font-size: 42px
    }

    .zsmall-sun-circle {
        width: 500px;
        height: 480px;
        bottom: -300px
    }

    .zmedium-sun-circle {
        width: 800px;
        height: 800px;
        bottom: -450px
    }

    .zlarge-sun-circle {
        width: 1100px;
        height: 1100px;
        bottom: -600px
    }

    .zbanner-sec h1 {
        font-size: 80px
    }

    .zbanner-sec p {
        font-size: 42px
    }

    .zbanner-sec {
        margin-top: 120px
    }

    .zmn-left-key,.zmn-right-key {
        max-width: 300px
    }

    .zbanner-sec h1:after {
        right: -50px
    }

    .zcyber-security-tabs {
        font-size: 20px;
        width: 95%;
    }

    .zslide.zslide-3 {
        margin: 40px 0
    }
}

@media(max-width: 1300px) {
    .zwc-tabs-wrap p.zwc-vault-p1 {
        margin-bottom:20px
    }

    .zsecurity-tailored-popup {
        max-width: 250px;
        right: 20px
    }

    .zsecurity-tailored-popup:before {
        width: 150px;
        height: 130px;
        right: 0;
        bottom: 80px
    }



    .zwc-tabs-wrap .zscreen-header {
        font-size: 30px
    }

    .zslide.zslide-2 p:first-child:after {
        background-size: 250px
    }

    .zbottom-inner h2 {
        font-size: 54px
    }

    .zunderline-1xstroke::before {
        background-size: contain
    }
  
    .zslide.zslide-3 {
        margin: 0
    }
}

@media(max-width: 1199px) {
    .zmn-left-key,.zmn-right-key {
        max-width:300px
    }

    .zslide-3 h2,.zcyber-security-sec h2 {
        font-size: 40px
    }

    .zwc-security-tailored-cont h2 {
        font-size: 32px
    }

    .zbanner-sec h1:after {
        right: 0;
        top: -80px
    }

    .zbanner-sec h1 {
        font-size: 70px
    }

    .zbanner-sec p {
        font-size: 36px
    }

    .zslide.zslide-1 p,.zslide.zslide-2 p {
        font-size: 20px
    }

    .zslide.zslide-2 p:first-child:after {
        background-size: 200px;
        right: -295px;
        bottom: -40px
    }

    .zslide.zslide-1,.zslide.zslide-2 {
        padding: 150px 40px
    }

    .zslide1-img,.zslide2-img {
        left: -10%;
        width: 600px
    }

    .zslide1-art-bg,.zslide2-art-bg {
        max-width: 300px
    }

    .zslide1-art img,.zslide2-art img {
        max-width: 280px
    }

    .zvault-popup-img,.zoneauth-popup-img,.zdirectory-popup-img,.zulla-popup-img {
        max-width: 400px
    }

    .zulla-popup-img:after {
        top: 50px;
        right: 30px
    }

    .zwc-tabs-wrap p {
        font-size: 22px;
        padding: 30px
    }
    
.zwc-mail-p1{
    margin:0 0 0 auto;
    max-width: 600px;
}
    .zwc-ulla-screen-img.zwc-mail-screen-img {
    margin-top: 150px;
}
    .zvault-popup-img {
        margin-left: 0
    }

    .zwc-tabs-wrap {
        padding: 50px 60px 0
    }

    .zdirectory-popup-img {
        margin-right: 0
    }

    .zbottom-inner h2 {
        font-size: 50px
    }

    .zbottom-inner h2+p {
        font-size: 30px
    }

    .zawards-sec p {
        font-size: 28px;
        padding: 35px 100px 60px;
    }

    .zwc-tabs-wrap p.zwc-oneauth-p3 {
        left: 0
    }

    .zwc-down-arrow:before {
        left: 40%
    }

    .zmail-popup-img {
        margin: 30px auto 50px;
        left: 0
    }

    .zslide.zslide-3 {
        padding: 330px 0
    }

    .zwc-security-tailored-cont p {
        font-size: 22px
    }
    .zwc-ulla-screen-img.zwc-mail-screen-img {
    margin-top: 150px;
}
    .zwc-mail-p4 {
    margin: 430px auto 50px;
}
    .zcyber-security-tabs {
        font-size: 18px
    }
}

@media screen and (max-width: 1100px) {
    .zwc-oneauth-p1 .zarrow-connect {
        width:150px;
        background-size: 150px;
        right: -40px;
        bottom: -100px
    }

    .zslide.zslide-2 p:first-child:after {
        background-size: 180px;
        right: -150px;
        bottom: -40px;
        width: 180px
    }

    .zcyber-security-tabs {
        font-size: 16px
    }

    .zsmall-sun-circle {
        width: 400px;
        height: 380px;
        bottom: -250px
    }

    .zmedium-sun-circle {
        width: 650px;
        height: 650px;
        bottom: -400px
    }

    .zlarge-sun-circle {
        width: 900px;
        height: 900px;
        bottom: -500px
    }

    .zwc-tabs-wrap h3 {
        font-size: 26px
    }

    .zvault-popup-img {
        margin-top: -40px
    }

    .zwc-security-points li {
        margin-bottom: 40px;
        font-size: 20px
    }

    .zbottom-inner h2 {
        font-size: 46px
    }

    .zbottom-inner h2+p {
        font-size: 26px
    }

    .zmn-left-key,.zmn-right-key {
        max-width: 260px
    }

    .zwc-tabs-wrap .zscreen-header {
        font-size: 26px
    }

    .zwc-oneauth-p3 .zarrow-connect {
        background-size: 280px;
        width: 270px;
        right: 40px;
        bottom: -180px
    }

    .zwc-tabs-wrap p {
        font-size: 20px
    }

    .zwc-tabs-wrap p.zwc-oneauth-p1 {
        margin-bottom: 60px
    }

    .zoneauth-popup-img {
        max-width: 330px
    }

    .zslide.zslide-2 p:nth-child(3) {
        max-width: 240px
    }

    .zwc-security-tailored-cont .zinner-wrap {
        padding: 80px 80px 120px
    }

    .zwc-security-points {
        margin: 60px auto 0
    }

    .zwc-mail-p3:after,.zwc-mail-p1:after {
        display: none
    }

    .zslide.zslide-3 {
        padding: 260px 0
    }

    .zwc-security-tailored-cont p {
        font-size: 20px
    }
}

@media screen and (max-width: 991px) {
    .zulla-popup-img:after,.zwc-ulla-p2:after,.zwc-directory-p3:after,.zwc-top-arrow:before,.zwc-down-arrow:before,.zwc-vault-p1:after,.zwc-vault-p2:after,.zwc-directory-p1:after,.zwc-right-arrow:before,.zwc-down-arrow-grey:before,.zwc-oneauth-p1:after,.zwc-oneauth-p2:after,.zsecurity-tailored-popup:before,.zleft-img,.zright-img,.zwc-privacy-sec,.zarrow-connect,.zwc-oneauth-screen-img:before,.zwc-oneauth-screen-img:after,.zwc-vault-screen-img:before,.zwc-vault-screen-img:after,.zwc-directory-screen-img:after,.zwc-directory-screen-img:before,.zwc-ulla-screen-img:after,.zwc-ulla-screen-img:before,.zwc-ulla-p1:after,.zwc-vault-p3:after,.zwc-left-arrow:before,.zfor-desktop,.zwc-oneauth-p3:after {
        display:none
    }
.zwc-tabs-wrap p.zwc-mail-p1, .zwc-tabs-wrap p.zwc-mail-p2 {
    max-width: unset;
}
.zwc-mail-p3{
    left:0;
}
.zwc-mail-p4{
    margin:0 auto 30px
}
    .zunderline-2xstroke::before {
        bottom: -10px
    }

    .zscreen2 {
        display: none
    }

    .zfor-mobile,.zwc-privacy-sec-mobile {
        display: block
    }

    .zbanner-sec h1 {
        font-size: 56px;
        margin-bottom: 40px
    }

    .zcyber-security-sec h2 {
        font-size: 36px
    }

    .zslide-3 h2 {
        font-size: 28px
    }
  .zcyber-security-tabs>span {
        width: 19%;
    }
    .zcyber-security-tabs>span:nth-child(2) {
        width: 24%;
    }
  
    .zcyber-security-tabs {
        font-size: 14px;
        width: 95%
    }

    .zwc-tabs-wrap p,.zbottom-inner h2+p,.zwc-security-points li {
        font-size: 18px
    }

    .zwc-tabs-wrap .zscreen-header,.zbottom-inner h2 {
        font-size: 24px
    }

    .zawards-sec p,.zwc-security-tailored-cont h2,.zwc-tabs-wrap h3 {
        font-size: 22px
    }

    .zbanner-sec p {
        font-size: 26px
    }

    .zwc-bg-grey,.zwc-bg-yellow {
        background: 0
    }

    .zwc-tabs-wrap p {
        box-shadow: unset;
        max-width: unset;
        line-height: 1.6;
        padding: 0;
        font-family: var(--zf-secondary-medium);
        margin-bottom: 20px;
        margin-left: 0
    }

    .zwc-tabs-wrap p.zwc-oneauth-p3 {
        max-width: unset
    }

    .zwc-tabs-wrap {
        padding: 60px 40px 0;
        border-radius: 18px;
        margin-bottom: 60px
    }

    .zwc-ulla-screen .zwc-ulla-screen-img,.zwc-ulla-screen-img.zwc-vault-screen-img,.zwc-ulla-screen-img.zwc-oneauth-screen-img,.zwc-ulla-screen-img {
        left: 0;
        position: relative
    }
.zmail-screen{
    padding-bottom:0;
}
    .zwc-yellow-txt-bg {
        padding: 0;
        background-image: unset;
        background-size: unset;
        font-family: var(--zf-secondary-bold)
    }

    .zwc-tabs-wrap p.zwc-oneauth-p1 {
        margin-bottom: 20px
    }

    .zwc-ulla .zwc-yellow-txt-bg {
        color: #1e98c0
    }

    .zwc-vault .zwc-yellow-txt-bg {
        color: #db523d
    }

    .zwc-oneauth .zwc-yellow-txt-bg {
        color: #f9b21d
    }

    .zwc-directory .zwc-yellow-txt-bg {
        color: #4ca365
    }
  

    .zwc-ulla-p3,.zwc-ulla-p2,.zwc-vault-p3,.zwc-vault-p4,.zwc-tabs-wrap p.zwc-oneauth-p3 {
        right: 0;
        top: 0;
        left: 0
    }

    .zwc-ulla-screen,.zvault-screen,.zoneauth-screen {
        padding-bottom: 0
    }

    .zvault-popup-img,.zoneauth-popup-img,.zdirectory-popup-img,.zmail-popup-img {
        max-width: 300px;
        margin: 0 auto;
        left: 0
    }

    .zwc-tabs-wrap h3 {
        text-align: left;
        margin-bottom: 20px
    }

    .zwc-tabs-wrap>div {
        margin-top: 20px
    }

    .zwc-oneauth .zsecurity-vault,.zdirectory-screen {
        padding-bottom: 0
    }

    .zwc-directory-p4 {
        margin: 0 auto 20px
    }

    .zwc-directory-p3 {
        margin-top: 0;
        top: 0
    }

    .zcyber-security-sec {
        padding: 30px 0
    }

    .zcompliance-wrap {
        background-image: unset;
        margin-top: 30px
    }

    .zbottom-inner {
        background: 0;
        padding: 0
    }

    .crm-form-wrap {
        background: #fff;
        padding: 40px;
        border-radius: 18px
    }

    .zwc-security-tailored-cont .zinner-wrap {
        padding: 40px;
        top: 0;
        border-radius: 18px
    }

    .zwc-security-tailored-cont h2 {
        opacity: 1
    }

    .zwc-tabs-wrap h3 {
        font-family: var(--secondaryfont-bold)
    }

    .zawards-sec p {
        font-family: var(--secondaryfont-bold);
        background-image: url(/sites/zweb/images/zoho_general_pages/cybersecurity/olives.png);
        background-repeat: no-repeat;
        padding: 35px 60px;
        margin-bottom: 0;
        background-size: contain;
        background-position: top center
    }

    .zwc-privacy-sec-mobile {
        background: #e0f1fe;
        padding: 60px 0;
        z-index: 1;
        position: relative
    }

    .zinner-wrap-mobile {
        background: #fff;
        width: 90%;
        margin: 0 auto;
        border-radius: 18px;
        padding: 30px
    }

    .zheader-img {
        top: 12px
    }

    .zslide {
        border-radius: 18px
    }

    .zwc-security-tailored-cont .zunderline-2xstroke:before {
        bottom: -20px
    }

    .zwc-security-points li {
        margin-bottom: 30px
    }

    .zwc-security-points li:before {
        width: 10px;
        height: 10px
    }

    .zsmall-sun-circle {
        width: 600px;
        height: 600px;
        bottom: -350px
    }

    .zmedium-sun-circle {
        width: 750px;
        height: 750px;
        bottom: -400px
    }

    .zlarge-sun-circle {
        width: 1000px;
        height: 1000px;
        left: -110px;
        bottom: -550px
    }

    .zbanner-sec {
        overflow: hidden;
        margin-top: 0;
        padding-top: 100px
    }

    .zexplore-link a {
        font-size: 20px;
        height: 56px
    }

    .zwc-security-points {
        margin: 40px auto 0
    }

    .zawards-sec {
        padding: 80px 0
    }

    .zwc-security-tailored-cont p {
        font-size: 18px
    }
    .zwc-ulla-screen-img.zwc-mail-screen-img {
        margin-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .zbanner-sec h1 {
        font-size:40px
    }

    .zbanner-sec p {
        font-size: 22px
    }

    .zcyber-security-sec h2 {
        font-size: 30px;
        width: 90%;
        margin: 0 auto
    }

    .zwc-security-tailored-cont p {
        font-size: 16px
    }

    .zslide-3 h2 {
        font-size: 18px
    }

    .zcyber-security-tabs {
        font-size: 10px;
    }

    .zwc-tabs-wrap p,.zbottom-inner h2+p,.zwc-security-points li {
        font-size: 14px
    }

    .zwc-tabs-wrap .zscreen-header,.zbottom-inner h2 {
        font-size: 20px
    }

    .zawards-sec p,.zwc-security-tailored-cont h2,.zwc-tabs-wrap h3 {
        font-size: 16px
    }

    .zcyber-security-tabs>span {
        width: unset;
    }

    .zbanner-sec h1:after {
        width: 60px;
        height: 60px;
        right: 60px;
        background-size: 60px auto
    }

    .zbanner-sec {
        padding-top: 80px
    }

    .zcompiance-badges {
        gap: 30px 30px;
        padding: 30px
    }

    .cwf-container .cwf-wrap .cwf-checkbox-control .cwf-checkbox-text {
        width: 48%;
        margin-bottom: 5px
    }

    .cwf-container .cwf-wrap .cwf-input,.cwf-container .cwf-wrap .cwf-single-select-control .cwf-select {
        height: 41px
    }

    .zcyber-tabs-wrap {
        padding: 20px 0 0;
        top: 50px
    }

    .zwc-security-tailored-cont,.zbottom-contactus,.zawards-sec {
        padding: 60px 0
    }

    .zslide.zslide-3 {
        padding: 200px 0
    }

    .zunderline-1xstroke::before {
        background-size: contain
    }

    .zsecurity-tailored-popup {
        max-width: 200px;
        right: 20px
    }

    .zwc-tabs-parent-wrap {
        margin-top: 20px
    }

    .zexplore-link a {
        font-size: 18px;
        height: 50px;
        min-width: 250px
    }

    .zsmall-sun-circle {
        width: 650px;
        height: 650px;
        bottom: -380px;
        left: -50px
    }

    .zmedium-sun-circle {
        width: 1050px;
        height: 1050px;
        bottom: -600px;
        left: -255px
    }

    .zlarge-sun-circle {
        width: 1450px;
        height: 1450px;
        left: -450px;
        bottom: -860px
    }
.zwc-securoty-tailored-sec {
    display: none;
}
  .zcyber-security-tabs>span {
        width: 17%;
    }
    .zcyber-security-tabs>span:nth-child(2) {
        width: 32%;
    }
}

@media screen and (max-width: 480px) {
    .zbanner-sec h1 {
        font-size:46px
    }

    .zcyber-security-sec h2 {
        font-size: 28px
    }

    .zslide-3 h2 {
        font-size: 18px
    }

    .zcyber-security-tabs {
        font-size: 9px;
    }
.zcyber-security-tabs>span{
      padding: 3px 10px;
}
    .zwc-tabs-wrap p,.zbottom-inner h2+p,.zwc-security-points li {
        font-size: 14px
    }

    .zwc-tabs-wrap .zscreen-header,.zbottom-inner h2 {
        font-size: 20px
    }

    .zawards-sec p,.zwc-security-tailored-cont h2,.zwc-tabs-wrap h3 {
        font-size: 16px
    }

    .zexplore-link a {
        font-size: 12px;
        min-width: 200px;
        height: 44px
    }

    .zbanner-sec p {
        font-size: 24px;
        max-width: 270px;
        margin: 0 auto
    }

    .zexplore-link {
        top: 25px
    }

    .zcyber-security-sec h2 {
        max-width: 300px;
        margin: 0 auto 15px
    }

    .zheader-img {
        max-width: 300px;
        margin: 0 auto
    }

    .zslide {
        padding: 30px
    }

    .zsecurity-tailored-popup {
        max-width: 130px;
        right: 0
    }

    .zawards-sec,.zwc-security-tailored-cont,.zbottom-contactus,.zawards-sec {
        padding: 40px 0
    }

    .zwc-security-points {
        margin: 40px auto 0
    }

    .zcompliance-wrap {
        margin-top: 0
    }

    .zsmall-sun-circle {
        width: 650px;
        height: 650px;
        bottom: -440px;
        left: -115px
    }

    .zmedium-sun-circle {
        width: 1050px;
        height: 1050px;
        bottom: -700px;
        left: -315px
    }

    .zlarge-sun-circle {
        width: 1450px;
        height: 1450px;
        left: -520px;
        bottom: -970px
    }
        .zawards-sec p {
        padding: 35px 30px;
        }
  .zwc-security-tailored-cont p {
margin-top: 20px;
    }
.zwc-security-tailored-cont h2 {
    max-width: 220px;
    margin: 0 auto;
}
    .zslide.zslide-3 {
        padding: 150px 0;
    }
.zawards-sec p {
    background-position: center;
}
.zwc-ulla-screen-img.zwc-mail-screen-img.zfor-mobile img {
    transform: scale(1.2);
    left: -20px;
    position: relative;
}
}
@media screen and (max-width: 380px) {
    .zawards-sec p {
        background:none;
    }
    .zslide.zslide-3 {
        padding: 100px 0;
    }
.zcyber-tabs-wrap {
    display: none;
}
}