.pb-30 {
     padding-bottom: 30px
 }
.dashboard-demo-account-cta{
    display: none !important;
}
 .inner-footer {
     background: #000;
     color: #fff;
     text-align: center;
     padding: var(--sec-gap) 20px
 }

 .inner-footer-cont {
     max-width: 680px
 }

 .inner-footer-cont .cta-cont {
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .inner-footer .inner-footer-header {
     font-size: var(--footer-heading-size);
     line-height: 1.5
 }

 .inner-footer .tag {
     font-size: 28px;
     line-height: 56px
 }

 .inner-footer .green-highlight {
     color: #07ea6b
 }

 :root {
     --menu-color: #fff !important;
     --faq-max-width: 800px;
     --sec-gap: 100px;
     --footer-heading-size: 36px
 }

 body {
     font-family: var(--primaryfont-regular), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .puvi-extarbold,
 .scroller:before {
     font-family: var(--zf-primary-extrabold), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .btn,
 .experience-card h3,
 .inner-footer-header,
 .popup-content-container h3,
 .puvi-bold {
     font-family: var(--secondaryfont-bold), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .customer-details div,
 .process-card h2,
 .puvi-semibold,
 .strengthen-cards h2 {
     font-family: var(--secondaryfont-semibold), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .color-white {
     color: #fff
 }

 .color-black {
     color: #000
 }

 .color-green {
     color: #07b757
 }

 .faq-section .faq-wrapper>h2,
 .primary-cta,
 .text-center {
     text-align: center
 }

 .carousel-content li,
 .company-profile,
 .cta-cont,
 .d-flex,
 .integration-cards>div,
 .popup-container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }

 .align-center,
 .company-profile {
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center
 }

 .cta-cont,
 .justify-center,
 .pricing-table-header.m-lr-auto {
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .billing-process,
 .carousel-container,
 .company-profile,
 .contactus-cont,
 .integration-cards,
 .integration-sec,
 .mobile-cont,
 .overflow-hidden,
 .popup-container,
 .scroller {
     overflow: hidden
 }

 .carousel-container,
 .header-content,
 .header-image,
 .integration-cards>div,
 .popup-mask img,
 .relative,
 .scroller {
     position: relative
 }

 .float-right {
     float: right;
     height: 245px
 }

 .zb-product-header {
     background-color: #003e32 !important;
     border-bottom: 1px solid #004f41
 }

 .zb-product-header .billing-logo {
     background-image: url(///cdn.zoho.com.cn/sites/zweb/images/billing/home/billing-logo-white.svg)
 }

 .billing-growth {
     background-color: #073d32;
     max-width: 1110px
 }

 .header-section {
     margin: 0 auto;
     padding: 0 50px;
     background: -webkit-gradient(linear, left top, left bottom, from(#073d32), to(#01281a));
     background: linear-gradient(180deg, #073d32, #01281a)
 }

 .compliance-badge {
     padding: 8px 13px;
     border-radius: 20px;
     gap: 7px;
     background-color: #051410;
     color: #fff;
     font-size: 14px;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     margin: 0 auto 20px
 }

 .header-inner,
 .solution-section {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .header-inner {
     margin: auto;
     padding: 70px 0 0;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     max-width: 1280px
 }

 .hero-lhs-rhs-img {
     gap: 10px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .header-content {
     height: 135px
 }

 .header-image {
     padding: 60px 0;
     z-index: 1
 }

 .header-image,
 .hero-lhs-rhs-img {
     gap: 20px
 }

 .br-10 {
     border-radius: 10px
 }

 .inner-footer-cont,
 .product-dashboard {
     max-width: 900px
 }

 .header-title,
 .list-container {
     font-size: 48px;
     line-height: 66px;
     color: #fff
 }

 .header-desc {
     max-width: 680px;
     margin: 20px auto;
 }

 .scroller {
     right: 50%;
     left: 50%;
     display: inline-block;
     height: 60px;
     min-width: 595px;
     padding-left: 205px;
     -webkit-transform: translateX(-45%);
     -ms-transform: translateX(-45%);
     transform: translateX(-45%)
 }

 .scroller.de-content {
     padding-left: 250px
 }

 .scroller.mx-content {
     padding-left: 288px
 }

 .scroller.de-content .list-container,
 .scroller.mx-content .list-container {
     left: 300px
 }

 .scroller:before {
     content: "适用于";
     position: absolute;
     top: 0;
     left: 40px;
     z-index: 89;
     font-size: 48px;
     line-height: 66px;
     color: #fff
 }

 .scroller.de-content:before {
     content: "Gemacht für"
 }

 .scroller.mx-content:before {
     content: "Creado para"
 }

 .list-container {
     position: absolute;
     text-align: left;
     top: -396px;
     left: 195px
 }

 .business-growth .highlight {
     color: #00ea6b
 }

 .ready .list-container {
     -webkit-transition-delay: 3s;
     transition-delay: 3s;
     -webkit-animation: slide 10s 1;
     animation: slide 10s 1
 }

 @-webkit-keyframes slide {
     0% {
         top: -66px
     }

     20% {
         top: -132px
     }

     40% {
         top: -198px
     }

     60% {
         top: -264px
     }

     80% {
         top: -330px
     }
 }

 @keyframes slide {
     0% {
         top: -66px
     }

     20% {
         top: -132px
     }

     40% {
         top: -198px
     }

     60% {
         top: -264px
     }

     80% {
         top: -330px
     }
 }

 .suitable-for, .testimonial-sec {
     display: none
 }

 .cta-cont {
     gap: 15px
 }

 .btn {
     display: inline-block;
     padding: 17px 42px;
     border-radius: 8px;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     cursor: pointer;
     font-size: 13px
 }

 .primary-cta {
     background-color: #00ea6b;
     color: #000
 }

 .demo-cta {
     border: 1px solid #fff;
     color: #fff;
     background-color: rgba(0, 0, 0, 0)
 }

 .demo-cta:hover {
     background-color: #fff;
     color: #000
 }

 .primary-cta:hover {
     background-color: #15c063
 }

 .trusted-brands {
     background-color: #fbfbfb !important;
     border-bottom: 1px solid #e9e9e9
 }

 .trusted-brands .trusted-brands-inner {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 30px 25px
 }

 .trusted-brands .brand-title {
     font-size: 15px !important;
     line-height: 24px;
     color: #000;
     font-family: var(--zf-secondary-medium)
 }

 .inner-footer-cont,
 .trusted-brands .brand-logos {
     margin: 0 auto
 }

 .billing-process {
     padding: 0 25px
 }

 .billing-process-inner {
     margin: auto;
     max-width: 1110px;
     padding: 100px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-align: left
 }

 .header-align {
     font-size: 36px;
     line-height: 50px;
     letter-spacing: -1px
 }

 .process-card,
 .strengthen-cards {
     margin: 48px auto 0;
     max-width: 1110px
 }

 .process-card-1,
 .process-card-3 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 40px
 }

 .process-card-3 {
     margin-bottom: 0
 }

 .process-card-1>div,
 .process-card-3>div {
     background-color: #edf2f1;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     max-width: 48%;
     overflow: hidden;
     vertical-align: top
 }

 .card-sub>div {
     padding: 60px 40px
 }

 .experience-card h3,
 .process-card h2,
 .strengthen-cards h2 {
     font-size: 24px;
     line-height: 30px
 }

 .process-card h2,
 .strengthen-cards h2 {
     margin-bottom: 12px
 }

 .es-mx-edition .process-card-title {
     max-width: 310px
 }

 .process-card p,
 .strengthen-cards p {
     color: #4f5050;
     font-size: 16px;
     line-height: 30px
 }

 .desc {
     font-size: 16px;
     line-height: 30px
 }

 .process-card-2 {
     display: block;
     padding: 60px 60px 0;
     background-color: #edf2f1;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-bottom: 40px
 }

 .process-content {
     max-width: 405px;
     float: left
 }

 .process-card-2 p {
     max-width: 405px
 }

 .strengthen-brand {
     background-color: #000;
     padding: 0 25px
 }

 .strengthen-brand-inner {
     margin: auto;
     max-width: 1110px;
     padding: 100px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .title {
     margin-bottom: 20px
 }

 .strengthen-brand .desc {
     opacity: .9
 }

 .strengthen-brand-inner>p {
     max-width: 700px;
     margin: auto
 }

 .strengthen-cards p {
     margin-bottom: 10px
 }

 .strengthen-card-1 {
     display: inline-block;
     max-width: 48%;
     margin-right: 40px;
     vertical-align: top
 }

 .strengthen-card-1>div,
 .strengthen-card-2 {
     background-color: #fff;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block
 }

 .strengthen-card-1>div {
     padding: 60px 40px 0;
     max-width: 530px
 }

 .strengthen-card-2 {
     padding: 60px 60px 0;
     max-width: 48%;
     vertical-align: top
 }

 .strengthen-card-2 p {
     max-width: 435px
 }

 .strengthen-card-2 div,
 .strengthen-card-2 img {
     display: inline-block
 }

 .strengthen-card-2 div {
     vertical-align: top
 }

 .strengthen-card-2 img {
     vertical-align: bottom;
     max-width: 395px
 }

 .experience-section {
     padding: 0 25px
 }

 .experience-section-inner {
     margin: auto;
     max-width: 1110px;
     padding: 60px 0 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-align: left
 }

 .experience-card {
     max-width: 1100px;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 58px auto;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     row-gap: 50px
 }

 .experience-card>div {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 auto;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     max-width: 320px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .experience-card>div img,
 .experience-card h3 {
     margin-bottom: 10px
 }

 .experience-card p {
     color: #484848;
     font-size: 16px;
     line-height: 30px
 }

 .mobile-cont {
     max-width: 1110px;
     margin: 100px auto 60px;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     border-radius: 20px;
     border: 1px solid #ebebeb;
     background-color: #fff;
    display: none !important;
 }

 .mobile-cont,
 .mobile-content {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .mobile-content {
     max-width: 600px;
     padding: 50px
 }

 .mobile-img {
     max-width: 480px;
     padding: 40px 40px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/header-bg.svg);
     background-color: #edf2f1;
     -webkit-box-align: end;
     -webkit-align-items: flex-end;
     -ms-flex-align: end;
     align-items: flex-end
 }

 .mobile-title {
     padding-bottom: 5px
 }

 .mobile-cont p {
     font-size: 17px;
     line-height: 30px;
     max-width: 500px;
     padding-bottom: 10px
 }

 .store-badge {
     margin-top: 30px
 }

 .badge,
 .store-badge a {
     display: inline-block;
     height: 42px
 }

 .testimonial-sec {
     padding: 60px 25px 100px
 }

 .testimonial-sec h2 {
     max-width: 1110px;
     margin: auto
 }

 .testimonial-sec-inner {
     max-width: 1110px;
     margin: 48px auto 0
 }

 .testimonial-desc,
 .testimonial-sec-inner {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .testimonial-desc {
     max-width: 68%;
     text-align: left;
     padding: 65px 40px;
     background-color: #003e32
 }

 .testimonial-desc p {
     color: #fff;
     font-size: 22px;
     line-height: 43px
 }

 .customer-details {
     display: block;
     font-size: 23px;
     line-height: 30px;
     margin-top: 20px
 }

 .customer-details div {
     color: #fff;
     font-size: 26px;
     line-height: 36px
 }

 .customer-details p {
     color: #fff;
     font-size: 18px;
     line-height: 28px
 }

 .company-profile {
     width: 360px;
     height: 427px;
     background-color: #142b26
 }

 /* .company-logo {
     background-size: 1123px 174px;
     display: inline-block;
     margin: auto
 } */

 .ueni-logo {
     background-position: -302px -68px;
     width: 230px;
     height: 39px;
 }

 .hindutamil {
     background-position: -571px -60px;
     width: 240px;
     height: 53px;
 }

 .company-logo {
     background-size: 860px 174px;
     display: inline-block;
     margin: auto
 }

 /* .sa-colorado,
 .sa-rasaio,
 .sa-ueni {
     background-size: 600px 140px;
     width: 184px;
     height: 75px
 } */

 .colorado {
     background-position: -49px -48px;
     width: 210px;
     height: 78px;
 }

 /* .sa-ueni {
     background-position: 190px 110px
 }

 .sa-colorado {
     background-position: 400px 110px
 }

 .sa-rasaio {
     background-position: -10px 110px
 }

 .in-company-logo.hindutamil {
     background-position: -577px -63px;
     width: 230px;
     height: 48px
 }

 .in-company-logo.quick-dry-company {
     background-position: -48px -58px;
     width: 210px;
     height: 58px
 }

 .in-company-logo.edmingle {
     background-position: -308px -65px;
     width: 220px;
     height: 44px
 }

 .in-company-logo.colorado {
     background-position: -38px -49px;
     width: 230px;
     height: 75px
 }

 .in-company-logo.rasaio {
     background-position: -316px -62px;
     width: 230px;
     height: 49px
 }

 .in-company-logo.tax-valet {
     background-position: -615px -57px;
     width: 230px;
     height: 73px
 }

 .in-company-logo.ueni-icon {
     background-position: -38px -65px;
     width: 230px;
     height: 48px
 }

 .in-company-logo.hyrbox-sverige-ab {
     background-position: -340px -57px;
     width: 210px;
     height: 69px
 }

 .in-company-logo.goodfirms {
     background-position: -325px -71px;
     width: 210px;
     height: 31px
 }

 .colorado {
     background-position: -49px -48px;
     width: 246px;
     height: 78px
 } */

 .carousel-animation {
     width: 70%;
     height: 2px;
     background-color: #e3e3e3;
     margin: 20px auto;
     display: inline-block
 }

 .carousel-content {
     height: 427px
 }

 .carousel-content li {
     width: 100%;
     -webkit-transition: left 1.5s ease-in-out;
     transition: left 1.5s ease-in-out;
     -webkit-box-pack: space-evenly;
     -webkit-justify-content: space-evenly;
     -ms-flex-pack: space-evenly;
     justify-content: space-evenly;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     left: 100%
 }

 @-webkit-keyframes slide-feel {
     0% {
         -webkit-transform: translateX(70px);
         transform: translateX(70px)
     }

     to {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px)
     }
 }

 @keyframes slide-feel {
     0% {
         -webkit-transform: translateX(70px);
         transform: translateX(70px)
     }

     to {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px)
     }
 }

 .switch-arrow {
     position: absolute;
     bottom: 30px;
     right: 3%;
     z-index: 10
 }

 .common-icon {
     width: 46px;
     height: 46px;
     background-color: #fff;
     border-radius: 5px;
     cursor: pointer;
     border: 0;
     padding: 0
 }

 /* .common-icon img {
     padding: 15px
 } */

 .right-arrow-mob img,
 .right-arrow img {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 .common-icon.right-arrow,
 .common-icon.right-arrow-mob {
     background-color: #04914d
 }

 .mobile-responsive {
     display: none;
     position: absolute;
     bottom: 40px;
     left: 50%
 }

 .security-cont {
     padding: 0 25px
 }

 .security-inner {
     max-width: 720px;
     margin: 100px auto;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .security-title {
     color: #000;
     margin-bottom: 20px
 }

 .security-cerf {
     margin-top: 30px
 }

 .integration-sec {
     background: #e6e6e6;
     padding: 0 25px
 }

 .integration-inner {
     max-width: 1110px;
     margin: 100px auto
 }

 .integration-inner .desc {
     max-width: 675px;
     margin: 0 auto 30px;
     color: #484848
 }

 .integration-inner a {
     display: inline-block;
     color: #07b757;
     font-size: 16px;
     letter-spacing: .64px;
     text-transform: uppercase
 }

 .integration-cards {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     margin: 48px auto
 }

 .integration-cards>div {
     overflow-x: hidden;
     overflow-y: hidden
 }

 .integration-cards>div:after,
 .integration-cards>div:before {
     content: "";
     width: 110px;
     height: 110px;
     position: absolute;
     top: 0;
     z-index: 1
 }

 .integration-cards>div:before {
     background: linear-gradient(280deg, hsla(0, 0%, 90.2%, 0), #e6e6e6);
     left: 0
 }

 .integration-cards>div:after {
     background: linear-gradient(88deg, hsla(0, 0%, 90.2%, 0), #e6e6e6);
     right: 0
 }

 .integration-cards>div::-webkit-scrollbar {
     width: 0
 }

 .integrations-animation-1>li,
 .integrations-animation-2>li {
     background-size: 911px 836px;
     min-width: 200px;
     height: 100px;
     font-size: 0;
     background-color: #fff;
     background-repeat: no-repeat;
     margin: 0 15px
 }

 .slack {
     background-position: -658px -264px
 }

 .zoho-crm {
     background-position: -199px -351px
 }

 .zapier {
     background-position: -1px -351px
 }

 .zoho-salesiq {
     background-position: -426px -504px
 }

 .wordpress {
     background-position: -208px -506px
 }

 .zoho-books {
     background-position: -412px -353px
 }

 .zendesk {
     background-position: -215px -267px
 }

 .zoho-inventory {
     background-position: -656px -507px
 }

 .google-workspace {
     background-position: -441px -265px
 }

 .zoho-analytics {
     background-position: -187px -432px
 }

 .office-365 {
     background-position: -5px -263px
 }

 .zoho-cliq {
     background-position: 24px -436px
 }

 .zoho-mail {
     background-position: -626px -435px
 }

 .zoho-desk {
     background-position: 18px -592px
 }

 .zoho-bigin {
     background-position: -172px -587px
 }

 .zoho-projects {
     background-position: -424px -586px
 }

 .zoho-expense {
     background-position: -652px -585px
 }

 .zoho-campaigns {
     background-position: -8px -688px
 }

 .zoho-sign {
     background-position: -173px -689px
 }

 .zoho-people {
     background-position: -421px -685px
 }

 .integrations-animation-1,
 .integrations-animation-2 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }

 .integrations-animation-1.animate {
     -webkit-animation: zsm-customers-slideshow 40s linear infinite;
     animation: zsm-customers-slideshow 40s linear infinite
 }

 .integrations-animation-2.animate {
     -webkit-animation: zsm-2 40s linear infinite;
     animation: zsm-2 40s linear infinite
 }

 .integration-cards>div:hover .integrations-animation-1,
 .integration-cards>div:hover .integrations-animation-2 {
     -webkit-animation-play-state: paused;
     animation-play-state: paused;
     cursor: pointer
 }

 @-webkit-keyframes zsm-2 {
     0% {
         -webkit-transform: translateX(-101%);
         transform: translateX(-101%)
     }

     to {
         -webkit-transform: translateX(-1%);
         transform: translateX(-1%)
     }
 }

 @keyframes zsm-2 {
     0% {
         -webkit-transform: translateX(-101%);
         transform: translateX(-101%)
     }

     to {
         -webkit-transform: translateX(-1%);
         transform: translateX(-1%)
     }
 }

 @-webkit-keyframes slide-3 {
     0% {
         -webkit-transform: translateX(-1%);
         transform: translateX(-1%)
     }

     to {
         -webkit-transform: translateX(99%);
         transform: translateX(99%)
     }
 }

 @keyframes slide-3 {
     0% {
         -webkit-transform: translateX(-1%);
         transform: translateX(-1%)
     }

     to {
         -webkit-transform: translateX(99%);
         transform: translateX(99%)
     }
 }

 .pricing-cont {
     margin: 100px auto 0;
    display: none !important;
 }

 .pricing-home-title {
     margin-bottom: 48px
 }

 .pricing-table-header.m-lr-auto {
     background: #fff
 }

 .contactus-cont {
     display: block;
     max-width: 1110px;
     margin: 100px auto 0;
     border-radius: 16px;
     border: 1px solid #eaeaea;
     background: #fff;
     font-size: 0
 }

 .contactus-desc,
 .contactus-img {
     display: inline-block;
     vertical-align: top;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .contactus-img {
     max-width: 40%
 }

 .contactus-desc {
     max-width: 60%;
     padding: 40px 45px
 }

 .contactus-title {
     margin-bottom: 10px
 }

 .contactus-title.de-title {
     font-size: 30px
 }

 .contactus-desc p {
     font-size: 17px !important;
     line-height: 30px;
     margin-bottom: 30px
 }

 .contactus-desc a {
     display: inline-block;
     color: #07b757;
     font-size: 16px;
     letter-spacing: .64px;
     text-transform: uppercase
 }

 .demo-popup-div .demo-popup-content {
     background-color: #edf2f1
 }

 .animate-class {
     -webkit-transform: translateY(3rem);
     -ms-transform: translateY(3rem);
     transform: translateY(3rem);
     -webkit-transition: all .7s;
     transition: all .7s;
     -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }

 .animate-class.active {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
 }

 .popup-mask {
     display: none;
     position: fixed;
     z-index: 9999;
     width: 100%;
     height: 100%;
     top: 0;
     background-color: rgba(0, 0, 0, .8)
 }

 .popup-container {
     width: 685px;
     margin: auto;
     border-radius: 26px;
     background-color: #003e32;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .popup-mask img {
     width: 300px
 }

 .popup-content-container {
     margin-left: -45px;
     background: #fff;
     border-radius: 0 34px 34px 0;
     padding: 50px 50px 50px 80px;
     border-radius: 26px
 }

 .popup-content-container h2 {
     color: #444;
     font-size: 12px;
     font-family: var(--primaryfont-regular);
     padding-bottom: 8px
 }

 .popup-content-container h3 {
     font-size: 22px;
     font-style: normal;
     font-weight: 700;
     line-height: 28px;
     color: #000;
     padding-bottom: 8px;
     max-width: 300px
 }

 .popup-content-container .highlight {
     color: #068c42
 }

 .popup-content-container p {
     color: #000;
     font-size: 12px;
     font-style: normal;
     max-width: 300px;
     line-height: 19px
 }

 .popup-content-container button {
     background-color: #00ea6b;
     padding: 15px 25px;
     font-size: 13px;
     color: #000;
     font-family: var(--zf-secondary-medium);
     display: inline-block;
     border-radius: 4px;
     margin-top: 20px;
     border: none;
     cursor: pointer
 }

 .blog-link {
     color: #4f5050;
     text-decoration: underline
 }

 .faq-section .faq-wrapper>h2 {
     line-height: 1.5
 }

 .faq-section.m-auto {
     padding: 0 20px 80px
 }

 .compare-link-wrapper,
 .mobile {
     display: none
 }

 @media screen and (max-width: 1150px) {
     .product-dashboard {
         max-width: 100%
     }

     .animate-image {
         display: none
     }

     .mobile-cont {
         margin: 60px 25px
     }

     .billing-process-inner,
     .experience-section-inner,
     .strengthen-brand-inner {
         padding: 60px 0
     }

     .integration-inner,
     .pricing-cont,
     .security-inner {
         margin: 60px auto
     }

     .testimonial-sec {
         padding: 0 25px 60px
     }

     .trusted-brands .brand-logos {
         max-width: 810px
     }
 }

 @media screen and (max-width: 1120px) {
     .strengthen-card-1 {
         margin: 0 auto 40px !important
     }

     .strengthen-card-1,
     .strengthen-card-2 {
         display: block;
         margin: auto
     }

     .strengthen-card-2 img {
         max-width: 100%
     }

     .contactus-cont {
         margin: 60px 25px 0
     }
 }

 @media screen and (max-width: 1000px) {
     .contactus-cont {
         padding: 40px 25px;
         margin: 60px 25px 0
     }

     .contactus-desc,
     .contactus-img {
         display: block;
         margin: auto
     }

     .contactus-img {
         border-radius: 12px
     }

     .contactus-desc {
         padding: 25px 0 0;
         text-align: center;
         max-width: 100%
     }
 }

 @media screen and (max-width: 1080px) {
     .testimonial-sec-inner {
         border-radius: initial;
         width: 100%
     }

     .carousel-content {
         overflow-x: scroll;
         margin: auto;
         height: auto;
         -ms-scroll-snap-type: x mandatory;
         scroll-snap-type: x mandatory;
         scroll-behavior: smooth;
         border-radius: 16px;
         background-color: #003e32;
         max-width: 650px
     }

     .testimonial-sec h2 {
         text-align: center
     }

     .carousel-content::-webkit-scrollbar {
         width: 0
     }

     .carousel-content li {
         position: static;
         min-width: 100%;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         scroll-snap-align: center;
         scroll-snap-stop: always;
         padding: 0;
         border-radius: 16px;
         background-color: none;
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .testimonial-sec-inner .switch-arrow {
         display: none
     }

     .carousel-content,
     .mobile-responsive {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex
     }

     .mobile-responsive {
         margin-top: 40px;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
         column-gap: 20px;
         position: static
     }

     .left-arrow-mob:disabled,
     .right-arrow-mob:disabled {
         opacity: .8;
         cursor: not-allowed
     }

     .left-arrow-mob {
         border: 1px solid #ddd
     }

     .testimonial-desc {
         text-align: center;
         padding: 35px 20px 40px;
         max-width: 100%
     }

     .testimony-1 .testimonial-desc,
     .testimony-2 .testimonial-desc {
         padding: 3% 100px 7%
     }

     .testimony-3 .testimonial-sec {
         padding: 6% 20% 10%
     }

     .company-profile {
         width: 100%;
         height: 140px;
         padding-top: 25px
     }
 }

 @media screen and (max-width: 1040px) {

     .experience-card>div,
     .experience-section-inner h2 {
         text-align: center
     }

     .experience-card {
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         margin: 40px auto;
         -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
         column-gap: 40px
     }

     .experience-section-inner {
         padding: 60px 10%
     }

     .experience-card>div {
         max-width: 45%;
         border-radius: 16px;
         padding: 25px 4%;
         border: 1px solid #ddd
     }
 }

 @media screen and (max-width: 975px) {
     .billing-process-inner {
         padding: 60px 0
     }

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

     .mobile-cont,
     .trusted-brands-inner {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column
     }

     .mobile-content,
     .mobile-img,
     .trusted-brands .brand-logos {
         max-width: 100%;
         text-align: center
     }

     .mobile-content {
         -webkit-box-ordinal-group: 3;
         -webkit-order: 2;
         -ms-flex-order: 2;
         order: 2
     }

     .mobile-cont p {
         margin: auto
     }

     .mobile-img {
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center
     }

     .scroller {
         display: none
     }

     .suitable-for {
         display: block
     }

     .header-title {
         font-size: 36px;
         line-height: 48px
     }

     .header-desc {
         margin-top: 10px;
         max-width: 530px
     }

     .header-content {
         height: auto
     }

     .trusted-brands .brand-title {
         font-size: 18px !important;
         line-height: 28px;
         margin-bottom: 10px;
         text-align: center
     }
 }

 @media screen and (max-width: 860px) {
     .process-title {
         text-align: center
     }

     .process-card-1>div,
     .process-card-2,
     .process-card-3>div,
     .strengthen-card-1,
     .strengthen-card-2 {
         max-width: 700px;
         display: block;
         text-align: center;
         margin: auto
     }

     .process-card-1 div:first-child,
     .process-card-3 div:first-child {
         margin-bottom: 30px;
         margin-right: auto !important
     }

     .card-sub>div {
         padding: 36px 25px 0
     }

     .process-card-2 {
         margin-bottom: 30px
     }

     .strengthen-card-1 {
         margin-right: auto !important
     }

     .strengthen-card-1,
     .strengthen-card-1 div:first-child {
         margin-bottom: 30px
     }

     .process-card-1,
     .process-card-3 {
         display: block
     }

     .process-card-2 p,
     .process-content {
         width: 100%;
         max-width: 100%
     }

     .process-card-2 {
         padding: 40px 40px 0
     }

     .payment-handling {
         max-width: 100% !important;
         display: block;
         margin: 30px auto 0
     }

     .experience-card {
         row-gap: 30px
     }

     .card-sub .process-card-title,
     .strengthen-card-1>div {
         max-width: 100%
     }

     .experience-section-inner {
         padding: 0 4% 60px
     }

     .webinar-cont {
         font-size: 14px !important
     }
 }

 @media screen and (min-width: 1226px) {
     div.plan-card.premium-plan-card .plan-title {
         padding-top: 17px
     }
 }

 @media screen and (max-width: 768px) {

     .header-align,
     .inner-footer .inner-footer-header {
         font-size: 28px;
         line-height: 40px
     }

     .experience-card {
         margin: 30px auto
     }

     .header-section {
         padding: 0 25px
     }

     .testimonial-desc p {
         font-size: 19px !important;
         line-height: 35px
     }

     .customer-details div {
         font-size: 23px;
         line-height: 35px
     }

     .header-image .dashboard-demo-account-cta {
         display: none
     }
 }

 @media screen and (min-width: 767px) {
     .dashboard-demo-account-cta {
         background: #000;
         color: #fff;
         position: absolute;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         opacity: 0
     }

     .dashboard-demo-account-cta,
     .product-dashboard {
         -webkit-transition: opacity .3s ease-in-out;
         transition: opacity .3s ease-in-out
     }

  /*   .header-image:hover .product-dashboard {
         -webkit-filter: brightness(.8);
         filter: brightness(.8)
     }

     .header-image:hover .dashboard-demo-account-cta {
         opacity: 1;
         z-index: 1
     } */
 }

 @media screen and (max-width: 700px) {
     .experience-card>div {
         max-width: 100%
     }

     .popup-container {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         width: 300px;
         background: none
     }

     .popup-content-container {
         border-radius: 0;
         text-align: center
     }

     .desktop {
         display: none
     }

     .mobile {
         display: block
     }

     .pricing-home-title {
         margin-bottom: 25px
     }
 }

 @media screen and (max-width: 480px) {
     .cta-cont {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column
     }

     .header-image {
         gap: 0
     }

     .contactus-cont {
         margin: 60px 25px 0;
         padding: 0
     }

     .contactus-img {
         border-radius: 0;
         max-width: 100%
     }

     .contactus-desc,
     .contactus-img {
         display: block;
         margin: auto
     }

     .contactus-img {
         border-radius: 12px 12px 0 0
     }

     .contactus-desc {
         padding: 25px 15px;
         text-align: center;
         max-width: 100%
     }

     .header-title {
         font-size: 32px;
         line-height: 40px
     }

     .business-growth {
         font-size: 26px
     }

     .header-align,
     .inner-footer .inner-footer-header {
         font-size: 24px !important;
         line-height: 34px
     }

     .card-sub>div {
         padding: 30px 24px 0
     }

     .process-card-2,
     .strengthen-card-1>div,
     .strengthen-card-2 {
         padding: 25px 15px 0 !important
     }

     .carousel-content li {
         padding: 0;
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .testimonial-desc {
         padding: 25px 15px 15px !important
     }

     .process-card,
     .strengthen-cards,
     .testimonial-sec-inner {
         margin: 40px auto 0
     }

     .experience-card p,
     .integration-inner .desc,
     .mobile-cont p,
     .process-card-2 p,
     .process-card p,
     .strengthen-card-1 p,
     .strengthen-card-2 p,
     .strengthen-cards p,
     .testimonial-desc p {
         font-size: 16px !important;
         line-height: 26px
     }

     .title {
         margin-bottom: 14px
     }

     .contactus-desc a,
     .integration-inner a {
         font-size: 13px
     }

     .contactus-desc p,
     .integration-inner .desc {
         margin-bottom: 15px
     }

     .security-cerf {
         max-width: 100% !important
     }

     .mobile-content {
         padding: 25px 0 5px
     }

     .mobile-content p,
     .mobile-title {
         padding: 0 15px 10px
     }

     .badge {
         height: 38px
     }

     .company-logo {
         background-size: 732px 113px
     }

     .ueni-logo {
         background-position: -363px -37px
     }

     .hindutamil {
         background-position: -530px -37px;
         width: 200px
     }

     .colorado {
         background-position: -13px -19px;
         width: 200px
     }

     .experience-card {
         margin-bottom: 0
     }

     .pricing-home-title {
         padding: 0 25px
     }
 }

 /* :root {
     --menu-color: #fff !important;
     --faq-max-width: 800px;
     --sec-gap: 100px;
     --footer-heading-size: 36px
 }

 body {
     font-family: var(--primaryfont-regular), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .puvi-extarbold,
 .scroller:before {
     font-family: var(--zf-primary-extrabold), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .btn,
 .experience-card h3,
 .inner-footer-header,
 .popup-content-container h3,
 .puvi-bold {
     font-family: var(--secondaryfont-bold), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .customer-details div,
 .process-card h2,
 .puvi-semibold,
 .strengthen-cards h2 {
     font-family: var(--secondaryfont-semibold), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .color-white {
     color: #fff
 }

 .color-black {
     color: #000
 }

 .color-green {
     color: #07b757
 }

 .faq-section .faq-wrapper>h2,
 .primary-cta,
 .text-center {
     text-align: center
 }

 .carousel-content li,
 .company-profile,
 .cta-cont,
 .d-flex,
 .integration-cards>div,
 .popup-container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }

 .align-center,
 .company-profile {
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center
 }

 .cta-cont,
 .justify-center,
 .pricing-table-header.m-lr-auto {
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .billing-process,
 .carousel-container,
 .company-profile,
 .contactus-cont,
 .integration-cards,
 .integration-sec,
 .mobile-cont,
 .overflow-hidden,
 .popup-container,
 .scroller {
     overflow: hidden
 }

 .carousel-container,
 .header-content,
 .header-image,
 .integration-cards>div,
 .popup-mask img,
 .relative,
 .scroller {
     position: relative
 }

 .float-right {
     float: right;
     height: 245px
 }

 .zb-product-header {
     background-color: #003e32 !important;
     border-bottom: 1px solid #004f41
 }

 .zb-product-header .billing-logo {
     background-image: url(///cdn.zoho.com.cn/sites/zweb/images/billing/home/billing-logo-white.svg)
 }

 .billing-growth {
     background-color: #073d32;
     max-width: 1110px
 }

 .header-section {
     margin: 0 auto;
     padding: 0 50px;
     background: -webkit-gradient(linear, left top, left bottom, from(#073d32), to(#01281a));
     background: linear-gradient(180deg, #073d32, #01281a)
 }

 .compliance-badge {
     padding: 8px 13px;
     border-radius: 20px;
     gap: 7px;
     background-color: #051410;
     color: #fff;
     font-size: 14px;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     margin: 0 auto 20px
 }

 .header-inner,
 .solution-section {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .header-inner {
     margin: auto;
     padding: 70px 0 0;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     max-width: 1280px
 }

 .hero-lhs-rhs-img {
     gap: 10px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .header-content {
     height: 135px
 }

 .header-image {
     padding: 60px 0;
     z-index: 1
 }

 .header-image,
 .hero-lhs-rhs-img {
     gap: 20px
 }

 .br-10 {
     border-radius: 10px
 }

 .inner-footer-cont,
 .product-dashboard {
     max-width: 900px
 }

 .header-title,
 .list-container {
     font-size: 48px;
     line-height: 66px;
     color: #fff
 }

 .header-desc {
     max-width: 680px;
     margin: 0 auto 20px
 }

 .scroller {
     right: 50%;
     left: 50%;
     display: inline-block;
     height: 60px;
     min-width: 595px;
     padding-left: 205px;
     -webkit-transform: translateX(-45%);
     -ms-transform: translateX(-45%);
     transform: translateX(-45%)
 }

 .scroller.de-content {
     padding-left: 250px
 }

 .scroller.mx-content {
     padding-left: 288px
 }

 .scroller.de-content .list-container,
 .scroller.mx-content .list-container {
     left: 300px
 }

 .scroller:before {
     content: "Built for";
     position: absolute;
     top: 0;
     left: 0;
     z-index: 89;
     font-size: 48px;
     line-height: 66px;
     color: #fff
 }

 .scroller.de-content:before {
     content: "Gemacht für"
 }

 .scroller.mx-content:before {
     content: "Creado para"
 }

 .list-container {
     position: absolute;
     text-align: left;
     top: -396px;
     left: 195px
 }

 .business-growth .highlight {
     color: #00ea6b
 }

 .ready .list-container {
     -webkit-transition-delay: 3s;
     transition-delay: 3s;
     -webkit-animation: slide 10s 1;
     animation: slide 10s 1
 }

 @-webkit-keyframes slide {
     0% {
         top: -66px
     }

     20% {
         top: -132px
     }

     40% {
         top: -198px
     }

     60% {
         top: -264px
     }

     80% {
         top: -330px
     }
 }

 @keyframes slide {
     0% {
         top: -66px
     }

     20% {
         top: -132px
     }

     40% {
         top: -198px
     }

     60% {
         top: -264px
     }

     80% {
         top: -330px
     }
 }

 .suitable-for {
     display: none
 }

 .cta-cont {
     gap: 15px
 }

 .btn {
     display: inline-block;
     padding: 17px 42px;
     border-radius: 8px;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     cursor: pointer;
     font-size: 13px
 }

 .primary-cta {
     background-color: #00ea6b;
     color: #000
 }

 .demo-cta {
     border: 1px solid #fff;
     color: #fff;
     background-color: rgba(0, 0, 0, 0)
 }

 .demo-cta:hover {
     background-color: #fff;
     color: #000
 }

 .primary-cta:hover {
     background-color: #15c063
 }

 .trusted-brands {
     background-color: #fbfbfb !important;
     border-bottom: 1px solid #e9e9e9
 }

 .trusted-brands .trusted-brands-inner {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 30px 25px
 }

 .trusted-brands .brand-title {
     font-size: 15px !important;
     line-height: 24px;
     color: #000;
     font-family: var(--zf-secondary-medium)
 }

 .inner-footer-cont,
 .trusted-brands .brand-logos {
     margin: 0 auto
 }

 .billing-process {
     padding: 0 25px
 }

 .billing-process-inner {
     margin: auto;
     max-width: 1110px;
     padding: 100px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-align: left
 }

 .header-align {
     font-size: 36px;
     line-height: 50px;
     letter-spacing: -1px
 }

 .process-card,
 .strengthen-cards {
     margin: 48px auto 0;
     max-width: 1110px
 }

 .process-card-1,
 .process-card-3 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 40px
 }

 .process-card-3 {
     margin-bottom: 0
 }

 .process-card-1>div,
 .process-card-3>div {
     background-color: #edf2f1;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     max-width: 48%;
     overflow: hidden;
     vertical-align: top
 }

 .card-sub>div {
     padding: 60px 40px
 }

 .experience-card h3,
 .process-card h2,
 .strengthen-cards h2 {
     font-size: 24px;
     line-height: 30px
 }

 .process-card h2,
 .strengthen-cards h2 {
     margin-bottom: 12px
 }

 .es-mx-edition .process-card-title {
     max-width: 310px
 }

 .process-card p,
 .strengthen-cards p {
     color: #4f5050;
     font-size: 16px;
     line-height: 30px
 }

 .desc {
     font-size: 16px;
     line-height: 30px
 }

 .process-card-2 {
     display: block;
     padding: 60px 60px 0;
     background-color: #edf2f1;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-bottom: 40px
 }

 .process-content {
     max-width: 405px;
     float: left
 }

 .process-card-2 p {
     max-width: 405px
 }

 .strengthen-brand {
     background-color: #000;
     padding: 0 25px
 }

 .strengthen-brand-inner {
     margin: auto;
     max-width: 1110px;
     padding: 100px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .title {
     margin-bottom: 20px
 }

 .strengthen-brand .desc {
     opacity: .9
 }

 .strengthen-brand-inner>p {
     max-width: 700px;
     margin: auto
 }

 .strengthen-cards p {
     margin-bottom: 10px
 }

 .strengthen-card-1 {
     display: inline-block;
     max-width: 48%;
     margin-right: 40px;
     vertical-align: top
 }

 .strengthen-card-1>div,
 .strengthen-card-2 {
     background-color: #fff;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block
 }

 .strengthen-card-1>div {
     padding: 60px 40px 0;
     max-width: 530px
 }

 .strengthen-card-2 {
     padding: 60px 60px 0;
     max-width: 48%;
     vertical-align: top
 }

 .strengthen-card-2 p {
     max-width: 435px
 }

 .strengthen-card-2 div,
 .strengthen-card-2 img {
     display: inline-block
 }

 .strengthen-card-2 div {
     vertical-align: top
 }

 .strengthen-card-2 img {
     vertical-align: bottom;
     max-width: 395px
 }

 .experience-section {
     padding: 0 25px
 }

 .experience-section-inner {
     margin: auto;
     max-width: 1110px;
     padding: 60px 0 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-align: left
 }

 .experience-card {
     max-width: 1100px;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 58px auto;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     row-gap: 50px
 }

 .experience-card>div {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 auto;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     max-width: 320px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .experience-card>div img,
 .experience-card h3 {
     margin-bottom: 10px
 }

 .experience-card p {
     color: #484848;
     font-size: 16px;
     line-height: 30px
 }

 .mobile-cont {
     max-width: 1110px;
     margin: 100px auto 60px;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     border-radius: 20px;
     border: 1px solid #ebebeb;
     background-color: #fff
 }

 .mobile-cont,
 .mobile-content {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .mobile-content {
     max-width: 600px;
     padding: 50px
 }

 .mobile-img {
     max-width: 480px;
     padding: 40px 40px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/header-bg.svg);
     background-color: #edf2f1;
     -webkit-box-align: end;
     -webkit-align-items: flex-end;
     -ms-flex-align: end;
     align-items: flex-end
 }

 .mobile-title {
     padding-bottom: 5px
 }

 .mobile-cont p {
     font-size: 17px;
     line-height: 30px;
     max-width: 500px;
     padding-bottom: 10px
 }

 .store-badge {
     margin-top: 30px
 }

 .badge,
 .store-badge a {
     display: inline-block;
     height: 42px
 }

 .testimonial-sec {
     padding: 60px 25px 100px
 }

 .testimonial-sec h2 {
     max-width: 1110px;
     margin: auto
 }

 .testimonial-sec-inner {
     max-width: 1110px;
     margin: 48px auto 0
 }

 .testimonial-desc,
 .testimonial-sec-inner {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .testimonial-desc {
     max-width: 68%;
     text-align: left;
     padding: 65px 40px;
     background-color: #003e32
 }

 .testimonial-desc p {
     color: #fff;
     font-size: 22px;
     line-height: 43px
 }

 .customer-details {
     display: block;
     font-size: 23px;
     line-height: 30px;
     margin-top: 20px
 }

 .customer-details div {
     color: #fff;
     font-size: 26px;
     line-height: 36px
 }

 .customer-details p {
     color: #fff;
     font-size: 18px;
     line-height: 28px
 }

 .company-profile {
     width: 360px;
     height: 427px;
     background-color: #142b26
 }

 .company-logo {
     background-size: 1123px 174px;
     display: inline-block;
     margin: auto
 }

 .ueni-logo {
     background-position: -608px -68px;
     width: 184px;
     height: 39px
 }

 .hindutamil {
     background-position: -842px -57px;
     width: 230px;
     height: 53px
 }

 .in-company-logo {
     background-size: 861px 174px;
     display: inline-block;
     margin: auto
 }

 .sa-colorado,
 .sa-rasaio,
 .sa-ueni {
     background-size: 600px 140px;
     width: 184px;
     height: 75px
 }

 .sa-ueni {
     background-position: 190px 110px
 }

 .sa-colorado {
     background-position: 400px 110px
 }

 .sa-rasaio {
     background-position: -10px 110px
 }

 .in-company-logo.hindutamil {
     background-position: -577px -63px;
     width: 230px;
     height: 48px
 }

 .in-company-logo.quick-dry-company {
     background-position: -48px -58px;
     width: 210px;
     height: 58px
 }

 .in-company-logo.edmingle {
     background-position: -308px -65px;
     width: 220px;
     height: 44px
 }

 .in-company-logo.colorado {
     background-position: -38px -49px;
     width: 230px;
     height: 75px
 }

 .in-company-logo.rasaio {
     background-position: -316px -62px;
     width: 230px;
     height: 49px
 }

 .in-company-logo.tax-valet {
     background-position: -615px -57px;
     width: 230px;
     height: 73px
 }

 .in-company-logo.ueni-icon {
     background-position: -38px -65px;
     width: 230px;
     height: 48px
 }

 .in-company-logo.hyrbox-sverige-ab {
     background-position: -340px -57px;
     width: 210px;
     height: 69px
 }

 .in-company-logo.goodfirms {
     background-position: -325px -71px;
     width: 210px;
     height: 31px
 }

 .colorado {
     background-position: -49px -48px;
     width: 246px;
     height: 78px
 }

 .carousel-animation {
     width: 70%;
     height: 2px;
     background-color: #e3e3e3;
     margin: 20px auto;
     display: inline-block
 }

 .carousel-content {
     height: 427px
 }

 .carousel-content li {
     width: 100%;
     -webkit-transition: left 1.5s ease-in-out;
     transition: left 1.5s ease-in-out;
     -webkit-box-pack: space-evenly;
     -webkit-justify-content: space-evenly;
     -ms-flex-pack: space-evenly;
     justify-content: space-evenly;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     left: 100%
 }

 @-webkit-keyframes slide-feel {
     0% {
         -webkit-transform: translateX(70px);
         transform: translateX(70px)
     }

     to {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px)
     }
 }

 @keyframes slide-feel {
     0% {
         -webkit-transform: translateX(70px);
         transform: translateX(70px)
     }

     to {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px)
     }
 }

 .switch-arrow {
     position: absolute;
     bottom: 30px;
     right: 3%;
     z-index: 10
 }

 .common-icon {
     width: 46px;
     height: 46px;
     background-color: #fff;
     border-radius: 5px;
     cursor: pointer;
     border: 0;
     padding: 0
 }

 .common-icon img {
     padding: 15px
 }

 .right-arrow-mob img,
 .right-arrow img {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 .common-icon.right-arrow,
 .common-icon.right-arrow-mob {
     background-color: #04914d
 }

 .mobile-responsive {
     display: none;
     position: absolute;
     bottom: 40px;
     left: 50%
 }

 .security-cont {
     padding: 0 25px
 }

 .security-inner {
     max-width: 720px;
     margin: 100px auto;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .security-title {
     color: #000;
     margin-bottom: 20px
 }

 .security-cerf {
     margin-top: 30px
 }

 .integration-sec {
     background: #e6e6e6;
     padding: 0 25px
 }

 .integration-inner {
     max-width: 1110px;
     margin: 100px auto
 }

 .integration-inner .desc {
     max-width: 675px;
     margin: 0 auto 30px;
     color: #484848
 }

 .integration-inner a {
     display: inline-block;
     color: #07b757;
     font-size: 16px;
     letter-spacing: .64px;
     text-transform: uppercase
 }

 .integration-cards {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     margin: 48px auto
 }

 .integration-cards>div {
     overflow-x: hidden;
     overflow-y: hidden
 }

 .integration-cards>div:after,
 .integration-cards>div:before {
     content: "";
     width: 110px;
     height: 110px;
     position: absolute;
     top: 0;
     z-index: 1
 }

 .integration-cards>div:before {
     background: linear-gradient(280deg, hsla(0, 0%, 90.2%, 0), #e6e6e6);
     left: 0
 }

 .integration-cards>div:after {
     background: linear-gradient(88deg, hsla(0, 0%, 90.2%, 0), #e6e6e6);
     right: 0
 }

 .integration-cards>div::-webkit-scrollbar {
     width: 0
 }

 .integrations-animation-1>li,
 .integrations-animation-2>li {
     background-size: 911px 836px;
     min-width: 200px;
     height: 100px;
     font-size: 0;
     background-color: #fff;
     background-repeat: no-repeat;
     margin: 0 15px
 }

 .slack {
     background-position: -658px -264px
 }

 .zoho-crm {
     background-position: -199px -351px
 }

 .zapier {
     background-position: -1px -351px
 }

 .zoho-salesiq {
     background-position: -426px -504px
 }

 .wordpress {
     background-position: -208px -506px
 }

 .zoho-books {
     background-position: -412px -353px
 }

 .zendesk {
     background-position: -215px -267px
 }

 .zoho-inventory {
     background-position: -656px -507px
 }

 .google-workspace {
     background-position: -441px -265px
 }

 .zoho-analytics {
     background-position: -187px -432px
 }

 .office-365 {
     background-position: -5px -263px
 }

 .zoho-cliq {
     background-position: 24px -436px
 }

 .zoho-mail {
     background-position: -626px -435px
 }

 .zoho-desk {
     background-position: 18px -592px
 }

 .zoho-bigin {
     background-position: -172px -587px
 }

 .zoho-projects {
     background-position: -424px -586px
 }

 .zoho-expense {
     background-position: -652px -585px
 }

 .zoho-campaigns {
     background-position: -8px -688px
 }

 .zoho-sign {
     background-position: -173px -689px
 }

 .zoho-people {
     background-position: -421px -685px
 }

 .integrations-animation-1,
 .integrations-animation-2 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }

 .integrations-animation-1.animate {
     -webkit-animation: zsm-customers-slideshow 40s linear infinite;
     animation: zsm-customers-slideshow 40s linear infinite
 }

 .integrations-animation-2.animate {
     -webkit-animation: zsm-2 40s linear infinite;
     animation: zsm-2 40s linear infinite
 }

 .integration-cards>div:hover .integrations-animation-1,
 .integration-cards>div:hover .integrations-animation-2 {
     -webkit-animation-play-state: paused;
     animation-play-state: paused;
     cursor: pointer
 }

 @-webkit-keyframes zsm-2 {
     0% {
         -webkit-transform: translateX(-101%);
         transform: translateX(-101%)
     }

     to {
         -webkit-transform: translateX(-1%);
         transform: translateX(-1%)
     }
 }

 @keyframes zsm-2 {
     0% {
         -webkit-transform: translateX(-101%);
         transform: translateX(-101%)
     }

     to {
         -webkit-transform: translateX(-1%);
         transform: translateX(-1%)
     }
 }

 @-webkit-keyframes slide-3 {
     0% {
         -webkit-transform: translateX(-1%);
         transform: translateX(-1%)
     }

     to {
         -webkit-transform: translateX(99%);
         transform: translateX(99%)
     }
 }

 @keyframes slide-3 {
     0% {
         -webkit-transform: translateX(-1%);
         transform: translateX(-1%)
     }

     to {
         -webkit-transform: translateX(99%);
         transform: translateX(99%)
     }
 }

 .pricing-cont {
     margin: 100px auto 0
 }

 .pricing-home-title {
     margin-bottom: 48px
 }

 .pricing-table-header.m-lr-auto {
     background: #fff
 }

 .contactus-cont {
     display: block;
     max-width: 1110px;
     margin: 100px auto 0;
     border-radius: 16px;
     border: 1px solid #eaeaea;
     background: #fff;
     font-size: 0
 }

 .contactus-desc,
 .contactus-img {
     display: inline-block;
     vertical-align: top;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .contactus-img {
     max-width: 40%
 }

 .contactus-desc {
     max-width: 60%;
     padding: 40px 45px
 }

 .contactus-title {
     margin-bottom: 10px
 }

 .contactus-title.de-title {
     font-size: 30px
 }

 .contactus-desc p {
     font-size: 17px !important;
     line-height: 30px;
     margin-bottom: 30px
 }

 .contactus-desc a {
     display: inline-block;
     color: #07b757;
     font-size: 16px;
     letter-spacing: .64px;
     text-transform: uppercase
 }

 .demo-popup-div .demo-popup-content {
     background-color: #edf2f1
 }

 .animate-class {
     -webkit-transform: translateY(3rem);
     -ms-transform: translateY(3rem);
     transform: translateY(3rem);
     -webkit-transition: all .7s;
     transition: all .7s;
     -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }

 .animate-class.active {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
 }

 .popup-mask {
     display: none;
     position: fixed;
     z-index: 9999;
     width: 100%;
     height: 100%;
     top: 0;
     background-color: rgba(0, 0, 0, .8)
 }

 .popup-container {
     width: 685px;
     margin: auto;
     border-radius: 26px;
     background-color: #003e32;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .popup-mask img {
     width: 300px
 }

 .popup-content-container {
     margin-left: -45px;
     background: #fff;
     border-radius: 0 34px 34px 0;
     padding: 50px 50px 50px 80px;
     border-radius: 26px
 }

 .popup-content-container h2 {
     color: #444;
     font-size: 12px;
     font-family: var(--primaryfont-regular);
     padding-bottom: 8px
 }

 .popup-content-container h3 {
     font-size: 22px;
     font-style: normal;
     font-weight: 700;
     line-height: 28px;
     color: #000;
     padding-bottom: 8px;
     max-width: 300px
 }

 .popup-content-container .highlight {
     color: #068c42
 }

 .popup-content-container p {
     color: #000;
     font-size: 12px;
     font-style: normal;
     max-width: 300px;
     line-height: 19px
 }

 .popup-content-container button {
     background-color: #00ea6b;
     padding: 15px 25px;
     font-size: 13px;
     color: #000;
     font-family: var(--zf-secondary-medium);
     display: inline-block;
     border-radius: 4px;
     margin-top: 20px;
     border: none;
     cursor: pointer
 }

 .blog-link {
     color: #4f5050;
     text-decoration: underline
 }

 .faq-section .faq-wrapper>h2 {
     line-height: 1.5
 }

 .faq-section.m-auto {
     padding: 0 20px 80px
 }

 .compare-link-wrapper,
 .mobile {
     display: none
 } */

 /* @media screen and (max-width: 1150px) {
     .product-dashboard {
         max-width: 100%
     }

     .animate-image {
         display: none
     }

     .mobile-cont {
         margin: 60px 25px
     }

     .billing-process-inner,
     .experience-section-inner,
     .strengthen-brand-inner {
         padding: 60px 0
     }

     .integration-inner,
     .pricing-cont,
     .security-inner {
         margin: 60px auto
     }

     .testimonial-sec {
         padding: 0 25px 60px
     }

     .trusted-brands .brand-logos {
         max-width: 810px
     }
 }

 @media screen and (max-width: 1120px) {
     .strengthen-card-1 {
         margin: 0 auto 40px !important
     }

     .strengthen-card-1,
     .strengthen-card-2 {
         display: block;
         margin: auto
     }

     .strengthen-card-2 img {
         max-width: 100%
     }

     .contactus-cont {
         margin: 60px 25px 0
     }
 }

 @media screen and (max-width: 1000px) {
     .contactus-cont {
         padding: 40px 25px;
         margin: 60px 25px 0
     }

     .contactus-desc,
     .contactus-img {
         display: block;
         margin: auto
     }

     .contactus-img {
         border-radius: 12px
     }

     .contactus-desc {
         padding: 25px 0 0;
         text-align: center;
         max-width: 100%
     }
 }

 @media screen and (max-width: 1080px) {
     .testimonial-sec-inner {
         border-radius: initial;
         width: 100%
     }

     .carousel-content {
         overflow-x: scroll;
         margin: auto;
         height: auto;
         -ms-scroll-snap-type: x mandatory;
         scroll-snap-type: x mandatory;
         scroll-behavior: smooth;
         border-radius: 16px;
         background-color: #003e32;
         max-width: 650px
     }

     .testimonial-sec h2 {
         text-align: center
     }

     .carousel-content::-webkit-scrollbar {
         width: 0
     }

     .carousel-content li {
         position: static;
         min-width: 100%;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         scroll-snap-align: center;
         scroll-snap-stop: always;
         padding: 0;
         border-radius: 16px;
         background-color: none;
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .testimonial-sec-inner .switch-arrow {
         display: none
     }

     .carousel-content,
     .mobile-responsive {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex
     }

     .mobile-responsive {
         margin-top: 40px;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
         column-gap: 20px;
         position: static
     }

     .left-arrow-mob:disabled,
     .right-arrow-mob:disabled {
         opacity: .8;
         cursor: not-allowed
     }

     .left-arrow-mob {
         border: 1px solid #ddd
     }

     .testimonial-desc {
         text-align: center;
         padding: 35px 20px 40px;
         max-width: 100%
     }

     .testimony-1 .testimonial-desc,
     .testimony-2 .testimonial-desc {
         padding: 3% 100px 7%
     }

     .testimony-3 .testimonial-sec {
         padding: 6% 20% 10%
     }

     .company-profile {
         width: 100%;
         height: 140px;
         padding-top: 25px
     }
 }

 @media screen and (max-width: 1040px) {

     .experience-card>div,
     .experience-section-inner h2 {
         text-align: center
     }

     .experience-card {
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         margin: 40px auto;
         -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
         column-gap: 40px
     }

     .experience-section-inner {
         padding: 60px 10%
     }

     .experience-card>div {
         max-width: 45%;
         border-radius: 16px;
         padding: 25px 4%;
         border: 1px solid #ddd
     }
 }

 @media screen and (max-width: 975px) {
     .billing-process-inner {
         padding: 60px 0
     }

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

     .mobile-cont,
     .trusted-brands-inner {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column
     }

     .mobile-content,
     .mobile-img,
     .trusted-brands .brand-logos {
         max-width: 100%;
         text-align: center
     }

     .mobile-content {
         -webkit-box-ordinal-group: 3;
         -webkit-order: 2;
         -ms-flex-order: 2;
         order: 2
     }

     .mobile-cont p {
         margin: auto
     }

     .mobile-img {
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center
     }

     .scroller {
         display: none
     }

     .suitable-for {
         display: block
     }

     .header-title {
         font-size: 36px;
         line-height: 48px
     }

     .header-desc {
         margin-top: 10px;
         max-width: 530px
     }

     .header-content {
         height: auto
     }

     .trusted-brands .brand-title {
         font-size: 18px !important;
         line-height: 28px;
         margin-bottom: 10px;
         text-align: center
     }
 }

 @media screen and (max-width: 860px) {
     .process-title {
         text-align: center
     }

     .process-card-1>div,
     .process-card-2,
     .process-card-3>div,
     .strengthen-card-1,
     .strengthen-card-2 {
         max-width: 700px;
         display: block;
         text-align: center;
         margin: auto
     }

     .process-card-1 div:first-child,
     .process-card-3 div:first-child {
         margin-bottom: 30px;
         margin-right: auto !important
     }

     .card-sub>div {
         padding: 36px 25px 0
     }

     .process-card-2 {
         margin-bottom: 30px
     }

     .strengthen-card-1 {
         margin-right: auto !important
     }

     .strengthen-card-1,
     .strengthen-card-1 div:first-child {
         margin-bottom: 30px
     }

     .process-card-1,
     .process-card-3 {
         display: block
     }

     .process-card-2 p,
     .process-content {
         width: 100%;
         max-width: 100%
     }

     .process-card-2 {
         padding: 40px 40px 0
     }

     .payment-handling {
         max-width: 100% !important;
         display: block;
         margin: 30px auto 0
     }

     .experience-card {
         row-gap: 30px
     }

     .card-sub .process-card-title,
     .strengthen-card-1>div {
         max-width: 100%
     }

     .experience-section-inner {
         padding: 0 4% 60px
     }

     .webinar-cont {
         font-size: 14px !important
     }
 }

 @media screen and (min-width: 1226px) {
     div.plan-card.premium-plan-card .plan-title {
         padding-top: 17px
     }
 }

 @media screen and (max-width: 768px) {

     .header-align,
     .inner-footer .inner-footer-header {
         font-size: 28px;
         line-height: 40px
     }

     .experience-card {
         margin: 30px auto
     }

     .header-section {
         padding: 0 25px
     }

     .testimonial-desc p {
         font-size: 19px !important;
         line-height: 35px
     }

     .customer-details div {
         font-size: 23px;
         line-height: 35px
     }

     .header-image .dashboard-demo-account-cta {
         display: none
     }
 }

 @media screen and (min-width: 767px) {
     .dashboard-demo-account-cta {
         background: #000;
         color: #fff;
         position: absolute;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         opacity: 0
     }

     .dashboard-demo-account-cta,
     .product-dashboard {
         -webkit-transition: opacity .3s ease-in-out;
         transition: opacity .3s ease-in-out
     }

     .header-image:hover .product-dashboard {
         -webkit-filter: brightness(.8);
         filter: brightness(.8)
     }

     .header-image:hover .dashboard-demo-account-cta {
         opacity: 1;
         z-index: 1
     }
 }

 @media screen and (max-width: 700px) {
     .experience-card>div {
         max-width: 100%
     }

     .popup-container {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         width: 300px;
         background: none
     }

     .popup-content-container {
         border-radius: 0;
         text-align: center
     }

     .desktop {
         display: none
     }

     .mobile {
         display: block
     }

     .pricing-home-title {
         margin-bottom: 25px
     }
 }

 @media screen and (max-width: 480px) {
     .cta-cont {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column
     }

     .header-image {
         gap: 0
     }

     .contactus-cont {
         margin: 60px 25px 0;
         padding: 0
     }

     .contactus-img {
         border-radius: 0;
         max-width: 100%
     }

     .contactus-desc,
     .contactus-img {
         display: block;
         margin: auto
     }

     .contactus-img {
         border-radius: 12px 12px 0 0
     }

     .contactus-desc {
         padding: 25px 15px;
         text-align: center;
         max-width: 100%
     }

     .header-title {
         font-size: 32px;
         line-height: 40px
     }

     .business-growth {
         font-size: 26px
     }

     .header-align,
     .inner-footer .inner-footer-header {
         font-size: 24px !important;
         line-height: 34px
     }

     .card-sub>div {
         padding: 30px 24px 0
     }

     .process-card-2,
     .strengthen-card-1>div,
     .strengthen-card-2 {
         padding: 25px 15px 0 !important
     }

     .carousel-content li {
         padding: 0;
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .testimonial-desc {
         padding: 25px 15px 15px !important
     }

     .process-card,
     .strengthen-cards,
     .testimonial-sec-inner {
         margin: 40px auto 0
     }

     .experience-card p,
     .integration-inner .desc,
     .mobile-cont p,
     .process-card-2 p,
     .process-card p,
     .strengthen-card-1 p,
     .strengthen-card-2 p,
     .strengthen-cards p,
     .testimonial-desc p {
         font-size: 16px !important;
         line-height: 26px
     }

     .title {
         margin-bottom: 14px
     }

     .contactus-desc a,
     .integration-inner a {
         font-size: 13px
     }

     .contactus-desc p,
     .integration-inner .desc {
         margin-bottom: 15px
     }

     .security-cerf {
         max-width: 100% !important
     }

     .mobile-content {
         padding: 25px 0 5px
     }

     .mobile-content p,
     .mobile-title {
         padding: 0 15px 10px
     }

     .badge {
         height: 38px
     }

     .company-logo {
         background-size: 732px 113px
     }

     .ueni-logo {
         background-position: -363px -37px
     }

     .hindutamil {
         background-position: -530px -37px;
         width: 200px
     }

     .colorado {
         background-position: -13px -19px;
         width: 200px
     }

     .experience-card {
         margin-bottom: 0
     }

     .pricing-home-title {
         padding: 0 25px
     }
 } */

 .headers-content {
     margin-bottom: 30px
 }

 #icon,
 .animation-container-img,
 .currency-dropdown .edition-select-box .edition-dropdown svg,
 .currency-dropdown .edition-select-box:after,
 .currency-switch-selection:after,
 .currency-switch-selection svg {
     display: block
 }

 .sticky-header-container {
     background-color: rgba(244, 241, 241, .3607843137254902);
     padding-bottom: 60px
 }

 .pricing-table-header {
     top: 74px;
     z-index: 5;
     height: 56px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(0, #083d31));
     background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, #083d31 0)
 }

 .sticky-header-container.sticky .pricing-table-header {
     background: rgba(0, 0, 0, 0);
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content
 }

 .sticky-header-container.sticky .save-upto {
     display: none
 }

 .sticky-header-container.sticky .edition-switch-btn {
     background-color: #fff;
     border-bottom: 1px solid #d9e1ec
 }

 .plan-interval-toggle .pricing-switch {
     display: inline-block;
     line-height: 32px;
     min-width: 100px;
     color: #000;
     text-align: center;
     border-radius: 30px;
     font-size: 13px;
     cursor: pointer
 }

 /* .edition-switch-btn {
     top: 72px;
     z-index: 4
 }

 .currency-dropdown {
     margin: 35px auto 0;
     max-width: 1104px
 }

 .currency-dropdown .edition-part {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center
 }

 .feature-list {
     min-height: 530px;
     padding: 20px 30px;
     border-top: 1px solid #e9e9e9
 }

 .es-mx-edition .feature-list {
     min-height: 550px
 }

 .de-de-edition .feature-list {
     min-height: 630px
 }

 .feature-list ul li {
     position: relative;
     margin: 14px 0;
     line-height: 22px;
     padding-left: 20px;
     font-size: 14px;
     line-height: 23px;
     text-align: left;
     font-family: var(--zf-primary-regular)
 }

 .feature-list .new-tag {
     padding: 4px 6px;
     background-color: #00ea6b;
     border-radius: 10px;
     font-size: 8px;
     margin-left: 6px;
     vertical-align: middle;
     letter-spacing: .6px
 }

 .feature-list ul li:before {
     content: "";
     position: absolute;
     top: 7px;
     left: 0;
     width: 22px;
     height: 20px;
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/blacktick.svg);
     background-repeat: no-repeat;
     background-size: 14px
 }

 .feature-list>p {
     font-size: 14px !important;
     color: #000;
     line-height: 24px;
     text-align: left;
     margin-top: 12px
 }

 .invoiced-title-tag {
     background-color: #fafafa;
     padding-top: 27px;
     letter-spacing: 1px;
     font-size: 10px;
     color: #216124;
     text-transform: uppercase
 }

 .invoiced-customers {
     text-align: center;
     color: #000;
     margin: 20px auto 13px;
     font-size: 14px;
     line-height: 24px
 }

 .invoiced-customer-custom {
     padding: 8px 76px
 } */

 .switch {
     border: 1px solid #000;
     border-radius: 30px;
     display: block;
     padding: 4px;
     background: #fff
 }

 .switch.monthly .monthly-switch,
 .switch.yearly .yearly-switch {
     background: #0b9949;
     color: #fff;
     -webkit-transition: all .2s linear;
     transition: all .2s linear
 }

 .save-upto {
     width: 30px;
     height: 15px
 }

 .pricing-table-header .green-highlight {
     color: #006843;
     font-size: 18px;
     position: absolute;
     top: 110%;
     left: 70%;
     white-space: nowrap;
     font-weight: 700;
     font-family: Caveat;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out
 }

 .sticky-header-container.sticky .green-highlight {
     top: 18%;
     left: 102%
 }

 div#pricing-enquiry-form-stickydiv,
 .edition-switch-btn {
     display: none;
 }

 /* .currency-dropdown .edition-select-box {
     border: none;
     background-color: rgba(0, 0, 0, 0);
     padding: 0;
     color: #000;
     position: relative
 }

 .currency-dropdown .edition-select-box span {
     padding: 15px 26px 15px 8px;
     color: #000;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center
 }

 .currency-dropdown .edition-label {
     white-space: nowrap
 }

 .edition-label.edition-select {
     font-size: 14px;
     margin-left: 6px
 }

 .currency-dropdown .edition-select-list .edition-label {
     color: #fff
 }

 .currency-dropdown {
     position: relative;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }

 .currency-dropdown-toggle {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 100px;
     padding: 21px 20px 10px;
     font-family: var(--zf-secondary-medium);
     font-size: 14px;
     line-height: 1;
     background-color: rgba(0, 0, 0, 0);
     color: #000;
     border-radius: 22px;
     border: none;
     cursor: pointer
 }

 .currency-dropdown-toggle:focus-visible {
     outline: none
 }

 .currency-dropdown .edition-select-box:after,
 .currency-switch-selection:after {
     content: "";
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/drop-down-v2.svg);
     pointer-events: none;
     position: absolute;
     right: 0;
     top: 28px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 18px;
     height: 8px;
     background-repeat: no-repeat;
     -webkit-transition: all .4s;
     transition: all .4s
 }

 .currency-dropdown .edition-select-box.open:after {
     -webkit-transform: translateY(-50%) rotate(180deg);
     -ms-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg)
 }

 .currency-switch-selection:after {
     right: 25px;
     top: 29px
 }

 .currency-switch-selection svg {
     content: "";
     width: 30px;
     height: 10px;
     position: absolute;
     top: 12px;
     right: 0;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .currency-dropdown .edition-select-box .edition-dropdown svg {
     fill: #000;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .currency-dropdown .edition-select-box .edition-dropdown {
     top: 9px
 } */

 .pricing-table-section {
     max-width: 1090px;
     margin: 75px auto 0;
     -webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     font-size: 14px
 }

 .plan-card,
 .pricing-table-section {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }

 .plan-card {
     max-width: 394px;
     min-width: 360px;
     text-align: center;
     background-color: #fff;
     border: 1px solid #e9e9e9;
     margin: 22px 0 0;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     overflow: hidden;
     border-radius: 14px
 }

 .plan-card.standard-plan-card {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .plan-card.premium-plan-card {
     border: 2px solid #000;
     overflow: hidden;
     margin-top: 15px
 }

 .plan-card .plan-title {
     text-align: center;
     text-transform: uppercase;
     border-bottom: 1px solid #e9e9e9;
     padding: 18px 30px;
     letter-spacing: 2.5px;
     background-color: #fafafa
 }

 .plan-card.premium-plan-card .plan-title {
     padding-top: 19px
 }

 .most-popular {
     background-color: #000;
     color: #fff;
     font-size: 12px;
     padding: 5px 0
 }

 .plan-pricing {
     background: #fafafa;
     padding: 20px 0
 }

 .plan-period {
     line-height: 1.7;
     display: inline-block;
     margin-top: 15px
 }

 .currency-symbol,
 .custom-plan-title,
 .plan-price {
     font-size: 38px;
     font-family: var(--zf-primary-bold)
 }

 .custom-plan-title {
     background-color: #fafafa
 }

 .custom-plan-cont .plan-name {
     max-width: 230px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 24px;
     color: #595959
 }

 .plan-currency-align .currency-symbol {
     font-size: 18px;
     font-family: zoho puvi regular
 }

 .strike-out * {
     font-size: 16px;
     color: #595959;
     font-family: var(--zf-primary-regular)
 }

 .bold,
 .invoiced-customers b,
 .plan-title {
     font-family: var(--zf-primary-semibold)
 }

 .feature-list b {
     font-family: Zoho Puvi Bold
 }

 .free-trial-cta {
     display: inline-block;
     background: #00ea6b;
     color: #000;
     border: none;
     padding: 16px 30px;
     border-radius: 5px;
     font-size: 14px;
     font-family: var(--zf-primary-semibold);
     margin: 0 auto 24px;
     width: 235px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     cursor: pointer
 }

 .free-trial-cta:hover {
     background: #15c063;
     color: #fff
 }

 .plan-cta.premium .free-trial-cta {
     margin-bottom: 23px
 }

 .plan-card .explore-plan {
     border-top: 1px solid #e9e9e9;
     border-left-width: 0;
     border-right-width: 0;
     padding-bottom: 40px
 }

 .custom-plan-cont {
     padding: 83px 0;
     background-color: #fafafa
 }

 .plan-cta {
     text-align: center;
     padding: 2px 0 0
 }

 .pb-78 {
     padding-bottom: 78px
 }

 .pb-55 {
     padding-bottom: 55px
 }

 .tax-info-label {
     max-width: 1144px;
     margin: 20px auto 0;
     text-align: right;
     color: #000;
     font-size: 16px;
     font-style: italic
 }

 .dot-container {
     display: none;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .dot {
     width: 8px;
     height: 8px;
     padding: 0;
     margin: 10px 8px 0;
     border: 1px solid #ccc;
     border-radius: 50%;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in
 }

 .dot.active {
     border: 1px solid #000;
     background: #000;
     scale: 1.2
 }

 .plan-hide {
     display: none
 }

 .compare-cta-link {
     background-color: #383838;
     padding: 5px 3px;
     position: -webkit-sticky;
     position: sticky;
     left: 50%;
     right: 50%;
     bottom: 55px;
     width: 60px;
     height: 60px;
     margin: 35px 0 0;
     overflow: hidden;
     opacity: 0;
     border-radius: 50px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: border-radius 1s, width 1s, background-color 2s, opacity 1s, -webkit-transform 2s;
     transition: border-radius 1s, width 1s, background-color 2s, opacity 1s, -webkit-transform 2s;
     transition: transform 2s, border-radius 1s, width 1s, background-color 2s, opacity 1s;
     transition: transform 2s, border-radius 1s, width 1s, background-color 2s, opacity 1s, -webkit-transform 2s;
     -webkit-transform: translateX(-49%) scale(0);
     -ms-transform: translateX(-49%) scale(0);
     transform: translateX(-49%) scale(0);
     -webkit-animation: width-decrease .3s linear forwards;
     animation: width-decrease .3s linear forwards
 }

 @-webkit-keyframes width-decrease {
     0% {
         width: 200px
     }

     to {
         width: 60px
     }
 }

 @keyframes width-decrease {
     0% {
         width: 200px
     }

     to {
         width: 60px
     }
 }

 .show .compare-cta-link {
     opacity: 1;
     -webkit-transform: translateX(-49%) scale(1);
     -ms-transform: translateX(-49%) scale(1);
     transform: translateX(-49%) scale(1);
     -webkit-transition: width 5s, background-color 1s, opacity 1s;
     transition: width 5s, background-color 1s, opacity 1s;
     -webkit-animation: width-increase .5s linear forwards;
     animation: width-increase .5s linear forwards
 }

 .compare-link {
     font-size: 16px;
     color: #fff;
     margin-left: -200px;
     font-family: var(--zf-primary-semibold);
     -webkit-transition: opacity 2s, margin-left .8s;
     transition: opacity 2s, margin-left .8s
 }

 @-webkit-keyframes width-increase {
     0% {
         width: 60px
     }

     40% {
         width: 60px
     }

     to {
         width: 210px
     }
 }

 @keyframes width-increase {
     0% {
         width: 60px
     }

     40% {
         width: 60px
     }

     to {
         width: 210px
     }
 }

 #icon,
 .animation-container-img {
     padding: 7px
 }

 .animation-container-img {
     background-color: #0b9949;
     border-radius: 50px;
     margin-right: 5px
 }

 .show .compare-cta-link .compare-link {
     opacity: 1;
     margin-left: -300px;
     -webkit-animation: margining .8s linear forwards;
     animation: margining .8s linear forwards
 }

 @-webkit-keyframes margining {
     0% {
         margin-left: -300px
     }

     60% {
         margin-left: 25px
     }

     to {
         margin-left: 25px
     }
 }

 @keyframes margining {
     0% {
         margin-left: -300px
     }

     60% {
         margin-left: 25px
     }

     to {
         margin-left: 25px
     }
 }

 @media screen and (min-width: 1080px) {
     .plan-card.last-card {
         margin-left: 30px;
         border-radius: 14px
     }
 }

 @media screen and (max-width: 1224px) {

     .edition-switch-btn,
     .pricing-table-header {
         top: 0
     }
 }

 @media screen and (max-width: 1140px) {
     .plan-card {
         border-radius: 7px;
         margin-bottom: 40px
     }

     .tax-info-label {
         text-align: center
     }
 }

 @media screen and (max-width: 983px) {
     .plan-interval-toggle {
         text-align: center;
         line-height: 2;
         border-bottom-color: rgba(0, 0, 0, 0)
     }
 }

 @media screen and (min-width: 1225px) {
     .plan-card.premium-plan-card {
         scale: 1.01
     }

     .plan-pricing-premium {
         padding-bottom: 17px
     }
 }

 @media screen and (max-width: 1124px) {
     div.plan-card.standard-plan-card {
         border-radius: 7px
     }
 }

 @media screen and (max-width: 800px) {
     .sticky-header-container.sticky .green-highlight {
         top: 8%
     }

     .benefits {
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center
     }

     .pricing-table-section {
         max-width: 800px
     }

     .dot-container {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         margin-bottom: 20px
     }
 }

 @media screen and (max-width: 1225px) {
     .pricing-table-header {
         margin-bottom: 20px
     }

     .pricing-table-section {
         width: auto;
         overflow-x: scroll;
         -webkit-flex-wrap: nowrap;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-box-pack: start;
         -webkit-justify-content: start;
         -ms-flex-pack: start;
         justify-content: start;
         margin: 75px auto 20px;
         padding-right: 20px;
         -ms-scroll-snap-type: both;
         scroll-snap-type: both;
         scroll-behavior: smooth;
         scrollbar-width: none
     }

     .plan-card {
         margin: 22px 0 5px 26px;
         scroll-snap-align: center;
         -webkit-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
         opacity: .9
     }

     .plan-cta.premium .free-trial-cta {
         margin-bottom: 24px
     }

     .plan-card.active {
         opacity: 1
     }

     .plan-pricing {
         padding: 15px 0
     }

     .plan-card {
         min-width: 334px
     }

     .edition-switch-btn {
         margin-bottom: 15px
     }

     .custom-plan-cont {
         padding: 78px 0
     }

     .currency-dropdown {
         max-width: 96%
     }

     .plan-card.premium-plan-card .plan-title {
         padding: 16px 30px
     }
 }

 @media screen and (max-width: 786px) {
     .currency-dropdown {
         max-width: 92%
     }
 }

 @media screen and (max-width: 600px) {
     .edition-select {
         display: none
     }

     .currency-dropdown .edition-select-box:after {
         right: 0
     }

     .pricing-table-header .green-highlight {
         font-size: 16px
     }

     .customer-success>h2 {
         margin: 0 30px
     }

     .testimonial-item h3 {
         height: 250px
     }

     .currency-dropdown {
         max-width: 88%;
         margin-top: 20px
     }
 }

 @media screen and (max-width: 375px) {
     .testimonial-item h3 {
         height: 305px
     }

     div.compare-cta-link.show {
         -webkit-transform: translateX(-39%) scale(1);
         -ms-transform: translateX(-39%) scale(1);
         transform: translateX(-39%) scale(1)
     }
 }

 .color-white {
     color: #fff
 }

 .trusted-brands {
     overflow: hidden
 }

 .trusted-brands-inner {
     margin: auto;
     max-width: 1280px
 }

 .brand-logos {
     max-width: 1110px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     overflow: hidden;
     gap: 25px
 }

 .brand-logos,
 .brand-logos-container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }

 .brand-logos-container {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     min-width: 2150px;
     height: 55px
 }

 .brand-logos-container.animate {
     -webkit-animation: zsm-customers-slideshow 40s linear infinite;
     animation: zsm-customers-slideshow 40s linear infinite
 }

 .brand-logos:hover .brand-logos-container {
     -webkit-animation-play-state: paused;
     animation-play-state: paused;
     cursor: pointer
 }

 @-webkit-keyframes zsm-customers-slideshow {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     to {
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%)
     }
 }

 @keyframes zsm-customers-slideshow {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     to {
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%)
     }
 }

 .brand-logo {
     background-size: 2503px 42px;
     background-repeat: no-repeat;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
     height: 42px;
     font-size: 0;
     padding: 10px;
     border-radius: 7px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .iifl {
     background-position: -152px 1px
 }

 .ueni {
     background-position: -1621px 0
 }

 .iifl,
 .mint,
 .twinhealth,
 .ueni {
     width: 90px
 }

 .interakt {
     background-position: -1151px 1px
 }

 .globalsatillite,
 .hub,
 .interakt {
     width: 102px
 }

 .instamojo {
     width: 136px
 }

 .globalsatillite {
     background-position: -828px 2px
 }

 .twinhealth {
     background-position: -1749px 0
 }

 .loginext {
     background-position: -698px 2px;
     width: 108px
 }

 .quick-dry-cleaning {
     background-position: -438px 1px;
     width: 119px
 }

 .goodfirms {
     background-position: -1282px 1px
 }

 .instamojo {
     background-position: -1447px 2px
 }

 .propspace {
     background-position: -261px 1px
 }

 .hindutamil-bg-logo,
 .propspace {
     width: 154px
 }

 .fieldbase {
     background-position: -1872px 2px
 }

 .hub {
     background-position: -2230px 1px
 }

 .fieldbase {
     width: 124px
 }

 .hindutamil-bg-logo {
     background-position: -2036px 0
 }

 .goodfirms {
     width: 134px
 }

 .mint {
     background-position: -581px 1px
 }

 .ottplay {
     background-position: 7px 3px;
     width: 127px
 }

 .hindustan-times {
     background-position: -955px 2px;
     width: 165px
 }

 .zedsystems {
     background-position: -2374px 1px;
     width: 78px
 }

 [class*=edition-new-] {
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/new-flag1x.png) !important;
     background-repeat: no-repeat;
     height: 26px;
     width: 26px;
     background-size: 167px
 }

 /* .edition-new-global {
     background-position: -57px -58px
 }

 .edition-new-in {
     background-position: -85px -3px
 }

 .edition-new-uk {
     background-position: -2px -3px
 }

 .edition-new-us {
     background-position: -30px -30px
 }

 .edition-new-ca {
     background-position: -3px -31px
 }

 .edition-new-au {
     background-position: -3px -58px
 }

 .edition-new-sa {
     background-position: -29px -3px
 }

 .edition-new-bh {
     background-position: -138px -3px
 }

 .edition-new-kw {
     background-position: -110px -3px
 }

 .edition-new-om {
     background-position: -56px -4px
 }

 .edition-new-qa {
     background-position: -112px -30px
 }

 .edition-new-de-de {
     background-position: -30px -57px
 }

 .edition-new-ae {
     background-position: -138px -30px
 }

 .edition-new-ke {
     background-position: -56px -30px
 }

 .edition-new-es-mx {
     background-position: -83px -31px
 }

 .edition-new-za {
     background-position: -112px -58px
 }

 .edition-new-en-sg {
     background-position: -139px -57px
 }

 :root {
     --menu-color: #000
 }

 .puvi-semibold {
     font-family: var(--zf-primary-semibold), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 body {
     overflow-x: hidden
 }

 .box-sizing {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .zb-text-center {
     text-align: center
 }

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

 .zb-align-center {
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center
 }

 .zb-justify-space {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .relative {
     position: relative
 }

 .zb-inline-block {
     display: inline-block
 }

 .zb-dark-f-color,
 .zb-register:focus-within,
 .zb-register:hover {
     color: #006843
 }

 .zb-product-header .zb-product-menu .menu-nav {
     letter-spacing: .3px;
     font-size: 14px;
     line-height: 22px;
     color: var(--menu-color);
     padding: 25px 0 24px;
     white-space: nowrap
 }

 .zb-product-header .zb-in-more-actions .menu-nav {
     padding-bottom: 21px
 }

 .zb-skip-tag {
     position: absolute;
     top: -300px;
     left: 7%;
     font-family: var(--zf-primary-bold);
     padding: 15px;
     color: #000;
     font-size: 16px;
     z-index: 9999;
     border-radius: 6px;
     outline: none !important;
     border: 2px solid #00ea6b;
     gap: 12px;
     background: #fff;
     -webkit-transition: top .4s ease-in-out;
     transition: top .4s ease-in-out
 }

 .zb-skip-tag:after {
     content: "";
     background: url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/enter-icon.svg) no-repeat;
     min-width: 13px;
     display: inline-block
 }

 .zb-product-header-skip:focus,
 .zb_global_header_skip:focus {
     top: 10px
 }

 .zb-in-more-actions .zb-in-more-btn {
     background-color: rgba(0, 0, 0, 0);
     border: none;
     text-align: left
 }

 .zb-in-more-actions .drop-down-svg {
     width: 13px;
     height: 10px;
     vertical-align: middle;
     fill: var(--menu-color);
     -webkit-transform: rotate(90deg) rotateY(0deg);
     transform: rotate(90deg) rotateY(0deg);
     -webkit-transition: all .3s ease;
     transition: all .3s ease
 }

 .zb-in-more-actions.active .drop-down-svg,
 .zb-in-more-actions:hover .drop-down-svg {
     -webkit-transform: rotate(90deg) rotateY(180deg);
     transform: rotate(90deg) rotateY(180deg)
 }

 .zb-prd-logo {
     height: 44px;
     margin-top: 14.5px;
     width: 128px;
     background-repeat: no-repeat;
     background-image: url(///cdn.zoho.com.cn/sites/zweb/images/billing/home/billing-logo.svg)
 }

 .zb-product-header.slide {
     border-bottom: none
 }

 .zb-product-header.slide .zb-prd-logo {
     background-image: url(///cdn.zoho.com.cn/sites/zweb/images/billing/home/billing-logo.svg)
 }

 .zb-product-header-inner {
     max-width: 1280px;
     margin: auto;
     height: 72px
 }

 .zb-product-menu {
     gap: 40px;
     position: relative
 }

 .zb-in-more-actions.active .zb-in-more-actions-menu,
 .zb-in-more-actions:hover .zb-in-more-actions-menu {
     visibility: visible;
     opacity: 1
 }

 .features-common {
     width: 41%
 }

 .features-common:nth-child(2) {
     width: 47%
 }

 .features-common,
 .resource-left {
     margin: 10px 18px 10px 15px
 }

 .features-common:nth-of-type(3) {
     margin-top: -20px
 }

 .li-action-menu {
     width: 565px;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 20px 20px 10px
 }

 .zb-in-more-actions-menu h3 {
     color: #000;
     font-size: 14px;
     line-height: 20px;
     border-bottom: 1px solid #e5e4e4;
     padding-bottom: 10px;
     margin-bottom: 6px
 }

 .zb-hover-action {
     font-size: 13px;
     line-height: 20px;
     padding: 6px 0 5px;
     width: 100%;
     color: #000
 }

 .li-action-menu .icon {
     display: inline-block;
     width: 15px;
     height: 15px;
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/topmenu-sprite-icon.svg);
     background-repeat: no-repeat;
     vertical-align: text-bottom;
     -webkit-filter: invert(59%) sepia(0) saturate(0) hue-rotate(0deg) brightness(87%) contrast(83%);
     filter: invert(59%) sepia(0) saturate(0) hue-rotate(0deg) brightness(87%) contrast(83%);
     margin-right: 7px;
     background-size: 268px 64px
 }

 .zb-hover-action:focus-within .icon,
 .zb-hover-action:hover .icon {
     -webkit-filter: none;
     filter: none
 }

 .zb-in-more-actions-menu {
     position: absolute;
     visibility: hidden;
     opacity: 0;
     height: 578px;
     top: 100%;
     right: 0;
     border-radius: 10px;
     overflow: hidden;
     -webkit-transition: opacity .2s ease;
     transition: opacity .2s ease
 }

 .solution-actions-menu {
     height: 428px
 }

 .menu-option,
 .zb-in-more-actions .menu-nav {
     cursor: pointer
 }

 .zb-product-header.slide .menu-nav {
     color: #000 !important
 }

 .zb-product-header.slide .drop-down-svg {
     fill: #000 !important
 }

 .all-features-mob {
     width: 542px;
     height: 35px;
     margin: 0 auto;
     border-radius: 5px;
     font-size: 14px;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: rgba(52, 168, 83, .1607843137254902)
 }

 .feature-menu-right-wrap {
     width: 342px;
     background-color: rgba(41, 255, 134, .14901960784313725);
     padding: 25px 30px
 }

 .platform-container {
     overflow: hidden;
     border-radius: 9px;
     margin-bottom: 20px
 }

 .img-carosel {
     -webkit-transition: -webkit-transform .2s ease-in-out;
     transition: -webkit-transform .2s ease-in-out;
     transition: transform .2s ease-in-out;
     transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
 }

 .platform-container.solution-platform-container {
     margin-bottom: 25px
 }

 .platform-menu {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 25px 0
 }

 .platform-menu .menu-option {
     width: 32px;
     height: 5px;
     margin: 2px;
     border-radius: 2.5px;
     background-color: #a5eab8
 }

 .active-1 .img-carosel {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
 }

 .active-2 .img-carosel {
     -webkit-transform: translateX(-282px);
     -ms-transform: translateX(-282px);
     transform: translateX(-282px)
 }

 .active-1 .menu-option:first-child,
 .active-2 .menu-option:nth-child(2) {
     background: #34a853
 }

 .platform-content {
     color: #000;
     font-size: 12px;
     line-height: 22px
 }

 .other-platform-img {
     padding-top: 14px;
     gap: 12px
 }

 .slide-right {
     -webkit-transition: all .2s ease;
     transition: all .2s ease
 }

 .all-features-mob:focus-within .slide-right,
 .all-features-mob:hover .slide-right {
     -webkit-transform: translateX(3px);
     -ms-transform: translateX(3px);
     transform: translateX(3px)
 }

 .resource-left,
 .resource-menu-right-wrap {
     width: 350px
 }

 .resource-menu-right-wrap {
     padding: 20px 33px
 }

 .zb-common-title {
     font-size: 12px;
     letter-spacing: 1px
 }

 .platform-head {
     margin: 10px 0 11px
 }

 .header-resources {
     height: 100px;
     margin-bottom: 10px
 }

 .zb-register {
     font-size: 12px;
     color: #000;
     text-decoration: underline
 }

 .zb-register-desc {
     margin-top: 12px
 }

 .prompt-link {
     margin-bottom: 30px
 }

 .zb-product-header.slide {
     position: fixed;
     top: 0;
     width: 100%;
     background-color: #fff !important;
     z-index: 3000;
     -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
     -webkit-animation: slide-header .3s ease-out;
     animation: slide-header .3s ease-out
 }

 @-webkit-keyframes slide-header {
     0% {
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%)
     }

     to {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }

 @keyframes slide-header {
     0% {
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%)
     }

     to {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }

 .zb-product-header .zgh-login {
     display: none !important
 } */

 @media only screen and (max-width: 1280px) {
     .zb-product-header-inner {
         max-width: 95%
     }
 }

 @media only screen and (min-width: 992px) {
     .header {
         min-height: 75px
     }
 }

 @media only screen and (min-width: 768px) {

     .zb-in-more-actions.active:after,
     .zb-in-more-actions:hover:after {
         width: 100%;
         -webkit-animation: dropdownHover .3s ease;
         animation: dropdownHover .3s ease
     }

     @-webkit-keyframes dropdownHover {
         0% {
             width: 0
         }

         to {
             width: 100%
         }
     }

     @keyframes dropdownHover {
         0% {
             width: 0
         }

         to {
             width: 100%
         }
     }

     .zb-in-more-actions:after {
         content: "";
         display: block;
         width: 0;
         height: 3px;
         background-color: #00ea6b
     }

     .zb-in-more-actions-menu {
         z-index: 100;
         -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
         box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
         background: #fff
     }

     .zb-hover-action:focus-within,
     .zb-hover-action:hover {
         color: #006843;
         font-family: Zoho Puvi SemiBold, var(--zf-primary-semibold)
     }

     .menu-popup,
     .mobile-view-menu,
     .zb-product-header .zgh-accounts {
         display: none
     }

     .zb-product-header.slide .zgh-accounts {
         display: block
     }
 }

 @media only screen and (max-width: 1000px) {
     .feature-right-menu {
         display: none
     }

     .zb-product-menu {
         gap: 15px
     }
 }

 @media only screen and (max-width: 767px) {
     .zb-product-header-inner {
         height: 50px
     }

     .zb-prd-logo {
         margin: 7px 0 7px 9px;
         height: 38px;
         width: 121px
     }

     .zb-product-header {
         background-color: #fff !important
     }

     .zb-prd-logo {
         background-image: url(///cdn.zoho.com.cn/sites/zweb/images/billing/home/billing-logo.svg) !important
     }

     .mobile-view-menu .zb-access {
         background: #f1f1f1
     }

     .mobile-view-menu.on-scroll .zb-access {
         background: #00ea6b
     }

     .menu-popup .menu-popup-list {
         padding: 17px 25px 25px
     }
 }

 @media only screen and (max-width: 767px) {

     .mobile-view-menu,
     .mobileview-menu-wrapper {
         position: fixed;
         width: 100%
     }

     .mobileview-menu-wrapper {
         height: 100%;
         top: 0;
         z-index: 99;
         display: none
     }

     .mobileview-menu-wrapper.show {
         display: block
     }

     .mobile-view-menu {
         bottom: 0;
         height: 50px;
         display: none;
         z-index: 100
     }

     .mobile-view-menu .zb-access {
         -webkit-box-flex: 1;
         -webkit-flex-grow: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         border: none;
         text-align: center;
         padding: 15px 0;
         color: #073d32;
         -webkit-transition: all .3s ease;
         transition: all .3s ease
     }

     .mobile-view-menu.on-scroll .zb-access {
         color: #000
     }

     .contactus-form-stickydiv {
         bottom: 27px
     }

     .bottom-menu-icon {
         width: 50px;
         height: 50px;
         background-color: #000;
         -webkit-transition: background-color .3s ease;
         transition: background-color .3s ease;
         border: 0;
         padding: 0;
         cursor: pointer
     }

     .hamburger {
         margin: auto;
         position: relative;
         width: 22px;
         height: 13px
     }

     .hamburger span {
         background-color: #fff;
         height: 2px;
         width: 100%;
         position: absolute;
         left: 0;
         border-radius: 9px;
         -webkit-transition: all .25s ease-in-out;
         transition: all .25s ease-in-out
     }

     .hamburger span:nth-child(2),
     .hamburger span:nth-child(3) {
         top: 6px;
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center
     }

     .hamburger span:nth-child(4) {
         top: 12px
     }

     .bottom-menu-icon.open {
         background-color: #fff
     }

     .bottom-menu-icon.open span {
         background-color: #8c8c8c
     }

     .bottom-menu-icon.open span:first-child,
     .bottom-menu-icon.open span:nth-child(4) {
         -webkit-transform: scale(0);
         -ms-transform: scale(0);
         transform: scale(0);
         top: 6px
     }

     .bottom-menu-icon.open span:nth-child(2) {
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg)
     }

     .bottom-menu-icon.open span:nth-child(3) {
         -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         transform: rotate(-45deg)
     }

     .mobileview-menu-wrapper .menu-popup {
         position: absolute;
         bottom: 0;
         left: 5px;
         width: 250px;
         max-height: 75%;
         border-radius: 10px;
         -webkit-box-shadow: 40px 40px 300px 100px rgba(0, 0, 0, .4);
         box-shadow: 40px 40px 300px 100px rgba(0, 0, 0, .4);
         background-color: #fff;
         -webkit-transition: all .3s ease;
         transition: all .3s ease;
         opacity: 0;
         -webkit-transform: translateY(50px);
         -ms-transform: translateY(50px);
         transform: translateY(50px);
         overflow-y: scroll
     }

     .mobileview-menu-wrapper.show .menu-popup {
         opacity: 1;
         -webkit-transform: translateY(-55px);
         -ms-transform: translateY(-55px);
         transform: translateY(-55px)
     }

     .mobileview-menu-wrapper .zb-drop-down-btn,
     .mobileview-menu-wrapper a {
         color: #333;
         display: inline-block;
         width: 100%;
         font-size: 17px;
         line-height: 1.5
     }

     .zb-drop-down-btn,
     .zb-mobile-main-menu {
         padding: 6px 0
     }

     .zb-mobile-dropdown-menu a {
         padding: 6px 0 6px 10px;
         line-height: 17px
     }

     .zb-all-menu-link a {
         padding: 8px 0
     }

     .zb-menu-title {
         padding: 10px 0 4px 10px;
         line-height: 22px
     }

     .zb-mobile-dropdown-menu {
         max-height: 0;
         line-height: 1.8;
         overflow: hidden;
         -webkit-transition: max-height .8s ease-in-out;
         transition: max-height .8s ease-in-out
     }

     .zb-mobile-dropdown-menu a,
     .zb-mobile-dropdown-menu b {
         color: #000;
         font-size: 13px
     }

     .zb-dropdown-menu-list .zb-drop-down-btn {
         background-color: rgba(0, 0, 0, 0);
         border: none;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -webkit-justify-content: space-between;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center
     }

     .zb-dropdown-menu-list .drop-down-svg {
         width: 13px;
         -webkit-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         transform: rotate(90deg);
         -webkit-transition: all .7s ease-in-out;
         transition: all .7s ease-in-out
     }

     .zb-dropdown-menu-list.show .drop-down-svg {
         -webkit-transform: rotate(90deg) rotateY(180deg);
         transform: rotate(90deg) rotateY(180deg)
     }

     .zb-dropdown-menu-list .zb-mobile-dropdown-menu {
         max-height: 0;
         overflow: hidden;
         visibility: hidden;
         -webkit-transition: all 1s ease;
         transition: all 1s ease
     }

     .zb-dropdown-menu-list.show .zb-mobile-dropdown-menu {
         max-height: 755px;
         visibility: visible
     }

     .zb-product-menu {
         display: none
     }

     .mobile-view-menu {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex
     }

     .zb-product-header .zgh-login {
         display: inline-block !important
     }
 }

 .demo-container * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .hide-widget {
     display: none !important
 }

 .demo-container .contact-form {
     margin: 0 3%;
     width: 95%;
     padding: 20px 20px 1px
 }

 .demo-form-privacy {
     font-size: 14px;
     margin-bottom: 25px
 }

 .demo-form-privacy .privacy-link {
     color: #00ba55
 }

 .demo-form-error,
 .text-danger {
     display: none;
     text-align: right;
     color: tomato
 }

 .contact-form .form-control {
     background-color: #fff;
     margin-bottom: 25px;
     padding: 5px 0 5px 50px;
     border-radius: 4px;
     -webkit-box-shadow: none;
     box-shadow: none;
     width: 100%;
     font-size: 16px;
     height: 48px;
     color: #000;
     font-family: var(--zf-secondary-regular), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
     -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
 }

 .contact-form .form-control,
 .request-callback-captcha img {
     border: 1px solid hsla(0, 0%, 68.6%, .5215686274509804)
 }

 .contact-form textarea.form-control {
     padding-bottom: 0;
     padding-left: 15px;
     padding-right: 22px;
     line-height: 1.8;
     height: 100px;
     margin-top: 0
 }

 .contact-form .form-control::-webkit-input-placeholder {
     color: #afafaf
 }

 .contact-form .form-control::-moz-placeholder {
     color: #afafaf
 }

 .contact-form .form-control:-ms-input-placeholder {
     color: #afafaf
 }

 .contact-form .form-control::-ms-input-placeholder {
     color: #afafaf
 }

 .contact-form .form-control::placeholder {
     color: #afafaf
 }

 .form-group .demo-form-error {
     margin-top: -20px;
     margin-bottom: 5px;
     font-size: 15px;
     cursor: pointer
 }

 .contact-form .form-group .form-field {
     position: relative;
     width: 98%
 }

 .mand {
     color: #f24638;
     padding-left: 7px
 }

 .demo-form-sub-header {
     padding: 0 45px
 }

 .demo-popup-close {
     border: none;
     display: block;
     background-color: rgba(0, 0, 0, 0);
     margin: 15px 15px 0 auto
 }

 .demo-popup-close img {
     width: 34px;
     cursor: pointer
 }

 .demo-container {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 4% 0;
     overflow-y: scroll;
     background-color: rgba(0, 0, 0, .30196078431372547);
     z-index: 100000;
     border: none;
     opacity: 0;
     -webkit-animation: fade-in .2s, scale-in .2s;
     animation: fade-in .2s, scale-in .2s;
     font-family: var(--zf-secondary-regular), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif
 }

 .pricing-enquiry-form-wrap.demo-container,
 .request_callback_form.demo-container {
     -webkit-animation: fade-in .2s;
     animation: fade-in .2s
 }

 .demo-container.open {
     opacity: 1
 }

 .demo-popup-div {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .demo-popup-div h3 {
     font-size: 16px;
     line-height: 25px;
     padding-bottom: 0
 }

 .demo-popup-div h4 {
     font-size: 20px;
     line-height: 26px
 }

 .demo-popup-content {
     width: 700px;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     background-color: #f2f4fa;
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/dotted-bg.svg)
 }

 .demo-form-container {
     padding: 10px
 }

 .demo-form {
     background-color: #fff;
     text-align: center;
     width: 470px;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px
 }

 .demo-form-header {
     font-size: 22px;
     margin-bottom: 9px;
     font-family: var(--zf-secondary-semibold)
 }

 .form-group .form-field {
     position: relative;
     width: 98%
 }

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

 .demo-content-container {
     position: relative;
     padding: 45px 45px 90px;
     text-align: center;
     width: 80%;
     background-color: #fff;
     margin: 14% auto 6%;
     border-right: 10px solid #e1e6f7;
     border-bottom: 10px solid #e1e6f7;
     border-radius: 20px
 }

 .demo-content-header {
     font-size: 24px;
     margin-bottom: 18px
 }

 .demo-content {
     text-align: left;
     font-style: italic;
     font-size: 18px;
     line-height: 1.8;
     margin-bottom: 15px;
     color: #2f3955
 }

 .demo-content-container .sridhar-img {
     position: absolute;
     width: 200px;
     bottom: 0;
     left: 0
 }

 .demo-quote-img {
     text-align: right;
     padding-right: 45px;
     margin-bottom: 15px
 }

 .demo-quote-img img {
     width: 50px
 }

 .demo-content-owner {
     border-left: 2px solid #f2f4fa;
     margin-left: 30%;
     font-family: var(--zf-secondary-semibold), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
     text-align: left;
     padding-left: 5%;
     line-height: 25px
 }

 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 1000px #fff inset !important
 }

 .contact-form .form-field:after {
     width: 23px;
     height: 23px;
     top: 12px;
     left: 14px;
     content: "";
     position: absolute;
     background-repeat: no-repeat
 }

 .contact-form .form-field:after:nth-child(-n+3) {
     display: none
 }

 .company-img svg,
 .email-img svg,
 .phone-img svg {
     position: absolute;
     width: 23px;
     height: 23px;
     top: 12px;
     left: 14px
 }

 .company-img svg g,
 .email-img svg path,
 .phone-img svg g {
     fill: #afafaf
 }

 .captcha-img:after {
     background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .3)), to(hsla(0, 0%, 100%, .3))), url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/captcha.svg);
     background-image: linear-gradient(hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3)), url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/captcha.svg)
 }

 @-webkit-keyframes scale-in {
     0% {
         -webkit-transform: scale(.9);
         transform: scale(.9)
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @keyframes scale-in {
     0% {
         -webkit-transform: scale(.9);
         transform: scale(.9)
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @-webkit-keyframes fade-in {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fade-in {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .contactus-form-stickybutton {
     position: fixed;
     bottom: 0;
     right: 0;
     z-index: 100;
     -webkit-transition: bottom .2s;
     transition: bottom .2s
 }

 .select-type select {
     -webkit-appearance: none;
     -moz-appearance: none;
     border-radius: 0;
     border: 1px solid #ccc;
     padding: 11px 12px;
     width: 100%;
     cursor: pointer;
     font-size: 14px;
     background: #fff
 }

 .select-box {
     position: relative;
     width: 100% !important
 }

 .select-box .dwn-arw {
     position: absolute;
     right: 30px;
     width: 0 !important;
     top: 14px
 }

 .dwn-arw svg {
     fill: #9aa8ce
 }

 .select-type:after {
     background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .3)), to(hsla(0, 0%, 100%, .3))), url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/industry.svg);
     background-image: linear-gradient(hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3)), url(//cdn.zoho.com.cn/sites/zweb/images/billing/home/industry.svg)
 }

 select:invalid {
     color: #afafaf !important
 }

 .contact-form .demo-button {
     width: 98%;
     padding: 5.5px;
     margin-bottom: 35px;
     background-color: #073d32;
     border-radius: 5px;
     border: none;
     font-size: 18px;
     font-family: var(--zf-secondary-regular), -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
     line-height: 38px;
     color: #fff;
     cursor: pointer;
     -webkit-transition: background-color .2s;
     transition: background-color .2s
 }

 .contact-form input:focus,
 .contact-form textarea:focus,
 .select-type select:focus {
     outline: none;
     border-radius: 4px;
     border: 1px solid #00ba55;
     color: #000
 }

 .can-show-form {
     height: 100vh;
     overflow-y: hidden
 }

 .success-alert {
     display: none;
     border: 1px solid hsla(0, 0%, 80%, .5019607843137255);
     background: #000;
     color: #fff;
     position: fixed;
     top: 80px;
     z-index: 1000;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     padding: 10px 30px 10px 10px;
     border-radius: 30px
 }

 .success-alert.show {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center
 }

 .success-alert .tick-icon {
     width: 24px;
     height: 24px;
     margin-right: 5px
 }

 .alert-success {
     color: #fff
 }

 @media (max-width:1200px) {
     .demo-form {
         border-radius: 10px
     }

     .demo-popup-content {
         display: none
     }

     .demo-container {
         padding: 50px 0
     }
 }

 @media (max-width:470px) {
     .demo-form-container {
         padding: 0 20px
     }

     .demo-form-sub-header {
         padding: 0
     }

     .demo-container .contact-form {
         width: 100%;
         padding: 20px 0 0;
         margin: 0 auto
     }

     .pricing-enquiry-form.demo-form {
         width: 100% !important
     }
 }