* {
    margin: 0;
    padding: 0;
    font-weight: inherit;
}

input:focus {
    box-shadow: none;
}

.float-btn {
    width: 300px;
    height: 35px;
    text-align: center;
    font: 14px/38px var(--zf-primary-bold);
    letter-spacing: -0.4px;
    background-color: #f0483e;
    color: #fff;
    cursor: pointer;
    position: fixed;
    transform: rotate(270deg);
    right: -133px;
    top: 51%;
    display: inline;
    z-index: 10;
    border-radius: 20px 20px 0 0;
    text-transform: uppercase;
}

.us-only {
    display: none;
}

.us-reg-only {
    display: none;
}

.lyte-sec {
    display: none;
}

a {
    color: #006cff;
}

h1 {
    font: 48px/1.2 Zoho_Puvi_Bold;
    letter-spacing: -0.5px;
    padding: 0px 30px;
}

.zw-template-inner {
    margin-top: -80px;
}

.header-section {
    width: 100%;
    background: #006dff url(/sites/zweb/images/crm/bannerbg-blue-pattern.svg) repeat;
    padding: 110px 0 80px;
    text-align: center;
    color: #fff;
}

.changePrice {
    position: relative;
    padding: 70px 0 10px;
    max-width: 1280px;
    margin: 0 auto;
}

.changeCurrency {
    padding: 2px 10px;
    font: 16px/1.2 'roboto';
    cursor: pointer;
    position: relative;
    display: none;
}

.cmp_heading {
    padding: 20px 10px;
    font-size: 12px;
}

.cmp_heading.basic_features {
    vertical-align: middle;
    text-align: left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.cmp_heading.basic_features2 {
    border-bottom: 1px solid #ccc;
}

.com_features,
.exp_features {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 22px;
}

.cls-txt {
    display: none;
}

.com_features:after,
.exp_features:after {
    content: "";
    position: absolute;
    background: url(/sites/zweb/images/crm/others-comparison-sprite.svg) no-repeat -699px -10px;
    width: 13px;
    height: 13px;
    top: 2px;
    left: 0;
    cursor: pointer;
}

table {
    table-layout: fixed;
}

.tdcol h3 {
    font: 16px/1.2 var(--zf-primary-semibold);
    text-transform: uppercase;
}

.top-container .tdcol {
    padding: 20px 10px;
}

.cmp_logout,
.cmp_login {
    font: 14px/1.2 var(--zf-primary-semibold);
    padding: 8px 30px;
    border: 1px solid #006cff;
    background: #fff;
    color: #006cff;
    display: inline-block;
}

.body-umain .cmp_logout {
    display: none;
}

.body-umain .top-container .tdcol {
    vertical-align: middle;
}

.body-umain .tdcol h3 {
    margin-bottom: 0px;
}

.cmp_logout:hover,
.cmp_login:hover {
    font: 14px/1.2 var(--zf-primary-semibold);
    padding: 8px 30px;
    border: 1px solid #f0483e;
    background: #f0483e;
    color: #fff;
}

.common-features.cm_remove,
.filtered-common-features {
    display: none;
}

.com_features.active:after,
.exp_features.active:after {
    background-position: -715px -10px;
}

.cmp_addon:hover .cmp_addon_Msg {
    display: inline-block;
}

.cmp_addon {
    display: inline-block;
    position: relative;
}

.cmp_addon_Msg {
    position: absolute;
    color: #ffffff;
    background-color: #293a4b;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    padding: 12px 15px;
    width: 260px;
    z-index: 1;
    box-shadow: 0 2px 7px #d1d1d1;
    left: 30px;
    top: -20px;
    display: none;
    box-sizing: border-box;
}

.cmp_addon_Msg:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: -4px;
    top: 10px;
    width: 10px;
    height: 10px;
    background: #293a4b;
    transform: rotate(45deg);
    z-index: 2;
}

.bg_lazy_loaded .cmp_addon:after {
    content: "";
    background: url(/sites/zweb/images/crm/crm-comparison-sprite.svg) no-repeat -117px -8px;
    width: 18px;
    height: 18px;
    text-align: center;
    cursor: help;
    position: absolute;
    right: -25px;
    top: -14px;
    display: inline-block;
}

.has-tooltip {
    position: relative;
}

.has-tooltip .tlTip {
    position: absolute;
    color: #ffffff;
    background-color: #293a4b;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    padding: 12px 15px;
    width: 260px;
    z-index: 1;
    box-shadow: 0 2px 7px #d1d1d1;
    left: 100%;
    top: 50%;
    transform: translate(0px, -50%);
    display: none;
    box-sizing: border-box;
}

.has-tooltip:before {
    content: '';
    position: absolute;
    display: none;
    right: -7px;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    background: #293a4b;
    transform: rotate(45deg);
    z-index: 2;
}

.bg_lazy_loaded .has-tooltip:after {
    content: "";
    background: url(/sites/zweb/images/crm/crm-comparison-sprite.svg) no-repeat -117px -8px;
    width: 18px;
    height: 18px;
    text-align: center;
    cursor: help;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0px, -50%);
    display: inline-block;
}

body {
    overflow-x: auto;
}

.main-hdr {
    text-align: center;
    padding-bottom: 20px;
    font-family: var(--zf-primary-semibold);
    position: relative;
}

.dev-cont {
    position: fixed;
    top: 140px;
    right: 1px;
    border: 1px solid #f3f3f3;
    padding: 5px 15px;
    font-size: 14px;
    box-shadow: 2px 2px 10px #e3e3e3;
    display: none;
}

table,
tr,
td {
    border-collapse: collapse !important;
}

.dev-cont a {
    color: #000;
}

p {
    font-size: 14px;
    margin: 0;
}

.btm-hdr {
    font-size: 14px;
    text-align: right;
}

#accessct {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}

.tdin {
    background-color: #F4F4F4;
}

strong {
    font-family: var(--zf-primary-bold)
}

.tdcol {
    font-size: 16px;
    font-weight: bold;
    font-family: var(--zf-primary-regular);
    padding: 4px 0;
}

.tdin,
.tdcol {
    text-align: center;
    line-height: 32px;
    border: 1px solid #ccc;
    border-collapse: collapse;
    background: #fff;
    color: #333;
    font-size: 20px;
}

.top-container.fixed .tdin,
.top-container.fixed .tdcol {
    border: 1px solid #ccc !important;
}

.tMain {
    border: none;
    width: 100%;
}

.tdhdr {
    border: 1px solid #CCCCCC;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 12px 30px 12px 12px;
    box-sizing: border-box;
    font-family: var(--zf-primary-semibold);
    vertical-align: middle;
}

.tdtxt {
    border: 1px solid #CCCCCC;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    padding: 12px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
}

.tdhdr,
.tdtxt {
    border-right: none;
}

#inner-table-sec .anim-con {
    padding: 0px;
    border: 1px solid #ccc;
}

.sub-con .tdhdr {
    border-right: 1px solid #CCCCCC;
}

.tdtxt:last-child {
    border-right: 1px solid #ccc;
}

.limg {
    width: 180px !important;
    float: right
}

table {
    width: 100% !important;
    table-layout: fixed;
}

.hdr-sec,
.sub-hdr-sec {
    border: 1px solid #ccc;
    border-top: none;
    text-align: left;
    cursor: pointer;
}

.hdr-sec {
    background: #f7f7f7;
    padding: 15px 0 15px 12px;
}

.sub-hdr-sec {
    background: #ececec;
    padding: 15px 0 15px 15px;
}

.hdr-sec.opn,
.sub-hdr-sec.opn {
    border-bottom: none;
}

/*.sub-table-container.first-elm .sub-hdr-sec {
    border-top: 1px solid #ccc;
}*/
.white-table .hdr-sec {
    background: #ffffff;
    border-bottom: 0px;
}

.white-table table {
    box-sizing: border-box;
}

.updated-txt {
    font-size: 12px;
    font-family: var(--zf-primary-regular);
    padding: 15px 0px 0px;
    display: inline-block;
    color: dimgray;
}

.inner-hdr {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-family: var(--zf-primary-semibold);
    font-size: 16px;
    margin-bottom: 0;
}

.sub-hdr-sec .inner-hdr {
    margin-left: 0px;
}

.table-container table,
.sub-table-container table {
    border-top: none;
    border-bottom: none;
    box-sizing: border-box;
}

.accord-icn,
.sub-accord-icn {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url(/sites/zweb/images/crm/crm-comparison-sprite.svg) no-repeat;
    background-position: -19px -2px;
}

.sub-hdr-sec .sub-accord-icn {
    float: right;
    margin-right: 20px;
}

.table-container.active .accord-icn,
.sub-table-container.active .sub-accord-icn {
    background-position: -50px -2px;
}

.common-container {
    padding: 50px 0 0;
    max-width: 1280px;
    width: 96%;
    margin: 0 auto;
    position: relative;
    /* overflow: hidden;*/
}

.top-container {
    position: sticky;
    top: 52px;
    z-index: 2;
}

.tick-icn {
    background: url(/sites/zweb/images/crm/crm-comparison-sprite.svg) no-repeat;
    width: 13px;
    height: 12px;
    background-position: -91px -9px;
    display: inline-block;
}

.top-container.fixed {
    position: sticky;
    max-width: 1060px;
    width: 100%;
    top: 52px;
    z-index: 9;
}

.bot-main-con {
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}

.blue-bg {
    background: #03a9f5;
    color: #fff;
}

.sub-sec-con {
    display: none;
    vertical-align: middle;
    padding: 13px 0;
    margin-left: 254px;
    text-align: center;
    border-left: 1px solid #e3e3e3;
    background: #fff;
}

.sub-btn {
    font-size: 14px;
    text-decoration: underline;
    font-family: var(--zf-primary-semibold);
    cursor: pointer;
    margin: 0 15px;
    position: relative;
}

.sub-btn:before {
    content: '';
    position: absolute;
    right: -18px;
    top: 3px;
    height: 15px;
    width: 1px;
    background: rgba(0, 0, 0, 0.3);
}

.sub-btn.activate,
.dev-cont a:hover {
    color: #03a9f5;
}

.sub-con-left {
    padding: 13px 0 13px 12px;
}

.de-edition {
    font-size: 14px;
    position: absolute;
    right: 12px;
    top: 9px;
    color: #03a9f5;
    text-decoration: underline;
    cursor: pointer;
    display: none;
    font-family: var(--zf-primary-regular);
}

.product-nav-links .menu li a.active,
.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a.active {
    font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
    box-shadow: none;
}

.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li:nth-child(4) a,
.product-header-top .menu li:nth-child(4) a {
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
}

.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links .dropdown-menu li a {
    font-family: var(--zf-primary-regular);
}

.anim-con {
    height: auto !important;
}

.sub-con,
.sub-anim-con {
    overflow: auto !important;
    height: auto !important;
}

.search_bar {
    width: 80%;
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.serach-box {
    width: 90%;
    position: relative;
    z-index: 6;
}

input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: none;
    font-size: 16px;
    padding: 12px 30px 12px 10px;
    border-radius: 0px 20px 20px 0px;
}

.feature_search_section {
    width: 10%;
    display: flex;
    background: #fff;
    border-radius: 20px 0px 0px 20px;
    position: relative;
    z-index: 6;
}

.input-cls-btn {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    right: 10px;
    top: 15px;
    cursor: pointer;
    display: none;
}

.bg_lazy_loaded .input-cls-btn {
    background: url('/sites/zweb/images/crm/crm-comparison-sprite.svg') no-repeat -177px -9px;
}

.feature_search_btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.feature_search_btn span {
    width: 19px;
    height: 18px;
    display: inline-block;
}

.bg_lazy_loaded .feature_search_btn span {
    background: url(/sites/zweb/images/crm/crm-comparison-sprite.svg) no-repeat -147px -8px;
}

.error,
.empty-error {
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: none;
    color: yellow;
    width: 90%;
    padding-top: 10px;
}

.error.active,
.has-tooltip:hover .tlTip,
.has-tooltip:hover:before {
    display: block;
}

.search-result-container {
    width: 100%;
    position: absolute;
    top: 40px;
    background: #fff;
    box-shadow: 0 1px 5px 0 #b7b5b5;
    max-height: 200px;
    z-index: 3;
    border-radius: 0px 0px 10px 10px;
}

.search-result-container ul {
    max-height: 200px;
    overflow-y: scroll;
}

.search-result-container ul li {
    min-height: 40px;
    padding: 10px 12px;
    color: #000000;
    text-align: left;
    font: 14px/1.2 var(--zf-primary-regular);
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.search-result-container ul li:hover {
    background-color: #ddd;
}

.edition-links {
    max-width: 950px;
    margin: 100px auto 120px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.quiz-link {
    max-width: 1280px;
    margin: -30px auto 0px;
    width: 96%;
}

.edition-links a {
    position: relative;
    font: 20px/1.5 var(--zf-primary-regular);
    color: #006cff;
    display: inline;
    border: 1px solid #006cff;
    border-radius: 20px;
    padding: 10px 20px;
}

.edition-top-link {
    position: relative;
    font: 20px/1.5 var(--zf-primary-regular);
    color: #006cff;
    padding: 50px 30px 0px;
    display: none;
    text-align: center;
}

.edition-links a span {
    background: #006cff;
    width: 15px;
    height: 2px;
    position: relative;
    display: none;
    vertical-align: middle;
    margin-left: 10px;
    transition: all ease .35s;
}

.edition-top-link span {
    background: #006cff;
    width: 15px;
    height: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: all ease .35s;
}

.edition-links a span:after,
.edition-top-link span:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #006cff;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -3px;
    right: 0;
}

.edition-links a:hover {
    background: #006cff;
    color: #fff;
}

.edition-top-link:hover span {
    transform: translateX(4px);
    -webkit-transform: translateX(4px);
}

.move-top-arrow {
    position: fixed;
    top: 200px;
    right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: all ease .35s;
    display: none;
}

.move-top-arrow:hover {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}

.move-top-arrow span {
    background: #ccc;
    width: 20px;
    height: 2px;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transform: rotate(-90deg);
    top: 53%;
    left: 12%;
}

.move-top-arrow span:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid #ccc;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -5px;
    right: 0;
}

.mobile_header {
    display: none;
    transform: translateY(-50px);
    overflow: hidden;
    overflow-x: scroll;
    transition: all 0.5s linear
}

.mobile_header.active {
    display: block;
    transform: translateY(0);
}

.tdcol.blue-bg {
    width: 14%;
    border-bottom: none;
}

.tdin.mbl {
    width: 19%;
    border-bottom: none;
    font-family: var(--zf-primary-semibold);
}

.starter_feature,
.sub-btn:last-child:before,
.anim-con,
.sub-con,
.sub-anim-con {
    display: none;
}

.common-container.starter_show .starter_feature {
    display: table-cell;
}

.i18n-ar .inner-hdr {
    margin: 0 10px 0 0;
}

.i18n-ar .tdin,
.tdcol.blue-bg {
    text-align: center;
}

@media only screen and (max-width:1350px) {
    .dev-edition > a {
        font-size: 12px;
        width: 96px;
    }

    .footer-sec-wrap .product-links.three-column {
        display: block;
    }
}

@media only screen and (max-width:1280px) {
    .fixed-btn-con {
        display: none;
    }

    .de-edition {
        display: inline-block;
    }
}

@media only screen and (max-width:1140px) {
    .top-container {
        top: 0px;
    }

    .edition-links {
        width: 100%;
        box-sizing: border-box;
    }

    .edition-links a {
        display: block;
    }
}

@media only screen and (max-width:992px) {
    .float-btn {
        display: none;
    }

    .edition-top-link {
        display: block
    }

    .top-container {
        width: 1100px;
        position: fixed;
    }

    .btm-hdr {
        width: 1100px;
        text-align: right;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .sub-con-left {
        width: 220px;
    }

    .sub-sec-con {
        margin-left: 225px;
    }

    .sub-btn {
        font-size: 12px;
    }

    .common-container {
        width: 100%;
        overflow-x: scroll;
    }

    .bot-main-con {
        width: 1100px;
    }

    .error,
    .empty-error {
        width: 75%;
    }

    #accessct {
        width: 1100px !important;
    }

    .quiz-link {
        margin: 40px auto 0px;
        width: 100%;
        padding: 0px 30px;
        box-sizing: border-box;
    }

    .edition-links {
        margin-top: 15px;
        display: block;
        padding: 0px 30px;
    }

    .edition-links a {
        display: block;
        border: none;
        border-radius: 0px;
        padding: 0px;
        text-decoration: underline;
    }

    .edition-links .edition-link1 {
        margin-bottom: 15px;
    }

    .edition-links a span {
        display: inline-block;
    }

    .edition-links a:hover {
        background: #fff;
        color: #006cff;
    }

    .edition-links a:hover span {
        transform: translateX(4px);
        -webkit-transform: translateX(4px);
    }
}

@media only screen and (max-width:767px) {
    .edition-top-link {
        font: 18px/1.2 var(--zf-primary-regular);
    }

    #accessct {
        background: #fff;
    }

    .header-section {
        padding: 110px 0 50px;
    }

    h1 {
        font: 30px/1.2 Zoho_Puvi_Bold;
        letter-spacing: 0px;
    }

    input[type=text] {
        padding: 8px 10px;
    }

    .search-result-container {
        top: 34px;
    }

    .input-cls-btn {
        right: 15px;
        top: 11px;
    }

    .error,
    .empty-error {
        width: 90%;
    }

    .top-container.fixed {
        width: 100%;
        top: 0px !important;
    }

    .common-container {
        overflow: hidden;
        overflow-x: scroll;
        width: 100%
    }

    .edition-links {
        margin: 15px auto 50px;
    }
}

@media only screen and (max-width:400px) {
    .edition-top-link {
        font: 16px/1.2 var(--zf-primary-regular);
    }
}

/*Other lang css*/
.other-lang .edition-links a {
    font: 15px / 1.5 var(--zf-primary-regular);
}

.other-lang .edition-links {
    max-width: 1150px;

}

.other-lang .has-tooltip:before {
    top: 50%;
    transform: translate(-20%, -50%) rotate(45deg);
}

/*Ends*/
/* Arabic style starts */
.i18n-ar .header-section h1,
.i18n-ar .tdcol h3,
.i18n-ar td.tdtxt {
    text-align: center;
}

.i18n-ar input#search_text {
    border-radius: 20px 0 0 20px !important;
}

.i18n-ar .feature_search_section {
    border-radius: 0 20px 20px 0 !important;
}

.i18n-ar .cmp_heading.basic_features {
    border-right: 1px solid #ccc;
    text-align: right;
}

.i18n-ar .com_features:after,
.i18n-ar .exp_features:after {
    left: unset;
    right: 0;
}

.i18n-ar .com_features,
.i18n-ar .exp_features {
    padding-left: 0;
    padding-right: 20px;
}

.i18n-ar .tdhdr,
.i18n-ar .tdtxt {
    border-left: 1px solid #ccc;
    border-right: unset;
}

.i18n-ar .hdr-sec {
    padding: 15px 12px 15px 0;
}

.i18n-ar .has-tooltip:after {
    left: 5px;
    right: unset;
}
.i18n-ar .float-btn {
    text-align: center;
    right: unset;
    left: -133px;
    border-radius: 0 0 20px 20px;
}

.i18n-ar .edition-links {
    justify-content: space-around;
}

.i18n-ar .edition-top-link span:after {
    left: 0;
    right: unset;
    transform: rotate(-45deg) scale(-1);
}

.i18n-ar .edition-links a span {
    transform: scale(-1);
    margin-right: 10px;
    margin-left: 0;
}

.i18n-ar .edition-links a span:after {
    left: unset;
    right: 0;
    transform: rotate(-45deg);
}

.i18n-ar td.tdhdr {
    border-right: 1px solid #ccc;
}

.i18n-ar .edition-links {
    justify-content: space-evenly
}

.i18n-ar .edition-top-link,
.i18n-ar .top-container .tdcol {
    text-align: center;
}

.i18n-ar .bg_lazy_loaded .cmp_addon:after {
    right: unset;
    left: -25px;
}

.i18n-ar .has-tooltip:before {
    left: -7px;
    right: unset;
}

.i18n-ar .has-tooltip .tlTip {
    left: unset;
    right: 100%;
    text-align: right;
}

.i18n-ar .cmp_addon_Msg {
    left: unset;
    right: 30px;
}

.i18n-ar .cmp_addon_Msg:before {
    left: unset;
    right: -4px;
}
.i18n-ar .input-cls-btn{right: unset; left: 15px;}