.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("//cdn.zoho.com.cn/sites/zweb/images/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("//cdn.zoho.com.cn/sites/zweb/images/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("//cdn.zoho.com.cn/sites/zweb/images/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('//cdn.zoho.com.cn/sites/zweb/images/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("//cdn.zoho.com.cn/sites/zweb/images/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(//cdn.zoho.com.cn/sites/zweb/images/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
 }