:root {	
	--zcr-dark-bg: #25349a;	
	--zcr-light-bg: #ebefff;	
	--zcr-text-yellow: #fc0;	
	--zcr-lred-bg: #ffecec;	
	--zcr-link-clr: #007fff;	
	--zcr-logo: url(//cdn.zoho.com.cn/sites/zweb/images/creator/zoho-creator-logo.svg);	
	--zcr-logo-dark: url(//cdn.zoho.com.cn/sites/zweb/images/creator/zoho-creator-logo-dark.svg);	
	--zcr-logo-png: url(//cdn.zoho.com.cn/sites/zweb/images/creator/zoho-creator-logo.png);	
	--zcr-logo-png-dark: url(//cdn.zoho.com.cn/sites/zweb/images/creator/zoho-creator-logo-dark.png)	
}
.dropdown.active .dropdown-menu{
    width:auto!important;
    }
   /* .product-nav-links li.sub-level .nolink {
        padding: 0;
    }*/
    /*.zw-product-header .product-nav-links li.sub-level .nolink:after{*/
    /*right:-15px;*/
    /*}*/
.dropdown-menu .sub-dropdown.active{
    padding: 10px 12px;
    width: auto!important;
}
/*.menu .zmenu-features .dropdown-menu li.sub-level a {*/
/*    padding: 7px 55px 7px 30px;*/
/*}    */
.menu .zmenu-features .dropdown-menu .sub-level > a{
    padding: 7px 55px 7px 20px;
    
}
.zw-product-creator .footer-sec-wrap.two-column .content-wrap{
    width: 100%;
    display: grid;
    max-width: 1280px;
}
.zw-primary-wrap .zw-slide-promobnr-links{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px 0;
}
.footer-sec-wrap.two-column .promo-section-wrap{
    width: 100%;
    padding-top: 40px;
}
.promo-section-wrap .customer-stories p a{
    display: inline;
    color: #000;
    font-size: 15px;
}
.footer-sec-wrap .customer-stories .customer-stories-signupbtn{
    margin: 0 auto;
}
.footer-sec-wrap.two-column .footer-links-wrap{
    padding-left: 120px;
}
.footer-sec-wrap .product-links.two-column > div{
    max-width: 100%;
}
@media screen and (max-width: 1400px){
     .footer-sec-wrap .customer-stories{
         width: 86%;
     }
     .footer-sec-wrap .promo-section-wrap .footer-img{
          max-width: 346px;
          margin-bottom: 20px;
     }
}

    /********* learn-more-button *********/
    .zcr-btn-brd,.zcr-btn-brd-sml,.zcr-btn-clr,.zcr-btn-clr-sml, .zcr-txt-clr, .zcr-txt-clr-sml{
        display: inline-block;
        font-family: var(--primaryfont-semibold);
        border-radius: 3px;
        font-size: 15px;
        padding: 12px 30px;
        text-transform: uppercase; 
        text-decoration: none;
cursor:pointer;
    }
    .za-rmobile-container.sgfrm .za-country_code-container {
      margin-top: 15px;
    }
    .zcr-btn-brd, .zcr-btn-brd-sml {
        border: 1px solid #2869f6;
        background: transparent;
        color: #2869f6;
    }
    .zcr-btn-brd-sml, .zcr-btn-clr-sml, .zcr-txt-clr-sml{    
        padding: 10px 20px;
        font-size: 13px;
    }
    .zcr-btn-clr,.zcr-btn-clr-sml, .zcr-txt-clr, .zcr-txt-clr-sml{
        color: #fff;
        background: #2869f6;
    }
    .zcr-txt-clr, .zcr-txt-clr-sml{
        color: #2869f6;
        padding: 0;
        background: none;
        border-bottom: 2px solid;
        border-radius: 0;
    }
    /******** end-learn-more-buttonr **********/
    .placetxt{color:gray;display:none}
    .inline-block{display:inline-block;}
    .language-wrap, .other-lang .quick-connect-links-wrap, .trust-brands-wrap ul li.tb-tesla{display:none!important;}
    .help-promotional-section, .quick-connect-links-wrap{display:none}
    .node-type-product-help-2-0-content-section .content-panel-wrap>.help-content-panel{padding-top:20px;}
    /* Footer banner region */
    .footer-sec-wrap .roadshow-region-sg, .footer-sec-wrap .roadshow-region-ph, .footer-sec-wrap .roadshow-region-ae, .footer-sec-wrap .roadshow-region-eg, .footer-sec-wrap .roadshow-region-nl, .footer-sec-wrap .roadshow-region-de, .ccode-sg .footer-sec-wrap .roadshow-region, .ccode-ph .footer-sec-wrap .roadshow-region, .ccode-ae .footer-sec-wrap .roadshow-region, .ccode-eg .footer-sec-wrap .roadshow-region, .ccode-nl .footer-sec-wrap .roadshow-region, .ccode-de .footer-sec-wrap .roadshow-region{
    display:none!important;
    }
    .ccode-sg .footer-sec-wrap .roadshow-region-sg, .ccode-ph .footer-sec-wrap .roadshow-region-ph, .ccode-ae .footer-sec-wrap .roadshow-region-ae, .ccode-eg .footer-sec-wrap .roadshow-region-eg, .ccode-nl .footer-sec-wrap .roadshow-region-nl, .ccode-de .footer-sec-wrap .roadshow-region-de{
    display:inline-block!important;
    }
    .menu .zmenu-platform.dropdown.active .dropdown-menu.threeCol-sec,.menu .dropdown.active .dropdown-menu.threeCol-sec{
    display:flex;
    flex-wrap:wrap;
    }
    /* End Footer banner region */
/*--------Get quote form---------*/

.getquote-box,
.getquote-box * {
    box-sizing: border-box;
}

.getquote-box .rd-demoButton {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease,visibility .2s ease;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #007eff;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 40px;
    line-height: 40px !important;
    padding: 0 35px 0 20px;
    z-index: 99;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold);
    border-radius: 5px;
}

.getquote-box .rd-demoButton:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 18px;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-left: 0;
    border-bottom: 0;
    pointer-events: none;
    transform: rotate(-45deg);
}

.getquote-box .fieldset {
    margin-bottom: 20px;
}

.getquote-box .success-alert {
    display: none;
    margin: 0px auto 0;
    height: 42px;
    position: fixed;
    z-index: 999999;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
}

.getquote-box .scs-pop-inr {
    padding: 12px 20px;
    position: relative;
    max-width: 460px;
    margin: 0 auto;
    background: #40BD60;
    width: 100%;
    opacity: 0;
}

.getquote-box .scs-pop-inr.animate {
    animation: bounceIn 0.8s forwards;
    -webiki-animation: bounceIn 0.8s forwards;
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.getquote-box .success-alert .scs-txt {
    font-size: 13px;
    display: block;
    text-align: center;
    font-family: var(--zf-primary-regular);
    color: #fff;
}

.getquote-box .success-alert .close-icn {
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    font-family: var(--zf-primary-regular);
    position: absolute;
    top: 5px;
    right: 12px;
}

.getquote-box .formSec {
    width: 100%;
    overflow: auto;
    max-width: 412px;
    position: fixed;
    transform: translateX(120%);
    -webkit-transform: translateX(120%);
    right: 0;
    top: 0;
    z-index: 0;
    -webkit-box-shadow: -7px 0px 28px 0px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: -7px 0px 28px 0px rgba(0, 0, 0, 0.46);
    box-shadow: -7px 0px 28px 0px rgba(0, 0, 0, 0.46);
    height: 100%;
    background: #fff;
    opacity: 0;
}

.getquote-box .formSec.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    z-index: 9999999999999;
    opacity: 1;
}

.getquote-box .formInner {
    border-left: 1px solid #ddd;
    padding: 35px 55px 45px 44px;
    background: #fff;
    height: auto;
    text-align: left;
}

.getquote-box .form-close {
    background: url('//cdn.zoho.com.cn/sites/zweb/images/creator/close-icon.png') no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background-size: 17px;
    opacity: 0.6;
}

.getquote-box .formInner input[type="text"]::placeholder,
.getquote-box .formInner textarea::placeholder {
    color: #636363;
}

.getquote-box .formInner input[type="text"] {
    border: 1px solid #e3e3e3;
    font-size: 13px;
    height: 38px;
    padding: 0 8px;
    width: 100%;
    outline: none;
    margin-left: unset !important;
    color: #000;
}

.getquote-box .formInner textarea {
    border: 1px solid #d4d4d4;
    font: inherit;
    font-size: 13px;
padding: 5px 8px;
height: 80px;
width: 100%;
max-width: 100%;
resize: none;
margin-left: unset !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
}

.getquote-box .formInner .zgdprform-countrylist-container {
    max-width: unset !important;
    width: unset !important;
    margin-left: unset !important;
    height: unset !important;
    margin-bottom: 20px !important;
}

.getquote-box .formInner .zgdprform-countrylist-container select.globalcountrycode {
    height: 40px !important;
}

.getquote-box div.zgdprform-state-container select::-ms-expand,
.getquote-box div.zgdprform-countrylist-container select::-ms-expand,
.getquote-box .formInner select::-ms-expand {
    display: none;
}

.getquote-box .select-box {
    position: relative;
}

.getquote-box .select-box:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    position: absolute;
    right: 8px;
    top: 20px;
    margin-top: -3px;
    border-radius: 6px;
}

.getquote-box .formInner select {
    border: 1px solid #e2e2e2;
    font-size: 13px;
    height: 38px;
    width: 100%;
    background: none;
    color: #000!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 10px;
}

.getquote-box .sign_agree {
    color: #000;
    font-size: 11px;
    line-height: 20px;
    margin-top: 0;
    padding-bottom: 10px;
    width: 100%;
    text-align: left;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    margin: 0 auto;
}

.getquote-box div.zgdprform-opt-container,
.getquote-box p.zgdprform-opt-container {
    clear: both;
    text-align: left;
    padding-left: 18px;
    font-size: 11px;
    line-height: 1.3;
    position: relative;
    margin-bottom: 30px;
}

.getquote-box .zgdprform-opt-container input.chk_bx {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

.getquote-box .submit-btn {
    background: #f0483e;
    border: 1px solid #f0483e;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    font-family: var(--zf-primary-semibold);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: unset;
    margin-left: unset !important;
}

.getquote-box .freeze_layer {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.getquote-box .active_freaze {
    display: block;
}

.getquote-box .zoverlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.getquote-box .zsubmit {
    text-align: center;
}

.getquote-box .formInner input[type="submit"],
.getquote-box .formInner button[type="submit"] {
    background: #f0483e;
    border: 1px solid #f0483e;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 40px;
    height: 45px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: var(--primaryfont-semibold);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.getquote-box .formInner button:disabled {
    cursor: not-allowed;
}

.getquote-box .zgdprform-state-container.zshow-common {
    margin-bottom: 30px!important;
}

.getquote-box div.zgdprform-state-container::after,
.getquote-box div.zgdprform-countrylist-container::after {
    right: 10px;
}

.getquote-box label.error {
    display: block;
    color: red;
    font-size: 11px;
    float: none;
}

.getquote-box .formInner .progress-loader {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #f0483e;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    display: none;
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.api-menu-panel.api-menu-panel-view{
    top: 145px;
}
.content-panel-wrap>.api-content-panel.api-content-panel-view{
    top: 178px;
}
@media screen and (min-width:768px) {
    .sWidget-is-visible .zsiq_floatmain {
        transform: translate(0,-55px);
    }
}

@media screen and (max-width:767px) {
    .getquote-box .rd-demoButton {
        display: none;
    }
}

@media screen and (max-width:380px) {
    .getquote-box .formInner textarea {
        max-width: 93%;
    }
    .getquote-box .success-alert .scs-txt {
        font-size: 10px;
    }
    .getquote-box .success-alert {
        width: 90%;
    }
}

.i18n-ar .getquote-box .rd-demoButton {
    left: 10px;
    right: inherit;
}

.i18n-ar .getquote-box .formSec {
    transform: translateX(-120%);
    -webkit-transform: translateX(-120%);
}

.i18n-ar .getquote-box .formSec.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.i18n-ar .getquote-box .formSec {
    left: 0;
    right: inherit;
}

.i18n-ar .getquote-box .form-close {
    left: 20px;
    right: inherit;
}

.i18n-ar .getquote-box div.zgdprform-opt-container,
.i18n-ar .getquote-box p.zgdprform-opt-container {
    padding-left: 0;
    padding-right: 18px;
    text-align: right;
}

.i18n-ar .getquote-box .select-box:after,
.i18n-ar .getquote-box div.zgdprform-state-container:after,
.i18n-ar .getquote-box div.zgdprform-countrylist-container:after {
    left: 10px;
    right: inherit;
}

.i18n-ar .getquote-box .sign_agree p {
    text-align: right !important;
}

.i18n-ar .getquote-box .zgdprform-opt-container input.chk_bx {
    left: inherit !important;
    right: 0 !important;
}


/*--------Get quote form---------*/

    @media only screen and (min-width:992px) and (max-width:1199px){
    #mini-panel-product_menu .product-nav-links .menu li{margin-left:30px;}
    }
    @media only screen and (min-width:768px) and (max-width:991px){
    #mini-panel-product_menu .product-nav-links .menu li{margin-left:20px;}
    #mini-panel-product_menu .product-nav-links .menu li.leaf.zmenu-contactus {display: none;}
    }
    
    a.reload-img {
        font-size: 16px;
        height: 30px;
        width: 30px;
        text-indent:-9999px;
        display: inline-block;
        background-image: url("//cdn.zoho.com.cn/sites/zweb/images/creator/zc-captcha-reload.svg");
        background-repeat: no-repeat;
        background-position: center center;
    background-size: cover;
    }
    /* Reload icon css */
    img#imgid {
        border: 1px solid #e5e5e5;
        vertical-align: middle;
        margin-right: 10px;
    }
    
    /* CHAT WIDGET CSS */
    .zcr-chat-widget {
      position: fixed;
      right: 20px;
      bottom: 0;
      width: 180px;
      height: auto;
      z-index: 1;
      cursor: pointer;
      visibility: hidden;
      opacity: 0;
      transition: all 1000ms ease;
    }
    .zcr-chat-widget.active {
      visibility: visible;
      opacity: 1;
    }
    .zcr-chat-widget a {
      font-size: 15px;
      display: inline-block;
      width: 100%;
      color: #fff;
      padding: 12px;
    background: #4f88eb;
    background: -moz-linear-gradient(left,#4f88eb 1%,#3aa9e7 50%,#00cce2 100%);
    background: -webkit-linear-gradient(left,#4f88eb 1%,#3aa9e7 50%,#00cce2 100%);
    background: transparent linear-gradient(134deg,#401ac9 0%,#d11414 100%) 0% 0% no-repeat padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f88eb',endColorstr='#00cce2',GradientType=1);
    text-align: center;
    font-family: 'Zoho_Puvi_SemiBold';
      line-height: 1;
    }
    /* CHAT WIDGET CSS ENDS */
    
    /* DROPDOWN NOLINK CSS */
    
    #mini-panel-product_menu .product-nav-links li .zmenu-bysize span, #mini-panel-product_menu .product-nav-links li .zmenu-byindustry span, #mini-panel-product_menu .product-nav-links li .zmenu-byusecase span,  .product-header-top .product-nav-links .nav > li .zmenu-byindustry span,  .product-header-top .product-nav-links .nav > li .zmenu-bysize span, .product-header-top .product-nav-links .nav > li .zmenu-byusecase span{display: block;
    width: 100%;
    padding: 10px 30px;
    font-family:var(--zf-primary-semibold);
    background-image: none;
    font-size: 17px;
    cursor: default;
    color: #000;
    background: inherit;
    }
    /* DROPDOWN NOLINK CSS ENDS */
    
    /****************************************Help Pages Css****************************************/
    .banner-wrap.banner-resize+.help-note{margin:0 auto 40px;max-width:720px;width:90%;box-sizing:border-box;text-align:left;padding:15px 20px;background:#fffde8;}
    .banner-wrap.banner-resize+.help-note p{display:inline-block;font-size:13px;margin:0;}
    .banner-wrap.banner-resize+.help-note p span{display:inline-block;}
    .body-help-pages .field-body .script{word-wrap:break-word;background:#F4F4F4;border:1px dotted;margin:20px 0;padding:20px;font-size:13px;}
    .main-content .content-panel li,.field-body .content-panel li{margin:10px 0;}
    .main-content .scriptNew,.field-body .scriptNew{background:#E5F2FF;padding:20px;border:none;border-left:2px solid #9DCDFB;font-family:'menlo';font-size:12px !important;line-height:1.6em;}
    .main-content .content-panel .noteNew p,.field-body .content-panel .noteNew p{margin:0px;}
    .main-content pre,.field-body pre{background-color:none !important;white-space:pre-wrap !important;}
    /** Sticky CSS Starts**/
    .main-content .followMeBar,.field-body .followMeBar{position:relative;z-index:1;width:755px;margin-top:0px;}
    .main-content .followMeBar.fixed,.field-body .followMeBar.fixed{position:fixed;top:0;z-index:0;}
    .main-content .followMeBar.fixed.absolute,.field-body .followMeBar.fixed.absolute{position:absolute;}
    /** Sticky CSS Ends **/
    .main-content .fixed,.field-body .fixed{position:fixed;top:0;}
    .main-content .scriptNew,.field-body .scriptNew{background:#E5F2FF;padding:20px;border:none;border-left:2px solid #9DCDFB;font-family:'menlo';font-size:12px !important;line-height:1.6em;width:100%;box-sizing:border-box;word-wrap:break-word;}
    .main-content .noteNew,.field-body .noteNew{background:#FEFFEF;padding:10px;border:none;border-left:2px solid #F6FF6F;margin-bottom:13px;overflow:hidden;}
    .main-content .noteNew ul,.field-body .noteNew ul{display:inline-block;float:left;}
    .main-content .reponseFormat,.field-body .reponseFormat{font-family:'monaco';line-height:1.6em;padding:10px;background:#FBFBFB;}
    .main-content .responseSuccess,.field-body .responseSuccess{border-left:2px solid #8ADCC2;font-size:13px;}
    .main-content .responseFailure,.field-body .responseFailure{border-left:2px solid #E89B9B;}
    .main-content .dataTypeNew,.field-body .dataTypeNew{border:1px solid #D2E2FF;padding:3px;background:#F6FAFF;margin:3px;}
    .main-content .wherePara,.field-body .wherePara{padding:10px 0px 10px 0px !important;}
    .main-content .whereTable,.field-body .whereTable{display:table;border-spacing:15px;padding:10px;margin-left:23px;background:#FDFDFD;margin-bottom:15px;line-height:1.6em;border:1px solid #EFEFEF;}
    .main-content .whereRow,.field-body .whereRow{display:table-row;}
    .main-content .whereRow>div:first-child,.field-body .whereRow>div:first-child{font-family:monaco;}
    .main-content .whereRow>div:nth-child(2),.field-body .whereRow>div:nth-child(2){padding-bottom:6px}
    .main-content .whereColumn,.field-body .whereColumn{display:table-cell;vertical-align:middle;font-size:13px;}
    .main-content .whereColumn pre,.field-body .whereColumn pre{border-right:1px solid #B5B3B3;padding:0px 20px 3px 3px;margin-bottom:6px;}
    .main-content .field-body tr:hover,.field-body .field-body tr:hover{background:rgb(239, 239, 239);}
    .main-content .cm-s-default,.field-body .cm-s-default{background:none;font:inherit;}
    .main-content .cm-s-default .cm-tag,.field-body .cm-s-default .cm-tag{color:#7e7d7c;}
    .main-content .cm-s-default .cm-variable,.field-body .cm-s-default .cm-variable{color:#5E57B5;}
    .main-content .cm-s-default .cm-tag,.field-body .cm-s-default .cm-tag{color:#7e7d7c;}
    .main-content .cm-s-default .cm-operator,.field-body .cm-s-default .cm-operator{color:#7e7d7c;}
    .main-content .cm-s-default .cm-syntax,.field-body .cm-s-default .cm-syntax{color:#C69060;}
    .main-content .cm-s-default .cm-brackets,.field-body .cm-s-default .cm-brackets{color:#7e7d7c;}
    .main-content .cm-s-default .cm-tag,.field-body .cm-s-default .cm-tag{color:#7e7d7c;}
    .main-content .cm-s-default .cm-variable,.field-body .cm-s-default .cm-variable{color:#5E57B5;}
    .main-content .cm-s-default .cm-tag,.field-body .cm-s-default .cm-tag{color:#7e7d7c;}
    .main-content .cm-s-default .cm-variable,.field-body .cm-s-default .cm-variable{color:#5E57B5;}
    .main-content .cm-s-default .cm-tag,.field-body .cm-s-default .cm-tag{color:#7e7d7c;}
    .cm-s-default .cm-variable{color:#5E57B5;}
    .main-content .cm-s-default .cm-tag,.field-body .cm-s-default .cm-tag{color:#7e7d7c;}
    .main-content .cm-s-default .cm-variable,.field-body .cm-s-default .cm-variable{color:#5E57B5;}
    .main-content .cm-s-default .cm-brackets,.field-body .cm-s-default .cm-brackets{color:#7e7d7c;}
    .main-content .cm-s-default .cm-tag,.field-body .cm-s-default .cm-tag{color:#7e7d7c;}
    .main-content .cm-s-default .cm-tag,.field-body .cm-s-default .cm-tag{color:#7e7d7c;}
    .main-content .cm-s-default .cm-brackets,.field-body .cm-s-default .cm-brackets{color:#7e7d7c;}
    .main-content .cm-s-default .cm-semicolon,.field-body .cm-s-default .cm-semicolon{color:#7e7d7c;}
    .main-content .cm-s-default .cm-constant,.field-body .cm-s-default .cm-constant,.cm-s-default span.cm-string{color:#d10000!important;}
    .main-content .content-panel li ol li,.field-body .content-panel li ol li{list-style:decimal !important;}
    .main-content .content-panel li ol li ul li,.field-body .content-panel li ol li ul li{list-style:disc !important;}
    .whereColumn pre{border-radius:0px !important;}
    /****************************************Help Pages Css****************************************/
    .customer-stories p a{font-size:13px;}
    /***Creator New Help***/
    .plHr-high-topic-box{border:15px solid #F4F4F4;padding:15px 15px 0;margin-bottom:30px;}
    .plHr-high-topic-box h2{padding:0 0 10px;margin:0}
    .help-menu-panel>div>ul>li>a,.help-menu-panel{color:#333;font-size:15px;}
    .search-wrap .search-box h2{text-align:center;color:#fff;font-size:40px;}
    .helpful-wrap>div.feedback{display:none}
    /***Creator New Help***/
    .get-signup-plan input[type="radio"]{border:none !important;}
    
    .all-features{display:none}
    .customer-stories img{border:1px solid #eaeaea;box-sizing:border-box; margin:20px 0;}
    .node-type-product-help-2-0-home-section .start-freetrail,.node-type-product-help-2-0-content-section .start-freetrail,.node-type-product-help-2-0-index .start-freetrail{background:none repeat scroll 0 0 #f0483e !important;color:#fff !important;display:block;font-size:14px;font-weight:600;margin:0 auto 30px;max-width:200px;padding:12px 15px;text-transform:uppercase;width:100%;text-align:center;}
    .node-type-product-help-2-0-home-section .usefull-links span,.node-type-product-help-2-0-content-section .usefull-links span,.node-type-product-help-2-0-index .usefull-links span{color:#999;display:block;font-size:14px;line-height:22px;margin-bottom:8px;}
    .node-type-product-help-2-0-home-section .usefull-links a,.node-type-product-help-2-0-content-section .usefull-links a,.node-type-product-help-2-0-index .usefull-links a{color:#00add5 !important;display:inline-block;font-size:15px;line-height:22px;padding:2px 5px 0;text-decoration:underline;}
    .node-type-product-help-2-0-home-section .more-links-part,.node-type-product-help-2-0-content-section .more-links-part,.node-type-product-help-2-0-index .more-links-part{padding-top:30px;}
    .help-content-inner-wrap{border-bottom:1px solid #ccc;margin-bottom:30px;}
    
    .quick-connect-links-wrap{display:none;}
    
    /* ZC-REQUEST CALLBACK BANNER POPUP */
    .zc-request-banner-popup {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.8);align-content: center;vertical-align: middle;display: block;opacity: 0; visibility: hidden;transition: 0.5s ease-in;}
    .umain .zc-request-banner-popup, .umain + .zc-request-banner-popup, .body-umain .zc-request-banner-popup{display: none !important;}
    .zc-request-banner-popup p{margin: auto;position: absolute;left: 50%;right: auto;top: 50%;bottom: auto;max-width: 485px;transform: translate(-50%, -50%);width: 100%;}
    .zc-request-banner-popup.show-popup {opacity: 1;visibility: visible;}
    .zc-request-banner-popup span.pop-close{position: absolute;padding: 6px 15px;background: #000;color: #fff;right: -38px;top: 56px;font-size: 14px;cursor: pointer;}
    @media only screen and (max-width:600px){
    .zc-request-banner-popup p{width: 80%;}
    .zc-request-banner-popup span.pop-close{position: absolute;padding: 3px 8px;background: #000;color: #fff;right: -23px;bottom: 11px;font-size: 12px;cursor: pointer;left: auto;top: auto;}
    }
    /* ZC-REQUEST CALL BACK BANNER POPUP ENDS*/
    .i18n-ar .signup-box .za-org-container-namespace .portal-id {
        direction: ltr;
        text-align: right;
    }
    .i18n-ar .signup-box .za-newsletter-container label{
    padding-right:3px;
    }
    /*promotional top banner*/
    .zpromotion *,body .zpromotion{box-sizing:border-box!important}
    .zpromotion{background:#AC2A3D;padding:10px;position:relative;width:100%;z-index:1;color:#fff;}
    .zpromotion p{margin:0;text-align:center;font-size:17px;}
    .zpromotion p span{margin-right:10px}
    .zpromotion p a{padding:0;display:inline-block;margin-left:0;font-size:18px;color: #FFE680;font-family:var(--zf-primary-semibold);}
    .zpremoclose{position:absolute;right:22px;top:13px;width:20px;height:20px;opacity:1;background:#fff;border-radius:50%;font-size:0;cursor:pointer;}
    .zpremoclose:before,.zpremoclose:after{position:absolute;left:9px;content:' ';height:11px;width:2px;background-color:#0a0000;top:5px}
    .zpremoclose:after{transform:rotate(-45deg)}
    .zpremoclose:before{transform:rotate(45deg)}
    .zone label{color:#fff;}
    /* Trusted */
          .zcr-tr-brand-dark-thm{
          background-color: #15002e;
          color: #fff;
          }
          .zcr-tb-list>h2 {
          display: block;
          text-align: center;
          position: relative;
          }
          .zcr-tb-list ul {
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin: 20px 0px 0;
          }
          .zcr-tb-list li {
          display: inline-block;
          background: transparent;
          padding: 10px 20px;
          position: relative;
          border-radius: 5px;
          border: 1px solid #ccc;
          width: 18%;
          margin-top: 30px;
          }
          .zcr-tr-brand-dark-thm .zcr-tb-list li{
          border:1px solid #373737
          }
          .zcr-tb-list li span {
          display: inline-block;
          background: url(//cdn.zoho.com.cn/sites/zweb/images/creator/creator-trusted-brand-sprite.svg) no-repeat;
          background-size: 500px auto;
          vertical-align: middle;
          -webkit-transform: scale(.2);
          -ms-transform: scale(.2);
          transform: scale(.2);
          opacity: 0;
          -ms-filter: "alpha(opacity=0)";
          -webkit-transition: all .6s ease;
          -o-transition: all .6s ease;
          transition: all .6s ease;
          position: relative;
          }
          .in-view .zcr-tb-list li span {
          opacity: 1;
          -ms-filter: "alpha(opacity=100)";
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          }
          .zcr-tb-list .zcr-tb-amazon span {
          background-position: 2px 0px;
          width: 118px;
          height: 35px;
          background-size: 540px;
          left: 0;
          top: 12px;
          }
          .zcr-tr-brand-dark-thm .zcr-tb-amazon span{
            background-size: 950px;
            background-position: -725px -66px;
          }
          .zcr-tb-list .zcr-tb-saintgobian span {
          background-position: -173px 0;
          width: 120px;
          height: 51px;
          top: 0px;
          background-size: 800px;
          }
          .zcr-tb-list .zcr-tb-volkswagen span {
          background-position: -294px 0;
          width: 54px;
          height: 51px;
          background-size: 800px;
          top: 2px;
          }
          .zcr-tb-list .zcr-tb-marriott span {
          background-position: -468px -65px;
          width: 122px;
          height: 48px;
          background-size: 930px;
          }
          .zcr-tb-list .zcr-tb-swiggy span {
          background-position: -421px 0;
          width: 31px;
          height: 51px;
          background-size: 700px;
          top: 2px;
          }
          .zcr-tb-list .zcr-tb-mtn span {
          background-position: -452px 0;
          width: 46px;
          height: 46px;
          background-size: 700px;
          top: 2px;
          }
          .zcr-tb-list .zcr-tb-lyft span {
          background-position: -633px 1px;
          width: 65px;
          height: 46px;
          background-size: 700px;
          }
          .zcr-tb-list .zcr-tb-up span {
          background-position: -498px 0;
          width: 137px;
          height: 46px;
          background-size: 700px;
          top: 2px;
          }
          .zcr-tr-brand-dark-thm .zcr-tb-up span{
          background-position: -615px -96px;
          background-size: 800px;
          }
          .zcr-tb-list .zcr-tb-comcast span{
          background-position: -590px -65px;
          width: 120px;
          height: 48px;
          background-size: 930px;
          }
          .zcr-tr-brand-dark-thm .zcr-tb-comcast span{
          background-position: -590px -112px;
          }
          .zcr-tb-list .zcr-tb-cbre span{
          background-position: -198px -41px;
          width: 123px;
          height: 48px;
          background-size: 640px;
          left: 0;
          top: 6px;
          }
          .zcr-tb-list .zcr-tb-srtyker span{
          background-position: -60px -41px;
          width: 138px;
          height: 48px;
          background-size: 640px;
          left: 0;
          top: 6px;
          }
          .zcr-tb-list .zcr-tb-pwc span{
          background-position: 26px -66px;
          width: 117px;
          height: 50px;
          background-size: 940px;
          left: 0;
          top: 1px;
          }
          .zcr-tr-brand-dark-thm .zcr-tb-pwc span{
          background-position: 26px -116px;
          }
          .zcr-tb-list .zcr-tb-audile span{
             background-size: 770px;
             background-position: -334px 1px;
             width: 129px;
             height: 50px;
             left: 0;
             top: 0px;
          }
          .zcr-tr-brand-dark-thm .zcr-tb-audile span {
             background-position: -1012px -79px;
             background-size: 1140px;
          }
          .zcr-tr-brand-dark-thm .zcr-tb-volkswagen span,.zcr-tr-brand-dark-thm .zcr-tb-srtyker span{
          filter: brightness(100) invert(1);
          }
          .zcr-tb-list li:first-child span {
          -webkit-transition-delay: .2s;
          -o-transition-delay: .2s;
          transition-delay: .2s;
          }
          .zcr-tb-list li:nth-child(2) span {
          -webkit-transition-delay: .3s;
          -o-transition-delay: .3s;
          transition-delay: .3s;
          }
          .zcr-tb-list li:nth-child(3) span {
          -webkit-transition-delay: .4s;
          -o-transition-delay: .4s;
          transition-delay: .4s;
          }
          .zcr-tb-list li:nth-child(4) span {
          -webkit-transition-delay: .5s;
          -o-transition-delay: .5s;
          transition-delay: .5s;
          }
          .zcr-tb-list li:nth-child(5) span {
          -webkit-transition-delay: .6s;
          -o-transition-delay: .6s;
          transition-delay: .6s;
          }
          .zcr-tb-list li:nth-child(6) span {
          -webkit-transition-delay: .7s;
          -o-transition-delay: .7s;
          transition-delay: .7s;
          }
          .zcr-tb-list li:nth-child(7) span {
          -webkit-transition-delay: .8s;
          -o-transition-delay: .8s;
          transition-delay: .8s;
          }
          .zcr-tb-list li:nth-child(8) span {
          -webkit-transition-delay: .9s;
          -o-transition-delay: .9s;
          transition-delay: .9s;
          }
          .zcr-tb-list li:nth-child(9) span {
          -webkit-transition-delay: 1s;
          -o-transition-delay: 1s;
          transition-delay: 1s;
          }
          .zcr-tb-list li:nth-child(10) span {
          -webkit-transition-delay: 1.1s;
          -o-transition-delay: 1.1s;
          transition-delay: 1.1s;
          }
          .zcr-tb-list li:nth-child(11) span {
          -webkit-transition-delay: 1.2s;
          -o-transition-delay: 1.2s;
          transition-delay: 1.2s;
          }
          .zcr-tb-list li:nth-child(12) span {
          -webkit-transition-delay: 1.3s;
          -o-transition-delay: 1.3s;
          transition-delay: 1.3s;
          }
          .zcr-tb-list li:nth-child(13) span {
          -webkit-transition-delay: 1.4s;
          -o-transition-delay: 1.4s;
          transition-delay: 1.4s;
          }
          .zcr-tr-brand-white-thm .zcr-tb-amazon,.zcr-tr-brand-white-thm .zcr-tb-audile {
          background: #f4f4f4;
          border: 1px solid #d6d6d6;
          }
          .zcr-tr-brand-white-thm .zcr-tb-saintgobian,.zcr-tr-brand-white-thm .zcr-tb-swiggy,.zcr-tr-brand-white-thm .zcr-tb-mtn,.zcr-tr-brand-white-thm .zcr-tb-pwc {
          background: #fff6ef;
          border: 1px solid #f1b312;
          }
          .zcr-tr-brand-white-thm .zcr-tb-volkswagen,.zcr-tr-brand-white-thm .zcr-tb-srtyker {
          background: #e1ecfe;
          border: 1px solid #a9c2ea;
          }
          .zcr-tr-brand-white-thm .zcr-tb-cbre {
          background: #d8ffed;
          border: 1px solid #95edc7;
          }
          .zcr-tr-brand-white-thm .zcr-tb-up {
          background: #e8fbff;
          border: 1px solid #9feeff;
          }
          .zcr-tr-brand-white-thm .zcr-tb-comcast {
          background: #ffecee;
          border: 1px solid #ffb3b9;
          }
          .zcr-tr-brand-white-thm .zcr-tb-lyft {
          background: #ffebfd;
          border: 1px solid #f796d1;
          }
          .zcr-tr-brand-white-thm .zcr-tb-marriott{
          background: #fdf0f5;
          border: 1px solid #c3607e;
          }
          /* End Trusted */
    @media only screen and (max-width:991px){
        .zpromotion p{font-size:12px;line-height:1.5}
    /* Trusted Brands */
          .zcr-tb-list ul{
          max-width: 550px;
          margin:20px auto 0px;
          }
          .zcr-tb-list li{
          width: 32%;
          height: 73px;
          margin-top: 20px;
          }
          /* End Trusted Brands */
    }
    @media only screen and (max-width:767px){
    /********* learn-more-button ********/
    .zcr-btn-brd, .zcr-btn-clr{
        font-size: 14px;
        padding: 10px 25px;
    }
    .zcr-txt-clr {
        font-size: 14px;
        padding: 0;
    }
    /******* end-learn-more-buttonr *******/
        #block-panels-mini-product-menu{height:auto;}
        .zpromotion{padding: 10px;}
        .zpremoclose{right:15px;}
    ul.dropdown-menu.threeCol-sec li .uc-menus a{
        padding-left: 0!important;
    }
    .zmobile-menu-new ul li .dropdown-menu .third-level a {
        padding: 2px 0 2px 5px!important;
    }
    }
    @media all and (max-width:600px) {
          /* Trusted Brands */
          .zcr-tb-list ul{
          max-width: 370px;
          }
          .zcr-tb-list li{
          width: 48%;
          }
          /* End Trusted Brands */
          }
    @media all and (max-width:480px) {
          /* Trusted Brands */
          .zcr-tb-list ul{
          max-width: 200px;
          }
          .zcr-tb-list li{
          width: 100%;
          }
          /* End Trusted Brands */
          }
    /*promotional banner*/ 
    
    
    /* ZC-APP-REQUEST BANNER POPUP */
    .zc-app-request-banner {position: fixed;width: 425px;height: 150px;right: 30px;bottom: -200px;z-index: 99999;background: transparent;align-content: center;vertical-align: middle;display: block;opacity: 0;visibility: hidden;transition: 0.5s ease-in;}
    .zc-app-request-banner p{margin: auto;position: absolute;left: 50%;right: auto;top: 50%;bottom: auto;max-width: 485px;transform: translate(-50%, -50%);width: 100%;}
    .zc-app-request-banner img{border: 1px solid #9edbf7; cursor:pointer;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    padding: 10px 5px 0 5px;
    background: #e1f3fc;}
    .zc-app-request-banner.show-popup {opacity: 1;visibility: visible;bottom: 25px;}
    .zc-app-request-banner span.pop-close{position: absolute; z-index:99999; padding: 6px 15px;    background: none;    color: #000;    right: -15px;    top: 0px;    font-size: 15px;    cursor: pointer;    font-family: var(--zf-primary-bold);}
    @media only screen and (max-width:992px){
    .zc-app-request-banner {width: 350px;}
    .zc-app-request-banner span.pop-close {padding: 3px 10px;}
    }
    @media only screen and (max-width:767px){
    .zc-app-request-banner{display:none}
    }
    .request-drop-wrap{
        bottom: -50px;
    }
    .request-drop-wrap.open{
    bottom: 0;
    }
    .request-drop-click {
        background: #088ecc;
        color: #fff;
    }
    .request-drop-wrap.open .request-form-wrap textarea {
        min-height: 100px;
        font-family: inherit;
    }
    
    /* ZC-APP-REQUEST BANNER POPUP ENDS*/
    
    
    /* New header dropdown CSS */
    
    .menu .dropdown-menu {
        box-shadow: 0px 14px 40px rgba(0, 0, 0, .13);
        border: 1px solid #ddd;
        /*padding: 10px 30px 10px 15px;*/
    }
    
    .menu .dropdown.active .dropdown-menu.threeCol-sec {
        width: 450px !important;
    }
    
    .menu .dropdown.active .dropdown-menu.twoCol-sec {
        width: 360px !important;
    }
    
    .menu .zmenu-platform.dropdown.active .dropdown-menu.threeCol-sec {
        width: 580px !important;
    }
    
    .menu .dropdown.active .dropdown-menu.threeCol-sec,
    .menu .dropdown.active .dropdown-menu.twoCol-sec {
        padding: 20px 10px;
    }
    
    ul.dropdown-menu li {
        width: 100%;
        display: inline-block;
        padding: 0 3% !important;
        box-sizing: border-box !important;
        vertical-align: top;
    }
    
    ul.dropdown-menu li:last-child {
        padding-right: 0 !important;
    }
    
    ul.dropdown-menu li a {
        /*padding: 7px 0px !important;*/
        cursor: pointer;
    }
    
    ul.dropdown-menu.threeCol-sec li a,
    ul.dropdown-menu.twoCol-sec li a {
        white-space: normal;
        padding: 7px 0px !important;
        line-height: 20px !important;
        font-size: 14px !important;
    }
    
    ul.dropdown-menu li a:hover,.dropdown-menu .sub-dropdown a:hover {
        color: #007bff !important;
        background: none
    }
    
    ul.dropdown-menu.twoCol-sec li {
        width: 48.5%;
    }
    
    ul.dropdown-menu.threeCol-sec li {
        width: 32.5%;
    }
    
    
    
    .expanded.dropdown:hover .caret {
        border-color: #007bff transparent transparent transparent;
    }
    
    .expanded.dropdown:hover span,
    .expanded.dropdown:hover>a {
        /* color: #007bff; */
    }
    
    li.zmenu-submenu h5 {
        color: #007bff;
        margin: 30px 0 10px;
        font-size: 16px;
    }
    
    .menu.nav li.zmenu-submenu h5 a {
        color: #007bff;
        font-size: 16px !important;
    }
    
    li.zmenu-submenu div:first-child h5 {
        margin: 0 0 10px;
    }
    .uc-menus{
        padding: 12px 15px;
        background: #e8f3ff;
        margin-top: 10px;
        border: 1px solid #c3d7ff;
    }
    li.zmenu-submenu .uc-menus h5{
        margin-top: 0;
    }
    ul.dropdown-menu.threeCol-sec li .uc-menus a,.uc-menus p{
    font-size: 12px;
    }
    ul.dropdown-menu.threeCol-sec li .uc-menus a{
    color: #2869f6;
    }
    .uc-menus p{
        margin-bottom: 0px;
    color:#000!important;
    }
    @media only screen and (min-width:768px) and (max-width:991px) {
        .menu .dropdown.active .dropdown-menu.threeCol-sec,
        .menu .dropdown.active .dropdown-menu.twoCol-sec {
            left: -170px;
        }
    .menu .dropdown.active .dropdown-menu.threeCol-sec, .menu .dropdown.active .dropdown-menu.twoCol-sec {
        padding: 20px 10px 20px 5px;
    }
        ul.dropdown-menu.threeCol-sec li a,
        ul.dropdown-menu.twoCol-sec li a {
            padding: 5px 10px 5px 0 !important;
            display: block;
            white-space: normal;
            font-size: 12px !important;
    line-height: 18px !important;
        }
    .dropdown-menu li a{
      font-size: 12px !important;
    line-height: 18px !important;
    }
        .zmenu-submenu>div {
            margin-bottom: 10px;
        }
        li.zmenu-submenu>div:nth-child(2) h5 {
            margin: 10px 0 10px;
        }
        li.zmenu-submenu div:first-child h5 {
            font-size: 14px;
        }
    
        .menu .zmenu-platform.dropdown.active .dropdown-menu.threeCol-sec {
            width: 500px !important;
            left: 0;
        }
    }
    
    @media only screen and (max-width:767px) {
        ul.dropdown-menu.threeCol-sec li,
        ul.dropdown-menu.twoCol-sec li {
            width: 100%;
            margin-bottom: 15px !important;
            padding: 0 !important;
        }
        li.zmenu-submenu h5 {
            color: #000;
            margin: 15px 0 10px;
            font-size: 15px;
        }
        li.zmenu-submenu div:first-child h5 {
            margin: 10px 0 10px 0;
        }
        ul.dropdown-menu.threeCol-sec li a,
        ul.dropdown-menu.twoCol-sec li a {
            font-size: 13px !important;
            padding: 5px 0 5px 12px !important
        }
    }
    
    /* CSS FOR DARK THEME dropdown Arrow*/
    @media only screen and (min-width:768px) {
    .theme_dark #mini-panel-product_menu .menu-icon-help-header .product-title a, .theme_dark #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a, .theme_dark #mini-panel-product_menu .product-nav-links .menu > li > a, .theme_dark #mini-panel-product_menu .product-nav-links li .nolink, .theme_dark .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a {
        color: #fff;
    }
    }
    
    
    
    /* New header dropdown CSS ends */
    /*footer banner*/
    @media  screen and (min-width:992px) {
        /*.footer-sec-wrap .customer-stories>a:last-child {
            margin-left: 0;
        }*/
    }

    /*footer banner end*/
    
     /* Menu Newlist  */
        #mini-panel-product_menu .product-nav-links li.sub-level .nolink, .product-header-top .product-nav-links li.sub-level .nolink{
            /*padding:0px;*/
            color:#000;
            }
            .dropdown-menu .sub-level>a:after, #mini-panel-product_menu .product-nav-links li.sub-level .nolink:after, .product-header-top .product-nav-links li.sub-level .nolink:after{
            right:-15px;
            }
            ul.dropdown-menu li.sub-level:last-child{
                padding-right: 3%!important;
            }
            .dropdown-menu .sub-dropdown{
                top: -1px;
                margin: 0;
                padding-bottom: 0;
            }
            .zmobile-menu-new ul li.sub-level span.dropdown-toggle {
                 padding: 0;
            }
            #mini-panel-product_menu .product-nav-links .menu li .third-level li:first-child{
            padding-top:15px!important;
            }
            ul.dropdown-menu li.sub-level.active span{
                color: #007bff !important;
                background: none;
                transition: background .25s ease;
            }
            .dropdown-menu .sub-level.active>a:after, #mini-panel-product_menu .product-nav-links li.sub-level.active .nolink:after, .product-header-top .product-nav-links li.sub-level.active .nolink:after{
                border-left: 4px solid #007bff;
            }
        /* End Menu Newlist */
        /* Rated Platform */
        .zcr-flex-part-four{
            width: 25%;
        }
    .zcr-rated-platform {
        padding: 90px 0;
        overflow: hidden;
        background-color: #000;
        color: #fff;
    }
    
    .zcr-rated-platform .content-wrap {
        border: 1px dashed #2F2F2F;
        border-radius: 10px;
        background-color: #070707;
    }
    
    .zcr-rated-platform .flex-content {
        max-width: 900px;
        margin: 0 auto;
        display: inherit;
    }
    
    .platform-leader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 40px -15px 0;
    }
    
    .tech-platform {
        width: 50%;
        padding: 0px 15px;
    }
    
    .tech-platform .tech-lists {
        border-radius: 10px;
        padding: 30px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .tech-platform h3 {
        font-size: 20px;
    }
    
    .tech-lists p {
        max-width: 320px;
        margin: 10px 0 0;
    }
    
    .platform-leader .tech-platform .tech-leader {
        border: 1px solid #1BA8EA;
    }
    
    .platform-leader .tech-platform:first-child h3 {
        color: #1BA8EA;
    }
    
    .platform-leader .tech-platform .leader-in {
        border: 1px solid #BF1E1E;
    }
    
    .platform-leader .tech-platform:last-child h3 {
        color: #BF1E1E;
    }
    
    .platform-list {
        width: 100%;
    }
    
    .zcr-rated-platform .platform-list .flex-content {
        margin: 0 -15px;
        max-width: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .platform-list .zcr-flex-part-four {
        padding: 0 15px;
        text-align: center;
        margin-top: 30px;
    }
    
    .platform-list span {
        display: block;
    }
    
    .platform-list .zcr-flex-part-four div {
        border-radius: 10px;
        border: 1px solid #333333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 22px 0;
    }
    
    .platform-list span.platform-star {
        font-family: var(--secondaryfont-bold);
        color: #f8a927;
        text-transform: uppercase;
        margin: 0 auto 10px;
        max-width: 100%;
        line-height: normal;
        font-size: 18px;
        letter-spacing: 2px;
        display: inline-block;
        width: auto;
        height: auto;
        position: relative;
    }
    
    .platform-star:before,
    .platform-star:after {
        content: '\2605\2605\2605\2605\2605';
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .platform-star:before {
        color: #777;
        z-index: 0;
        width: auto;
        height: auto;
    }
    
    .platform-star:after {
        color: #f9a826;
        overflow: hidden;
        -webkit-transition: width 2.5s ease;
        -o-transition: width 2.5s ease 1s;
        -webkit-transition: width 2.5s ease 1s;
        transition: width 2.5s ease 1s;
        width: 0;
        height: auto;
        direction: ltr;
        z-index: 1;
    }
    
    .in-view .platform-star:after {
        width: 90%;
    }
    
    .in-view .platform-list .zcr-flex-part-four:nth-child(2) .platform-star:after {
        width: 86%;
    }
    
    .in-view .platform-list .zcr-flex-part-four:nth-child(3) .platform-star:after {
        width: 87%;
    }
    
    .in-view .platform-list .zcr-flex-part-four:nth-child(4) .platform-star:after {
        width: 84%;
    }
    
    .platform-list p {
        margin-bottom: 0;
        font-family: var(--primaryfont-semibold);
        font-size: 20px;
    }
    
    .platform-list p span {
        font-size: 14px;
        line-height: 1.6;
        display: inline-block;
        color: #747474;
    }
    
    .rating-gartner {
        width: 102px;
        height: 36px;
    -webkit-filter: brightness(100);    
    filter: brightness(100);
    }
    
    .data-loaded .rating-logo {
        background-image: url(//cdn.zoho.com.cn/sites/zweb/images/creator/rating-reviews-sprites.svg);
    }
    
    .data-loaded .rating-logo {
        background-size: 850px auto;
    }
    .data-loaded .rating-gartner{
        background-position: 0 0;
    }
    .data-loaded .rating-tr-star {
        background-position: -280px 0;
    }
    
    .data-loaded .rating-capterra {
        background-position: 518px 0;
    }
    
    .data-loaded .rating-crowd {
        background-position: -1665px 0;
    }
    
    .rating-logo {
        left: 0;
        right: 0;
        margin: 0 auto 10px;
        display: block;
    }
    
    .rating-tr-star {
        top: 79px;
        width: 53px;
        height: 35px;
    }
    
    .rating-capterra {
        width: 159px;
        height: 34px;
        left: -3px;
        position: relative;
    }
    
    .rating-crowd {
        top: 82px;
        width: 34px;
        height: 35px;
    }
    @media(max-width:991px){
            /* Rated Platform  */
            .platform-leader {
                margin-top: 40px;
            }
        
            .pagewrapper .zcr-rated-platform .content-wrap {
                padding: 70px 20px;
            }
        
            /* End Rated Platform */
    }
    @media(min-width:768px) and (max-width:991px) {
            /* Rated Platform  */
            .pagewrapper .zcr-rated-platform .content-wrap {
                padding: 40px 20px;
            }
        
            .tech-platform h3 {
                font-size: 17px;
            }
        
            .tech-platform .tech-lists {
                min-height: 271px;
            }
        
            .rating-gartner,
            .rating-tr-star,
            .rating-capterra,
            .rating-crowd {
                -webkit-transform: scale(0.7);
                -ms-transform: scale(0.7);
                transform: scale(0.7);
            }
        
            /* End Rated Platform */
    }
    @media(max-width:767px){
        /* Rated Platform  */
        .pagewrapper .zcr-rated-platform .content-wrap {
            padding: 60px 0;
        }
    
        .zcr-rated-platform {
            padding: 0;
        }
    
        .zcr-rated-platform .flex-content {
            margin: 0;
        }
    
        .zcr-rated-platform .content-wrap {
            background: transparent;
            border: none;
        }
    
        .zcr-rated-platform .text-center {
            text-align: left;
        }
    
        .platform-leader {
            margin: 0px;
            width: 100%;
        }
    
        .tech-lists div {
            max-width: 300px;
            margin: 0 auto;
        }
    
        .tech-platform {
            padding: 0;
            width: 100%;
        }
    
        .tech-platform div {
            text-align: center;
            max-width: 100%;
        }
    
        .platform-leader .tech-platform:first-child {
            margin-bottom: 0px;
        }
    
        .platform-list {
            width: 100%;
            margin: 0;
            padding-left: 0;
        }
    
        .platform-list .flex-part-two {
            width: 50%;
            padding: 0 10px;
            margin-top: 20px;
        }
    
        .zcr-rated-platform .platform-list .flex-content {
            margin: 0 -10px;
        }
    
        .platform-list span:first-child {
            -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
            transform: scale(0.7);
        }
    
        .platform-list p span:first-child {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    
        .rating-gartner,
        .rating-logo {
            margin-bottom: 5px;
        }
    
        .platform-leader .tech-platform .leader-in {
            margin-top: 20px;
        }
    
        .platform-list .zcr-flex-part-four {
            padding: 0 10px;
            margin-top: 20px;
            width: 50%;
        }
    
        .platform-star {
            margin: 0 auto 10px;
        }
        .i18n-ar .rated-platform h2,.i18n-he .rated-platform h2{
            text-align: right;
        }
        .i18n-ar .rated-platform.cnt-alg-center h2,
        .i18n-he .rated-platform.cnt-alg-center h2,
        .i18n-ar .cnt-alg-center.rated-platform .text-center p,
        .i18n-he .cnt-alg-center.rated-platform .text-center p {
            text-align: center;
        }
        /* End Rated Platform */
    }
    @media(max-width:400px){
    /*Rated Platform*/
    .data-loaded .rating-logo {
        background-size: 760px auto;
    }
    .rating-gartner{
        width: 92px;
        height: 33px;
    }
    .rating-tr-star{
        width: 48px;
        height: 32px;
    }
    .data-loaded .rating-tr-star {
        background-position: -249px 0;
    }
    .rating-capterra{
        width: 143px;
        height: 32px;
    }
    .data-loaded .rating-capterra{
    background-position: 463px 0;
    }
    .rating-crowd {
        width: 31px;
        height: 32px;
    }
    .data-loaded .rating-crowd {
        background-position: -1489px 0;
    }
    /*End Rated Platform*/
    }
    @media(max-width:360px){
         /*Rated Platform*/
         .platform-list .flex-part-two {
            width: 100%;
        }
    
        .platform-list .flex-part-two:nth-child(2) {
            margin-top: 20px;
        }
    
        /*End Rated Platform*/
    }
        /* End Rating section */



        /* footer-Social-media  to Remove once fixed in Common */
        @media(min-width:1020px) and (max-width:1170px) {
            .footer-sec-wrap .product-links ul.zft-social-icons li{
                  margin: 5px 5px 5px 0px;
            }
        }
        /* footer-Social-media  to Remove once fixed in Common */

/**************************************** Footer Promo-section Start ***************************************/
.footer-sec-wrap.two-column .promo-section-wrap{
    display: block;
}
.footer-sec-wrap .customer-stories::after {
    content: '';
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    padding-bottom: 25px;
}
.footer-sec-wrap .customer-ratings {
    position: relative;
    margin: 0 auto;
    max-width: 400px;
    width: 80%;
    overflow: hidden;
    text-align: center;
    padding: 25px 20px 0px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 5px;
}
.footer-sec-wrap .customer-ratings .cust-rating-logo {
    width: calc(50% - 5px);
    border: 1px solid #eaeaea;
    border-radius: 4px;
}
.footer-sec-wrap .customer-ratings .cust-rating-logo:last-child {
    margin-right:0%;
}
.footer-sec-wrap .customer-ratings .cust-rating-logo img{
    vertical-align: middle;
}
.zw-product-footer .security-badge-table {
    margin:20px auto 0;
    text-align:center;
    overflow:hidden;
    justify-content:space-between;
    display:flex;
    flex-direction:column;
}
.zw-product-footer .security-badge-table p.zheading {
    font-size:16px;
    position:relative;
    margin:0;
    padding:0 20px;
    align-self:center;
    color:#000;
}
.zw-product-footer .security-badge-table p.zheading:before,
.zw-product-footer .security-badge-table p.zheading:after {
    content:'';
    width:130%;
    height:1px;
    background:#999;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
}
.zw-product-footer .security-badge-table p.zheading:before {
    right:100%;
}
.zw-product-footer .security-badge-table p.zheading:after {
    left:100%;
}
.zw-product-footer .security-badge-table {
    width:100%;
}
.zw-product-footer .security-badge-table ul {
    margin:15px auto;
    display:flex;
    flex-wrap:wrap;
    gap:15px 5px;
}
.zw-product-footer .security-badge-table [class^="sb-icon-"] {
    display: inline-block;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/creator/compliance-badges.png) 0 0/830px auto no-repeat;
    width: 115px;
    height: 61px;
}
.zw-product-footer .data-loaded [class^="sb-icon-"] {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/creator/compliance-badges.png);
}
.zw-product-footer .security-badge-table span {
    font-size:12px;
    display:block;
    text-align:center;
    text-transform:uppercase;
    font-family:var(--zf-primary-semibold)
}
.zw-product-footer .security-badge-table .sb-icon-1 {
    background-position:0 0
}
    .zw-product-footer .security-badge-table .sb-icon-2 {
    background-position:-115px 0;
}
.zw-product-footer .security-badge-table .sb-icon-3 {
    background-position:-230px 0;
}
.zw-product-footer .security-badge-table .sb-icon-4 {
    background-position:-344px 0;
}
.zw-product-footer .security-badge-table .sb-icon-5 {
    background-position:-460px 0;
}
.zw-product-footer .security-badge-table .sb-icon-soc,
.zw-product-footer .security-badge-table .sb-icon-hippa,
.zw-product-footer .security-badge-table .sb-icon-gdpr {
    background-size:600px auto;
}
.zw-product-footer .security-badge-table .sb-icon-soc {
    width:61px;
    background-position:-416px 0px;
}
.zw-product-footer .security-badge-table .sb-icon-hippa {
    width:70px;
    background-position:0 -60px;
}
.zw-product-footer .security-badge-table .sb-icon-gdpr {
    width:61px;
    background-position:-244px -61px;
}
.zw-product-creator .footer-sec-wrap .product-links.two-column{
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    
}
.zw-primary-wrap.zw-slide-promobnr-links{
    grid-template-columns: 1fr 2fr;
    gap: 40px 0;
    display: grid;
}
@media screen and (max-width: 1400px){
    .footer-sec-wrap .customer-ratings {
        max-width: 88%;
        width: 88%;
    }
}
@media only screen and (max-width: 1023px){
    .footer-sec-wrap.two-column .promo-section-wrap {
        width: 100%;
        padding: 0 0 30px;
    }
    .zw-primary-wrap.zw-slide-promobnr-links, .zw-product-creator .footer-sec-wrap .product-links.two-column{
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }
}
@media only screen and (min-width:768px) and (max-width:1380px) {
    .zw-product-footer .security-badge-table ul{
        max-width: 660px;
    }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .footer-sec-wrap .customer-stories,
    .footer-sec-wrap .customer-ratings{
        width: 100%;
        max-width: 760px;
    }
    .footer-sec-wrap .customer-ratings{
        flex-wrap: nowrap;
    }
    .footer-sec-wrap .customer-ratings .cust-rating-logo {
        width: 100%;
    }
}
@media only screen and (max-width:767px) {
    .footer-sec-wrap .customer-ratings {
        width:100%;
        max-width:385px;
        padding:20px 15px 0;
    }
    .zw-product-footer .security-badge-table ul{
        gap: 15px;
    }
}
@media only screen and (max-width:480px) {
    .zw-product-footer .security-badge-table {
        max-width:95%;
    }
}
/**************************************** Footer Promo-section End ***************************************/

/** Customer Cases Page CTA **/
.crm-hub-ctasec {
    padding: 70px 0;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left;
    background: #fff;
    width: 100%;
}
.btm-cta-inner {
    max-width: 1060px;
    margin: 0 auto;
}
.btm-cta-img-con {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-right: 50px;
    box-sizing: border-box;
}
.btm-cta-img-con img {
    max-width: 457px;
    width: 100%;
    display: inline-block;
}
.zcp_lazy {
    transition: all .3s ease;
}
.btm-cta-txt-con {
    text-align: left;
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}
.btm-cta-inner h3 {
    font-size: 42px;
    font-family: var(--zf-primary-bold);
    line-height: 48px;
    padding-bottom: 10px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: bold;
}
.btm-cta-inner .btm-cta-para {
    font-family: var(--zf-primary-light);
    font-size: 25px;
    line-height: 34px;
    padding-bottom: 18px;
    color: #444;
    margin: 0 auto;
}
.crm-hub-sinup, .btm-cta {
    padding: 13px 24px;
    background: #f0483e;
    display: inline-block;
    cursor: pointer;
    font: 15px var(--zf-primary-semibold);
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: all ease .3s;
    text-transform: uppercase;
    border: 0;
}
.crm-hub-sinup::before, .btm-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eb4c49;
    z-index: -1;
    transition: all ease .3s;
}
.crm-hub-plansbtn {
    background: #fff;
}
.btm-cta-inner .crm-hub-plansbtn {
    margin-left: 20px;
    color: #0067ff;
}
.crm-hub-plansbtn::before {
    background: transparent;
    border: 2px solid #fff;
    box-sizing: border-box;
}
.btm-cta-inner .crm-hub-plansbtn::before {
    border: 2px solid #0067ff;
}
.inner_wrap {
    display: block;
    font-family: var(--zf-primary-bold);
}
@media screen and (max-width: 1023px) {
    .btm-cta-img-con {
        display: none;
    }
    .btm-cta-txt-con {
        width: 100%;
        text-align: center;
    }
    .btm-cta-inner h3 {
        font-size: 38px;
        line-height: 42px;
        padding-bottom: 8px;
    }
    .btm-cta-inner .btm-cta-para {
        font-size: 20px;
        line-height: 26px;
        padding: 4px 0 18px;
    }
}
@media only screen and (max-width: 767px) {
    .btm-cta-inner h3 {
        font-size: 32px;
    }
    .crm-hub-sinup {
        font-size: 16px;
        padding: 12px 24px;
    }
    .crm-hub-ctasec .zcrm-pricingtoggle {
        display: none !important;
    }
}
@media screen and (max-width: 550px) {
    .btm-cta-inner .crm-hub-plansbtn {
        margin: 20px 0 0;
    }
}
/** Customer Cases Page CTA End**/

/**Three-level navigation start**/
.dropdown-menu .sub-level>a:after, #mini-panel-product_menu .product-nav-links li.sub-level .nolink:after, .product-header-top .product-nav-links li.sub-level .nolink:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #999;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    /*margin: auto;*/
}
.dropdown-menu li.active>a,
.dropdown-menu li.sub-level.active>a{background:#fff;}
/**Three-level navigation end**/
.crm-hub-sinup.act-btn.cta-btn{
    opacity: 1;
    visibility: visible;
}