.testimonial_slider_footer h2 {
    font: 15px/1.5 var(--zf-primary-bold);
    margin-bottom: 5px
}

.testimonial_slider_footer p,.testimonial_slider_footer li {
    font: 14px/1.8 var(--zf-primary-regular);
    padding-bottom: 0
}

.testimonial_innersec_footer .slick-dots li.slick-active {
    background: #919599 !important;
    height: 8px
}

.testimonial_slider_footer a {
    color: #089949;
    font-family: var(--zf-secondary-medium)
}

.testimonial_innersec_footer .slick-dots li {
    border: 1px solid #919599 !important;
    width: 8px !important;
    height: 8px;
    background: #fff
}

.testimonial_sec_footer {
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
    width: 90%;
    padding: 30px 0
}

.ai-clmn-box {
    display: flex
}

.sprite-img {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/desk/zd-gen-ai-sprite-2x.png);
    display: inline-block;
    background-size: 1078px auto;
    display: inline-block
}

.zia-lgo {
    background-position: -35px -38px;
    width: 162px;
    height: 161px
}

.chatgpt-logo {
    background-position: -239px -39px;
    width: 161px;
    height: 161px
}

.crmbadge-txt {
    color: #000;
    margin-bottom: 10px;
    display: inline-block;
    letter-spacing: 0;
    background: #eee;
    border-radius: 20px;
    padding: 7px 12px 6px;
    font: 14px / 1 var(--zf-primary-regular) !important
}

.ai-clmn-cont {
    max-width: 1050px;
    margin: 0 auto;
    text-align: center
}

.Lft_clmn .twoClmn_Rht {
    margin-right: 0
}

.Rht_clmn .twoClmn_Rht {
    margin-left: 0
}

.Ncrm_twoClmnInner {
    justify-content: center
}

.zia-clmn {
    position: relative
}

.chgpt-clmn,.zia-clmn {
    width: 48%;
    margin: 1%;
    padding: 30px;
    text-align: center
}

.zia-clmn:after {
    position: absolute;
    background: #ccc;
    background: -moz-linear-gradient(top,#fff 0,#ccc 29%,#ccc 75%,#fff 100%);
    background: -webkit-linear-gradient(top,#fff 0,#ccc 29%,#ccc 75%,#fff 100%);
    background: linear-gradient(to top,#fff 0,#ccc 30%,#ccc 70%,#fff 100%);
    width: 1px;
    height: 100%;
    content: "";
    left: 100%;
    bottom: 0
}

.desk-theme .bottom-sec {
    padding: 40px 0 130px
}

picture,source {
    display: block
}

.bottom-sec .inner-hdr {
    color: #0b5b42;
    padding-bottom: 20px;
    letter-spacing: -1.2px;
    font: 48px/1.1 var(--zf-primary-extrabold);
    margin-bottom: 0
}

.btm-ftrs-lst {
    display: flex;
    justify-content: center;
    padding: 0 0 55px
}

.btm-ftrs-lst li {
    position: relative;
    padding-left: 35px;
    text-align: left;
    margin-right: 30px;
    font-size: 24px;
    font-family: var(--zf-primary-regular)
}

.desk-theme .Ncrm_cta {
    border-radius: 12px;
    margin-right: 0
}

.btm-ftrs-lst li:last-child {
    margin: 0
}

.btm-ftrs-lst li:after {
    content: '';
    position: absolute;
    left: -4px;
    top: 6px;
    background-position: -30px -29px;
    width: 35px;
    height: 26px
}

.btm-ftrs-lst li:after {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/desk/zd-f-email-sprite.svg);
    display: inline-block
}

.btns-sec {
    display: flex;
    justify-content: center
}

.btns-sec a {
    min-width: 300px;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center;
    padding: 10px 25px 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.act-btn.arw_lnk {
    font-size: 18px
}

.arw_lnk span {
    background: #fff;
    width: 12px;
    height: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 7px;
    transition: all ease .35s
}

.arw_lnk span:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #fff;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -3px;
    right: 0
}

.btns-sec a.cmpr-btn {
    font-size: 18px;
    margin-left: 30px;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold)
}

.btns-sec a {
    min-width: 300px;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center;
    padding: 10px 25px 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.btns-sec .cmpr-btn.arw_lnk span {
    background: #000;
    margin: 0 0 0 7px
}

.btns-sec .cmpr-btn.arw_lnk span:before {
    border-color: #000
}

.video-sec {
    position: relative;
    cursor: pointer
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: 50%;
    background: #fff;
    padding: 25px 20px 20px 25px
}

.video-play-button:before {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    z-index: 0;
    width: 60px;
    height: 60px;
    background: #08994980;
    animation: pulse-border 1500ms ease-out infinite
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 46px;
    height: 46px;
    background: #089949;
    border-radius: 50%;
    transition: all 200ms
}

.pause-icon {
    height: 15px;
    border-width: 10px 0 10px 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
    border-color: #00000000 #00000000 #00000000 #fff;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    position: absolute
}

.nav-menu {
    max-width: 440px;
    margin: 0 auto;
    padding: 0 0 30px
}

.menu-con {
    position: relative;
    display: inline-block;
    padding: 0;
    border-bottom: 1px solid #c2c2c2
}

.menu-option {
    float: left;
    list-style-type: none;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    font: 18px/1.4 var(--zf-primary-regular);
    letter-spacing: -0.18px
}

.menu-option:before {
    width: 100%;
    height: 1px;
    content: '';
    left: 0;
    bottom: -1px;
    position: absolute;
    background: #c2c2c2
}

.menu-option:after {
    content: '';
    position: absolute;
    height: 18px;
    width: 1px;
    background: #c2c2c2;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0
}

.slider-act:before {
    content: '';
    background: #0b5b42;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -1px;
    position: absolute
}

.slider-act {
    color: #0b5b42;
    font: 18px/1.4 var(--zf-secondary-medium)
}

.menu-option:last-child:after {
    display: none
}

#features-1 .Ncrm_oneClmnInner {
    padding: 60px 0 40px
}

.footer-sec {
    padding: 140px 0 140px
}

#features-1 .Ncrm_oneClmnInner {
    padding: 60px 0 40px
}

.video-sec.Ncrm_oneClmnInner {
    padding: 0;
    margin-bottom: 60px
}

.zsiq_float {
    display: none !important
}

.z-bottom-cta-menu.withCW a {
    width: calc(100% - 50px)
}

@media only screen and (max-width: 1140px) {
    .bottom-sec .inner-hdr {
        font-size:40px;
        letter-spacing: inherit
    }

    .desk-theme .bottom-sec {
        width: 100%;
        padding: 25px 30px 100px;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 991px) {
    .desk-theme .bottom-sec {
        padding:50px 30px 100px
    }

    .video-sec.Ncrm_oneClmnInner {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .zia-clmn:after {
        display:none
    }

    .chgpt-clmn,.zia-clmn {
        width: 100%;
        margin: 0;
        border-right: 0
    }

    .ai-clmn-box {
        flex-wrap: wrap
    }

    .chgpt-clmn,.zia-clmn {
        width: 100%;
        margin: 0;
        border-right: 0
    }

    .ai-clmn-box {
        flex-wrap: wrap
    }

    .gccc5627964a9 {
        bottom: 55px !important;
        right: 5px !important
    }

    .bottom-sec .inner-hdr {
        font-size: 32px;
        letter-spacing: inherit
    }

    .btm-ftrs-lst {
        padding: 0 0 25px
    }

    .btm-ftrs-lst li {
        font-size: 16px
    }

    .btm-ftrs-lst li:after {
        transform: scale(0.5);
        top: -1px
    }

    .btm-ftrs-lst li:after {
        top: 2px
    }

    .act-btn.cta-btn {
        display: none !important
    }

    .btns-sec a.cmpr-btn {
        margin: 0
    }

    .video-sec.Ncrm_oneClmnInner {
        margin-bottom: 40px
    }

    .desk-theme .bottom-sec {
        padding: 40px 20px 50px
    }

    #features-1 .Ncrm_oneClmnInner {
        padding: 40px 0 40px
    }

    .slider-act {
        font: 16px/1.4 var(--zf-secondary-medium)
    }

    .menu-option {
        font: 16px / 1.4 var(--zf-primary-regular);
        padding: 10px 6px
    }
}

.video-sec.Ncrm_img {
    max-width: 900px;
    height: 505px
}

.zc-video-iframe {
    width: 100%;
    height: 100%
}
