.common_terms_wrap.black-theme *,
        .common_terms_wrap.black-theme *:after,
        .common_terms_wrap.black-theme *:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }
        .common_terms_wrap.black-theme{
            background: #000;
        }
        section#block-panels-mini-product-menu,
        .footer-sec-wrap {
            display: none
        }
        .common_div{padding-top: 48px;} 
        .row{margin-top: -68px;}
        .common_terms_wrap.black-theme p,
        h1,
        h2,
        h3 {
            color: #fff
        }

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

        h3 {
            font-family: var(--zf-secondary-semibold)
        }

        .common_terms_wrap.black-theme {
            background-color: #000
        }

        .content-wrap.munu-content-wrap {
            max-width: 1280px;
            padding-top: 30px
        }

        .menu-list {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            position: relative
        }

        .menu-left a {
            color: #fff;
            font-family: var(--zf-secondary-semibold);
            font-size: 22px
        }

        .menu-right ul {
            display: flex
        }

        .menu-right ul li a {
            color: #fff;
            font-size: 16px
        }

        .menu-right ul li a.active {
            position: relative
        }

        .menu-right ul li a {
            margin-left: 30px;
            display: inline-block
        }

        .menu-right ul li a.active:after {
            content: '';
            left: 0;
            bottom: -1px;
            height: 1px;
            background-color: #fff;
            position: absolute;
            width: 100%
        }

        .menu-tog-icons {
            text-indent: 0;
            width: 50px;
            cursor: pointer;
            height: 50px;
            transition: all .3s ease;
            text-align: center;
            font-family: var(--zf-primary-semibold)
        }

        .ico-wraps {
            width: 26px;
            height: 15px;
            display: block;
            position: relative;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer;
            margin: 4px auto 0;
            pointer-events: none;
            font-family: var(--zf-primary-bold)
        }

        .ico-wraps span {
            display: block;
            position: absolute;
            height: 2px;
            width: 50%;
            background: #fff;
            opacity: 1;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out
        }

        .ico-wraps span:nth-child(2n+1) {
            left: 0;
            border-radius: 9px 0 0 9px
        }

        .ico-wraps span:nth-child(1),
        .ico-wraps span:nth-child(2) {
            top: 0
        }

        .ico-wraps span:nth-child(2n) {
            left: 50%;
            border-radius: 0 9px 9px 0
        }

        .ico-wraps span:nth-child(3),
        .ico-wraps span:nth-child(4) {
            top: 6px
        }

        .ico-wraps span:nth-child(5),
        .ico-wraps span:nth-child(6) {
            top: 12px
        }

        .ico-wraps.active span {
            background: #8c8c8c
        }

        .ico-wraps.active {
            color: #757575
        }

        .ico-wraps.active span:nth-child(1),
        .ico-wraps.active span:nth-child(6) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .ico-wraps.active span:nth-child(1) {
            left: 4px;
            top: 5px
        }

        .ico-wraps.active span:nth-child(2),
        .ico-wraps.active span:nth-child(5) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .ico-wraps.active span:nth-child(2) {
            left: calc(50% - 4px);
            top: 5px
        }

        .ico-wraps.active span:nth-child(3) {
            left: -50%;
            opacity: 0
        }

        .ico-wraps.active span:nth-child(4) {
            left: 100%;
            opacity: 0
        }

        .ico-wraps.active span:nth-child(5) {
            left: 4px;
            top: 10px
        }

        .ico-wraps.active span:nth-child(6) {
            left: calc(50% - 4px);
            top: 10px
        }

        .content-wrap {
            padding: 0;
            max-width: 1140px
        }

        .flex-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .width-33 {
            width: 31%;
            background: #121212;
            margin: 0 1%;
            border-radius: 10px;
            padding: 50px 0
        }

        .width-50 {
            width: 48%;
            background: #121212;
            margin: 0 1%;
            border-radius: 10px;
            padding: 50px
        }

        .width-100 {
            width: 98%;
            background: #121212;
            margin: 0 1%;
            border-radius: 10px;
            padding: 50px
        }

        .left-logo {
            display: inline-block;
            background: url("/sites/default/files/zoho_general_pages/zgheader-footer-sprite.png") no-repeat 0 0/980px auto;
            width: 99px;
            height: 36px;
            text-indent: -99999px;
            font-size: 0;
            vertical-align: top
        }

        .left-logo a {
            display: block;
            height: 100%
        }

        [class^='icon'] {
            width: 60px;
            height: 60px;
            background: url("/sites/default/files/zoho_general_pages/zclpl/zoho-privacy-sprite.png") 0 0/840px no-repeat;
            display: block;
            margin-bottom: 20px
        }

        span.icon-heart {
            background-position: 0 0
        }

        span.icon-sell {
            background-position: -60px 0
        }

        span.icon-ad {
            background-position: -120px 0
        }

        span.icon-no-add {
            background-position: -175px -7px
        }

        span.icon-no-double-dipping {
            background-position: -235px -4px
        }

        span.icon-encryption-transit {
            background-position: -355px 0
        }

        span.icon-encryption-rest {
            background-position: -415px 0
        }

        span.icon-full-stack {
            background-position: -475px -5px
        }

        span.icon-ad-provides {
            background-position: -535px -5px
        }

        span.icon-pressure {
            background-position: -595px -5px
        }

        span.icon-money {
            background-position: -655px -5px
        }

        span.icon-commitment {
            background-position: -775px -5px
        }

        span.icon-surveillance {
            background-position: -297px -4px
        }

        span.icon-clock {
            background-position: -715px -4px
        }

        .title-sec {
            text-align: center;
            margin: 0 0 60px
        }

        .cmn-css {
            margin-top: 120px
        }

        .bold {
            display: inline;
            transition: all 1s ease-in-out
        }

        .color1 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #6e112c 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color2 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #055e4d 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color3 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #86580b 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color4 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #097e59 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color5 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #13276b 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color6 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #481782 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color7 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #a51620 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color8 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #86580b 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color9 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #097e59 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color10 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #13276b 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .color11 {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #a51720 50%);
            background-size: 200%;
            background-position: 0 0
        }

        .middle-animated .bold {
            background-position: -100% 0
        }

        .button-wrap {
            margin-top: 80px;
            text-align: center
        }

        .button-wrap h2 {
            margin-bottom: 35px
        }

        .btn-red {
            color: #f0483e;
            border: 2px solid #f0483e;
            padding: 10px 30px;
            display: inline-block;
            width: fit-content;
            margin: 0 auto;
            font-size: 16px;
            border-radius: 3px;
            text-transform: uppercase;
            font-family: var(--zf-primary-semibold)
        }

        .banner-section {
            background-image: url("/sites/default/files/zoho_general_pages/zclpl/banner-texture.png");
            background-size: 200px;
            background-color: #080808
        }

        .banner-section .content-wrap {
            overflow: visible
        }

        .banner-section-inner {
            padding: 0 0 80px
        }

        .banner-section-inner .banner-text {
            max-width: 834px;
            text-align: center;
            margin: 40px auto 0;
            color: #fff;
            padding: 100px 0;
            background: url('/sites/default/files/zoho_general_pages/zclpl/zoho-privacy-shield.png') no-repeat;
            background-size: 48%;
            background-position: center
        }

        .trust-section {
            position: relative
        }

        .trust-section:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 50%;
            background-image: url("/sites/default/files/zoho_general_pages/zclpl/banner-texture.png");
            background-size: 200px;
            background-color: #080808
        }

        .trust-section-inner .trust-content {
            color: #fff;
            text-align: center
        }

        .trust-section-inner .trust-content span {
            margin: 0 auto 10px
        }

        .trust-section-inner .trust-content h3 {
            font-size: 23px;
            max-width: 220px;
            margin: 0 auto
        }

        .infrastructure-privacy-section {
            margin-top: 80px
        }

        .bottom-btn-wrap {
            margin-top: 120px;
            padding-bottom: 120px
        }

        .footer {
            text-align: center;
            margin-top: 100px;
            background: #121212;
            padding: 30px 0
        }

        .bottom-btn-wrap a.btn-red:not(:last-child) {
            margin-right: 30px
        }

        .footer p {
            margin-bottom: 0;
            font-size: 16px
        }

        @media(min-width:1200px) {
            h1 {
                font-size: 45px
            }

            h2 {
                font-size: 40px
            }
        }

        @media(max-width:991px) {
            .left-logo {
                margin-left: 15px
            }

            .banner-section-inner .banner-text {
                max-width: 650px;
                background-size: 60%
            }
        }

        @media(max-width:800px) {
            .width-33 {
                width: 31%;
                background: #121212;
                margin: 15px;
                min-width: 300px
            }

            .trust-section:before {
                content: unset
            }

            .banner-section-inner .banner-text {
                max-width: 560px;
                margin: 50px auto 10px
            }

            .trust-section {
                position: relative;
                margin-top: 100px
            }

            .trust-section .flex-wrap {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .cmn-css {
                margin-top: 100px
            }

            .width-50 {
                width: 100%;
                margin: 15px 0
            }

            .title-sec {
                text-align: center;
                margin: 0 0 40px
            }

            .button-wrap {
                margin-top: 50px;
                text-align: center
            }
        }

        @media(max-width:767px) {
            .menu-right ul {
                position: absolute;
                top: 35px;
                left: 0;
                display: block;
                width: 100%;
                padding-bottom: 15px;
                background-image: url(/sites/default/files/zoho_general_pages/zclpl/banner-texture.png);
                background-size: 200px;
                background-color: #080808;
                z-index: 1
            }

            .menu-right ul li:not(:last-child) a {
                margin-right: 0;
                display: block;
                margin: 10px 0
            }

            .menu-right ul li a.active:after {
                content: unset
            }

            .content-wrap.munu-content-wrap {
                padding-top: 20px
            }

            section#block-panels-mini-product-menu {
                display: block
            }

            .menu-icon-help-header .product-title {
                text-indent: unset
            }
        }

        @media(max-width:610px) {
            .cmn-css {
                margin-top: 70px
            }

            .banner-section-inner {
                padding: 40px 0 70px
            }

            .left-logo {
                display: block;
                margin: 0 auto
            }

            .banner-section-inner .banner-text {
                margin: 50px auto 10px;
                padding: 60px 0;
                background-size: 70%
            }

            .bottom-btn-wrap a.btn-red:not(:last-child) {
                margin-bottom: 10px;
                margin-right: 10px
            }
        }

        @media(max-width:480px) {
            .cmn-css {
                margin-top: 70px
            }

            .infrastructure-privacy-section {
                margin-top: 70px
            }

            .banner-section-inner {
                padding: 40px 0
            }

            .banner-section-inner .banner-text {
                margin: 0 auto 0;
                padding: 0 0 50px
            }

            .trust-section {
                position: relative;
                margin-top: 60px
            }

            .width-50,
            .width-100 {
                padding: 20px
            }

            .bottom-btn-wrap a.btn-red:not(:last-child) {
                margin-bottom: 10px;
                margin-right: 0
            }

            .btn-red {
                padding: 10px 50px
            }
        }

        .i18n-ar .banner-section-inner .banner-text h1,
        .i18n-ar .banner-section-inner .banner-text p {
            text-align: center
        }

        .i18n-ar .title-sec h2 {
            text-align: center
        }

        .i18n-ar .button-wrap .content-wrap {
            text-align: center
        }

        .i18n-ar .button-wrap.bottom-btn-wrap h2 {
            text-align: center
        }

        .i18n-ar .bottom-btn-wrap a.btn-red:not(:last-child) {
            margin-right: 0;
            margin-left: 30px
        }

        .i18n-ar .trust-section-inner .trust-content h3 {
            text-align: center
        }

        .i18n-ar .middle-animated .bold {
            background-position: 100% 0
        }

        .learn-more-cta {
            color: #f0483e;
            font-size: 16px;
            text-transform: uppercase;
            font-family: var(--zf-primary-semibold)
        }

        .zgh-localization.init {
            display: none !important
        }