body {
            line-height: 1.8
        }
.zw-product-header{
    background: #144fcc;
}

        .zgh-accounts .zgh-signup {
            display: none !important
        }

        .zgh-signup-inline {
            color: #fff;
            background: #e42527;
            font-size: 12px;
            padding: 7px 15px;
            line-height: 25px;
            text-transform: uppercase;
            border-radius: 5px
        }

        .ze-btn {
            display: none
        }

        .ze-product-header {
            background-color: #144fcc;
            border-bottom: 1px solid #245bd0
        }

        .d-flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .font-lg {
            font-size: 54px
        }

        .font-medium,
        .footer-section p {
            font-size: 40px
        }

        .font-sm,
        .testimonial-banner .testimonial-name p {
            font-size: 15px
        }

        .font-xs {
            font-size: 14px
        }

        .font-md {
            font-size: 20px
        }

        .get-reimbursed>span,
        .journey-approval .approver-person,
        .journey-approval .approver-person p,
        .journey-itenary li,
        .jump-to-links a {
            font-size: 12px
        }

        .advantage-description,
        .article-description,
        .feature-info,
        .solution-description,
        .testimonial-banner p,
        .why-zoho-section .answer-section .content span {
            font-size: 16px
        }

        .mobile-nav div,
        .nav .nav-tab,
        .satisfaction-rating,
        .testimonial-quote,
        .trusted-by-container .title {
            font-size: 18px
        }

        .font-weight-bold,
        .nav .nav-tab.active {
            font-weight: 800
        }

        .font-weight-xbold,
        .jump-to-links a {
            font-weight: 700
        }

        .add-to-report .title,
        .btn,
        .font-weight-semibold,
        .journey-approval .title,
        .journey-itenary .title,
        .mobile-nav div,
        .satisfaction-rating {
            font-weight: 600
        }

        .font-weight-md,
        .nav .nav-tab,
        .testimonial-content {
            font-weight: 500
        }

        .btn,
        .satisfaction-rating {
            line-height: normal
        }

        .footer-section p {
            line-height: 60px
        }

        .automate-feature-card .heading,
        .solution-header {
            line-height: 32px
        }

        .lh-md {
            line-height: 30px
        }

        .journey-approval .approver-person,
        .journey-approval .approver-person p,
        .satisfaction-info {
            line-height: 18px
        }

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

        .btn,
        .footer-section .ze-demo,
        .get-reimbursed.active,
        .testimonial-banner.automate-feature-card p,
        .testimonial-banner.automate-feature-card span,
        .text-color-white,
        .ze-demo {
            color: #fff
        }

        .faq-container .question,
        .solution:hover .go-to-solution,
        .text-color-black {
            color: #000
        }

        .article-description,
        .automate-feature-card .description,
        .solution-description,
        .solution .go-to-solution,
        .why-zoho-section .answer-section .content span {
            color: #757575
        }

        .satisfaction-info,
        .testimonial-person-designation {
            color: #737373
        }

        .black-bg,
        .faq-container .question:after,
        .faq-container .question:before,
        .nav .nav-tab {
            background-color: #000
        }

        .user-is-tabbing a:focus,
        .user-is-tabbing button:focus {
            outline: 2px solid #408dfb;
            outline-offset: 2px
        }

        .link-to svg {
            fill: #6b6b6b;
            width: 12px;
            height: 12px;
            vertical-align: middle;
            margin-left: 3px
        }

        .link-to:hover svg {
            margin-left: 5px;
            fill: #000
        }

        .inner-section,
        .section {
            max-width: 1149px;
            margin: 0 auto
        }

        .hero-section {
            background: #144fcc url(//cdn.zoho.com.cn/sites/zweb/images/expense/illustration.svg) no-repeat calc(50% + 310px) bottom/858px 279px;
            padding: 0 20px;
            border-bottom: 6px solid #ff9b9c;
            max-width: 100%;
            overflow: hidden
        }

        .hero-section-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 20px;
            max-width: 1280px;
            padding: 50px 0;
            margin: 0 auto
        }

        .hero-section h1 {
            color: #fff;
            font-weight: 800;
            font-size: 54px;
            line-height: 63px;
            letter-spacing: normal;
            width: 600px;
            padding-top: 55px;
            margin: 0
        }

        .hero-section h1 span {
            color: #ffa5a5
        }

        .hero-section p {
            color: #f4f4f4;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            max-width: 410px;
            margin: 11px 0 30px
        }

        .common-btn {
            color: #fff;
            font-weight: 700;
            line-height: normal;
            padding: 15px 10px;
            border-radius: 8px;
            text-align: left;
            white-space: nowrap
        }

        .common-btn.ze-access {
            min-width: 224px;
            display: none;
            margin-right: 16px;
            text-align: center
        }

        .user-logged-in .common-btn.ze-access {
            display: inline-block
        }
        .body-umain .hero-section-inner{
            justify-content: center;
        }
        .body-umain .common-btn.ze-access {
            display: inline-block;
            font-size: 17px;
        }
        .body-umain .hero-right-section{
            display: none;
        }
        .common-btn.ze-demo {
            min-width: 190px;
            padding: 0;
            border: none;
            margin-left: 0;
            cursor: pointer;
            font-size: 14px;
        }

        .common-btn.ze-demo:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0);
            text-decoration: underline
        }

        .common-btn.ze-demo:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            background-image: url(https://zoho.com/expense/pricing/right-arrow.svg?v=1);
            background-size: 10px 10px;
            height: 10px;
            width: 10px;
            margin-left: 5px;
            -webkit-filter: brightness(100);
            filter: brightness(100);
            -webkit-transition: -webkit-transform .2s ease;
            transition: -webkit-transform .2s ease;
            transition: transform .2s ease;
            transition: transform .2s ease, -webkit-transform .2s ease
        }

        .common-btn.ze-demo:hover:after {
            -webkit-transform: translateX(3px);
            -ms-transform: translateX(3px);
            transform: translateX(3px)
        }

        .hero-right-section {
            margin: 0 auto
        }

        .ze-signup-wrapper {
            width: 376px;
            padding: 30px;
            background-color: #fff;
            border-radius: 12px;
            max-width: 380px;
        }

        .user-logged-in .ze-signup-wrapper {
            display: none
        }

        .lets-get-start {
            display: block;
            font-weight: 700;
            font-size: 20px;
            letter-spacing: -.2px;
            line-height: normal;
            margin-bottom: 20px
        }

        .hero-section .signup-form .form-group {
            margin-bottom: 3px
        }

        .hero-section .signup-form .form-control {
            height: 44px
        }

        .hero-section .label-country:before,
        .hero-section .label-state:before,
        .hero-section .za-country_code-container.label-phoneno:before {
            top: 16px
        }

        .hero-section .za-country_code-container .ccodelabel,
        .hero-section .za-country_code-container select {
            top: 14px
        }

        .hero-section [class^=label-] {
            -webkit-transform: translateY(-31px) translateX(12px);
            -ms-transform: translateY(-31px) translateX(12px);
            transform: translateY(-31px) translateX(12px)
        }

        .hero-section .signup-form .form-control:not(:-moz-placeholder-shown)~[class^=label-] {
            transform: translateY(-51px) translateX(14px) scale(.8)
        }

        .hero-section .signup-form .form-control:not(:-ms-input-placeholder)~[class^=label-] {
            -ms-transform: translateY(-51px) translateX(14px) scale(.8);
            transform: translateY(-51px) translateX(14px) scale(.8)
        }

        .hero-section .signup-form .form-control:focus~[class^=label-],
        .hero-section .signup-form .form-control:not(:placeholder-shown)~[class^=label-] {
            -webkit-transform: translateY(-51px) translateX(14px) scale(.8);
            -ms-transform: translateY(-51px) translateX(14px) scale(.8);
            transform: translateY(-51px) translateX(14px) scale(.8)
        }

        .hero-section .social-signup {
            position: relative;
            padding-top: 20px;
            margin-top: 20px
        }

        .hero-section .social-signup p {
            position: absolute;
            top: -8px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #fff;
            padding: 0 10px
        }

        .hero-section .social-links button {
            padding: 9px 0
        }

        .hero-image {
            display: none;
            width: 760px;
            margin-left: 60px;
            position: relative
        }

        .user-logged-in .hero-image {
            display: block
        }

        .video-play-icon {
            background: none;
            padding: 0;
            border: none;
            cursor: pointer
        }

        .hero-content-wrapper .video-play-icon img {
            -webkit-transition: -webkit-transform .5s ease;
            transition: -webkit-transform .5s ease;
            transition: transform .5s ease;
            transition: transform .5s ease, -webkit-transform .5s ease
        }

        .hero-content-wrapper .video-play-icon:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .hero-content-wrapper .video-play-icon span {
            color: #fff;
            display: inline-block;
            font-weight: 700;
            font-size: 14px;
            line-height: 20px;
            padding: 0 20px 0 10px;
            border-right: 1.5px solid #fff;
            margin-right: 20px
        }

        .hero-content-wrapper .video-play-icon:hover span {
            text-decoration: underline
        }

        .user-logged-in .hero-content-wrapper .video-play-icon {
            display: none
        }

        .hero-right-section .video-play-icon {
            height: 60px;
            width: 60px;
            background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/play-icon.png) no-repeat;
            background-size: 60px 60px;
            background-position: 0 0;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: -webkit-transform .5s ease;
            transition: -webkit-transform .5s ease;
            transition: transform .5s ease;
            transition: transform .5s ease, -webkit-transform .5s ease
        }

        .hero-right-section .video-play-icon:hover {
            -webkit-transform: translate(-50%, -50%) scale(1.1);
            -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1)
        }

        .video-player .product-video {
            max-width: 80% !important
        }

        .header-btn-container .btn {
            margin-top: 10px;
            padding: 15px 50px;
            border-radius: 8px
        }

        .header-container .ze-btn-filled {
            border: 1px solid #fb4446
        }

        .jump-to-links a.active,
        .trusted-by-container .highlight {
            color: #e00
        }

        .trusted-by-container {
            border-bottom: 1px solid #ececec
        }

        .inner-trusted-by-section {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 30px 20px;
            --sliding-duration: 45s;
            max-width: 1280px;
            margin: auto
        }

        .trusted-by-container .title {
            font-weight: 400;
            line-height: 25px;
            -ms-flex-preferred-size: 250px;
            flex-basis: 250px
        }

        .trusted-by-container .trusted-by-logos {
            padding: 10px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 20px;
            -webkit-animation: ze-customers-slideshow var(--sliding-duration) linear infinite;
            animation: ze-customers-slideshow var(--sliding-duration) linear infinite
        }

        .horizontal-scroll-animation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            overflow-x: hidden;
            gap: 20px;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: 100%
        }

        .trusted-by-container .trusted-by-wrapper {
            background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/trustedby-sprite-1x.png) no-repeat;
            background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/trustedby-sprite-1x.png") 1x, url("//cdn.zoho.com.cn/sites/zweb/images/expense/trustedby-sprite-2x.png") 2x);
            background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/trustedby-sprite-1x.png") 1x, url("//cdn.zoho.com.cn/sites/zweb/images/expense/trustedby-sprite-2x.png") 2x);
            background-size: 3067px 32px;
            background-position-y: 0;
            height: 32px;
            width: 135px;
            margin: 0 15px
        }

        .trusted-by-wrapper.puma {
            background-position-x: 2px;
            width: 60px
        }

        .trusted-by-wrapper.samsonite {
            background-position-x: -95px;
            width: 115px
        }

        .trusted-by-wrapper.axis-finance {
            background-position-x: -248px;
            width: 100px
        }

        .trusted-by-wrapper.tata-play {
            background-position-x: -387px;
            width: 130px
        }

        .trusted-by-wrapper.heritage {
            background-position-x: -551px;
            width: 55px
        }

        .trusted-by-wrapper.page-industries {
            background-position-x: -643px;
            width: 460px
        }

        .trusted-by-wrapper.oberoi {
            background-position-x: -1137px;
            width: 65px
        }

        .trusted-by-wrapper.kent {
            background-position-x: -1235px;
            width: 47px
        }

        .trusted-by-wrapper.purolite {
            background-position-x: -1317px;
            width: 90px
        }

        .trusted-by-wrapper.east-west-seed {
            background-position-x: -1443px;
            width: 53px
        }

        .trusted-by-wrapper.plivo {
            background-position-x: -1534px;
            width: 80px
        }

        .trusted-by-wrapper.scouts {
            background-position-x: -1655px;
            width: 88px
        }

        .trusted-by-wrapper.exotel {
            background-position-x: -1786px;
            width: 60px
        }

        .trusted-by-wrapper.transcom {
            background-position-x: -1884px;
            width: 120px
        }

        .trusted-by-wrapper.go-geothermal {
            background-position-x: -2039px;
            width: 110px
        }

        .trusted-by-wrapper.iffco {
            background-position-x: -2188px;
            width: 48px
        }

        .trusted-by-wrapper.water-org {
            background-position-x: -2283px;
            width: 80px
        }

        .trusted-by-wrapper.derivco {
            background-position-x: -2415px;
            width: 100px
        }

        .trusted-by-wrapper.mr-delivery {
            background-position-x: -2548px;
            width: 40px
        }

        .trusted-by-wrapper.pinnacle {
            background-position-x: -2625px;
            width: 97px
        }

        .trusted-by-wrapper.mas-acme {
            background-position-x: -2760px;
            width: 75px
        }

        .trusted-by-wrapper.jetsmart {
            background-position-x: -2870px;
            width: 100px
        }

        .trusted-by-wrapper.cadt {
            background-position-x: -3008px;
            width: 57px
        }

        .expense-ecosystem {
            margin-top: 160px
        }

        .section-header {
            color: #000;
            line-height: 54px;
            letter-spacing: -1.5px;
            padding-bottom: 45px
        }

        .expense-solutions-for-business .section-header {
            max-width: 500px;
            margin: 0 auto
        }

        .expense-solutions-for-business {
            margin: 100px auto 0;
            position: relative
        }

        .solutions-container {
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            gap: 20px;
            max-width: 1149px;
            margin: 0 auto
        }

        .solution,
        .solutions-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .solution {
            border: 1px solid #e3e3e3;
            border-radius: 16px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transform: translateY(60px);
            -ms-transform: translateY(60px);
            transform: translateY(60px);
            cursor: pointer;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .article {
            -webkit-transform: translateY(100px);
            -ms-transform: translateY(100px);
            transform: translateY(100px)
        }

        .articles>.d-flex.active .article,
        .solutions-container.active .solution {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

        .article:first-child,
        .solution:first-child {
            -webkit-transition: -webkit-transform .8s;
            transition: -webkit-transform .8s;
            transition: transform .8s;
            transition: transform .8s, -webkit-transform .8s
        }

        .article:nth-child(2),
        .solution:nth-child(2) {
            -webkit-transition: -webkit-transform 1.1s;
            transition: -webkit-transform 1.1s;
            transition: transform 1.1s;
            transition: transform 1.1s, -webkit-transform 1.1s
        }

        .article:last-child,
        .solution:last-child {
            -webkit-transition: -webkit-transform 1.3s;
            transition: -webkit-transform 1.3s;
            transition: transform 1.3s;
            transition: transform 1.3s, -webkit-transform 1.3s
        }

        .solution .card-content {
            padding: 30px 30px 20px
        }

        .solution-header {
            margin: 15px 0 8px
        }

        .solution-description {
            margin-bottom: 10px
        }

        .solution .go-to-solution {
            border-top: 1px solid #f1f1f1;
            padding: 15px 30px;
            margin-top: auto
        }

        .solution .card-img {
            overflow: hidden;
            border: 1px solid rgba(0, 0, 0, 0)
        }

        .solution img {
            -webkit-transition: -webkit-transform .6s;
            transition: -webkit-transform .6s;
            transition: transform .6s;
            transition: transform .6s, -webkit-transform .6s;
            vertical-align: middle
        }

        .solution:hover {
            border-color: #000
        }

        .solution:hover .card-img {
            border-color: #f1f1f1;
            border-radius: 8px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .solution:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .zoho-expense-advantages-wrapper {
            padding: 66px 44px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            gap: 30px;
            position: relative;
            top: 100px;
            border-radius: 16px;
            max-width: 1149px;
            margin: auto
        }

        .easy-fast-better {
            line-height: 45px;
            letter-spacing: -1px;
            background-image: -webkit-gradient(linear, left top, right top, from(#0158db), to(#f54e4d));
            background-image: linear-gradient(90deg, #0158db, #f54e4d);
            -webkit-background-clip: text;
            background-clip: text;
            color: rgba(0, 0, 0, 0);
            max-width: 300px
        }

        .ze-advantages {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            gap: 20px
        }

        .ze-advantages>div {
            padding-left: 18px;
            border-left: 1px solid #424242;
            min-width: 120px
        }

        .advantage-value {
            line-height: 39px
        }

        .advantage-description {
            line-height: 24px;
            color: #989898
        }

        .jump-to-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 15px;
            margin-bottom: 20px
        }

        .jump-to-links a {
            line-height: 15px;
            letter-spacing: 5px;
            text-transform: uppercase
        }

        .jump-to-links a:nth-child(2) {
            padding: 0 10px;
            border-left: 1px solid #787575;
            border-right: 1px solid #787575
        }

        .automate-feature-section .jump-to-links,
        .automate-feature-section .section-header {
            max-width: 1149px;
            margin-left: auto;
            margin-right: auto
        }

        .ze-journey {
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly
        }

        .ze-journey,
        .ze-journey-animation-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .ze-journey-animation-wrapper {
            position: sticky;
            top: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            height: 100vh;
            margin: 52px 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: hsla(0, 0%, 100%, .2901960784313726);
            border-radius: 16px;
            border: 2px solid #fff
        }

        .ze-journey-animation-wrapper .animation-path-container>svg {
            width: 468px
        }

        .automate-features,
        .ze-journey-animation-wrapper {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .automate-feature-section {
            padding-top: 240px;
            padding-bottom: 52px;
            margin-bottom: 40px;
            background-color: #fff8f8;
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/animation-pattern.svg);
            background-attachment: fixed
        }

        .automate-feature-section .jump-to-links {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .automate-feature-section .section-header {
            margin: 0 auto;
            text-align: center
        }

        .animation-path-container {
            position: relative;
            top: 30px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .animation-path-container .top-section {
            position: absolute;
            top: -23px
        }

        .animation-path-container .planning-approval {
            -webkit-transition: all 1s;
            transition: all 1s
        }

        .animation-path-container .planning-approval.active {
            -webkit-transform: translateY(-2px);
            -ms-transform: translateY(-2px);
            transform: translateY(-2px);
            -webkit-box-shadow: 2px 6px 8px rgba(0, 0, 0, .16862745098039217);
            box-shadow: 2px 6px 8px rgba(0, 0, 0, .16862745098039217)
        }

        .on-trip,
        .on-trip img,
        .post-trip,
        .post-trip img,
        .pre-trip,
        .pre-trip img {
            position: absolute
        }

        .pre-trip {
            top: 120px;
            left: 40px
        }

        .on-trip {
            top: 40%;
            left: 80%
        }

        .post-trip {
            left: 40px;
            bottom: 30px
        }

        .post-trip img,
        .pre-trip img {
            -webkit-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
            transform: rotate(20deg);
            left: 20px;
            top: 20px
        }

        .on-trip img {
            -webkit-transform: rotate(160deg);
            -ms-transform: rotate(160deg);
            transform: rotate(160deg);
            left: -20px;
            top: 20px
        }

        .trip-status {
            font-family: caveat
        }

        .submitter-user {
            position: absolute;
            left: 0;
            offset-path: path("M233.9 0v322.5H73.8c-17.3 0-31.3 14-31.3 31.3s14 31.3 31.3 31.3h330c17.3 0 31.3 14 31.3 31.3v.1c0 17.3-14 31.3-31.3 31.3H233.9v153.6");
            offset-rotate: 0deg;
            offset-distance: 0
        }

        .submitter-user .profile-pic-sm {
            margin-right: 0
        }

        .submitter-user .user-status {
            position: absolute;
            top: -10px;
            right: -17px;
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            background-size: cover;
            -webkit-transition: background-image .4s ease;
            transition: background-image .4s ease
        }

        .submitter-user .user-status.trip-logo {
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/trip-image.png);
            background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/trip-image.png"));
            background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/trip-image.png"))
        }

        .submitter-user .user-status.flight-logo {
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/flight-image.png);
            background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/flight-image.png"));
            background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/flight-image.png"))
        }

        .submitter-user .user-status.car-logo {
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/car-image.png);
            background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/car-image.png"));
            background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/car-image.png"))
        }

        .submitter-user .user-status.report-logo {
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/report-image.png);
            background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/report-image.png"));
            background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/report-image.png"))
        }

        .automate-features {
            border-right: 1px solid #f3f3f3
        }

        .automate-feature-card {
            -webkit-transform: translateY(45px);
            -ms-transform: translateY(45px);
            transform: translateY(45px);
            -webkit-transition: -webkit-transform .7s;
            transition: -webkit-transform .7s;
            transition: transform .7s;
            transition: transform .7s, -webkit-transform .7s;
            -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            padding: 30px;
            border-radius: 18px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            max-width: 500px;
            margin: 50px auto;
            background-color: #fff
        }

        .automate-feature-card.active {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

        .testimonial-banner p.tab-mobile {
            display: none
        }

        .testimonial-banner .d-flex {
            -webkit-box-pack: normal;
            -ms-flex-pack: normal;
            justify-content: normal
        }

        .testimonial-banner.automate-feature-card {
            background-color: #050505
        }

        .testimonial-banner .testimonial-name {
            padding-bottom: 20px
        }

        .testimonial-name img {
            padding-right: 10px
        }

        .testimonial-banner .desktop,
        .testimonial-banner .tab-mobile {
            padding-bottom: 10px;
            border-bottom: 1px solid #252525;
            margin-bottom: 10px
        }

        .testimonial-banner .header-btn-container .ze-access {
            background: #fff;
            color: #000;
            padding: 15px 46px;
            border: none
        }

        .testimonial-banner .header-btn-container .ze-demo {
            padding: 15px 32px;
            border: 1px solid #fff;
        }

        .automate-feature-card img {
            vertical-align: middle;
            border-radius: 8px
        }

        .journey-event {
            border: 1px solid #f3e9e9;
            border-radius: 25px;
            background: #fff;
            padding: 8px 15px;
            font-size: 11px;
            text-align: center;
            margin-bottom: 75px
        }

        .planning-approval {
            border-radius: 10px;
            border: 1px solid #f3e9e9;
            background-color: #fff
        }

        .add-to-report,
        .journey-approval,
        .journey-itenary {
            width: 210px
        }

        .add-to-report .title,
        .journey-approval .title,
        .journey-itenary .title {
            background: #fcf9f9;
            text-transform: uppercase;
            font-size: 10px;
            letter-spacing: 2px;
            padding: 3px 0;
            text-align: center
        }

        .journey-itenary ul {
            padding: 4px 6px
        }

        .journey-itenary ul li span {
            color: grey;
            margin-right: 7px
        }

        .add-to-report .title,
        .journey-itenary .title {
            border-top-left-radius: 9px;
            border-top-right-radius: 9px
        }

        .journey-approval .approver {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            margin-left: 6px
        }

        .journey-approval .approver .profile-pic-sm {
            padding: 6px 0
        }

        .journey-approval .approver-person p,
        .jump-to-links a {
            color: #787575
        }

        .journey-approval .tick {
            border: 1px solid rgba(0, 0, 0, .13333333333333333);
            border-radius: 50%;
            width: 18px;
            height: 18px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-left: auto;
            margin-right: 15px
        }

        .journey-approval .tick svg {
            width: 7px
        }

        .journey-approval .tick.active {
            background-color: #005bd6
        }

        .journey-approval .tick.active svg {
            fill: #fff
        }

        img.profile-pic-sm {
            margin-right: 10px;
            border-radius: 50%
        }

        .automate-feature-card .feature-details {
            margin-bottom: 20px
        }

        .automate-feature-card .heading {
            max-width: 300px;
            padding-bottom: 10px
        }

        .add-to-report {
            position: absolute;
            top: 92%;
            border-radius: 10px;
            background-color: #fff;
            border: 1px solid #f3e9e9
        }

        .get-reimbursed {
            padding: 6px 10px;
            border-radius: 30px;
            background-color: #f3f3f3;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin: 10px auto;
            -webkit-transition: background-color .6s ease;
            transition: background-color .6s ease
        }

        .get-reimbursed.active {
            background-color: #005bd6
        }

        .get-reimbursed svg {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin-right: 5px
        }

        .expense-control-features {
            padding: 100px 0
        }

        .expense-control-features .nav {
            display: none
        }

        .nav-tab.mobile-nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            text-align: left;
            padding: 20px 0;
            background: none;
            border: none;
            border-top: 1px solid #ddd
        }

        .nav-tab.mobile-nav svg {
            width: 16px;
            height: 16px;
            -webkit-transition: -webkit-transform .7s;
            transition: -webkit-transform .7s;
            transition: transform .7s;
            transition: transform .7s, -webkit-transform .7s
        }

        .horizontal-divider {
            width: 100%;
            height: 1px;
            background: #232323;
            position: absolute;
            top: 50%
        }

        .nav .nav-tab {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            border: 0;
            cursor: pointer;
            background: rgba(0, 0, 0, 0);
            text-align: left;
            -webkit-transition: all .7s;
            transition: all .7s;
            padding: 0;
            position: relative;
            border-bottom: 1px solid #e4e4e4
        }

        .nav .nav-tab div:first-child {
            padding-bottom: 15px
        }

        .nav .nav-loader {
            position: absolute;
            height: 2px;
            width: 100%
        }

        .nav .nav-tab.active .nav-loader {
            background-color: #ff4438
        }

        .expense-control-features .feature-wrapper.active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .expense-control-features .feature-wrapper {
            display: none;
            margin-top: 45px;
            border: 1px solid #ecebeb;
            border-radius: 15px;
            width: 100%;
        }

        .feature-image {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            border-right: 1px solid #ecebeb;
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/control-section-bg-1x.png);
            background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/control-section-bg-1x.png") 1x, url("//cdn.zoho.com.cn/sites/zweb/images/expense/control-section-bg-2x.png") 2x);
            background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/control-section-bg-1x.png") 1x, url("//cdn.zoho.com.cn/sites/zweb/images/expense/control-section-bg-2x.png") 2x);
            background-size: cover;
            background-color: none;
            padding: 7%;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px
        }

        .feature-image img {
            border-radius: 12px
        }

        .feature-description {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 430px;
            padding: 40px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .feature-header {
            max-width: 320px
        }

        .feature-info {
            margin-top: 8px;
            opacity: .8
        }

        .feature-description .link-to {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin-top: 10px;
            color: #000
        }

        .ze-global {
            margin-top: -300px;
            position: relative;
            top: 400px
        }

        .ze-global .inner-section {
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/ze-global-bg.png);
            background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/ze-global-bg.png"));
            background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/ze-global-bg.png"));
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 20px;
            overflow: hidden
        }

        .ze-global .why-zoho-section {
            padding: 50px 40px;
            min-width: 340px
        }

        .why-zoho-section .title {
            padding-bottom: 30px;
            line-height: 40px;
            letter-spacing: -1px
        }

        .why-zoho-section .answer-section {
            padding: 29px 10px;
            gap: 23px
        }

        .why-zoho-section .answer-section,
        .why-zoho-section .icon-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .why-zoho-section .icon-wrapper {
            border: 1px solid #2d2d2d;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .why-zoho-section svg {
            width: 22px;
            fill: #fff
        }

        .why-zoho-section .answer-section .content div {
            font-size: 28px
        }

        .globe-video {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .globe-video video {
            border-radius: 50%
        }

        .article {
            max-width: 370px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #ededed;
            border-radius: 18px;
            padding: 30px 25px 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            gap: 15px
        }

        .articles {
            position: relative;
            padding-top: 90px
        }

        .articles>.d-flex {
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .article-heading {
            line-height: 28px;
            max-width: 270px;
            min-height: 65px
        }

        .testimonial-outer-container {
            background: #fff8f8;
            padding: 500px 0 50px
        }

        .testimonials-outer-wrapper .section-header {
            margin-bottom: 30px;
            text-align: center
        }

        .customer-testimonial-logos {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 30px;
            max-width: 47%;
            margin-left: auto;
            margin-right: 10px;
            border-bottom: 1px solid #f0e0e0;
            border-top: 1px solid #f0e0e0
        }

        .customer-testimonial-logos li {
            position: relative;
            height: 70px;
            overflow: hidden
        }

        .customer-testimonial-logos .btn {
            background: none;
            padding: 0;
            border-radius: 0;
            text-align: center;
            cursor: pointer;
            height: 100%;
            width: 100%;
            border-bottom: 1px solid rgba(0, 0, 0, 0);
            -webkit-transition: all .6s;
            transition: all .6s
        }

        .customer-testimonial-logos li.active .btn {
            border-bottom-color: #e6e6e6
        }

        .customer-testimonial-logos li .nav-loader {
            position: absolute;
            height: 2px;
            width: 100%;
            bottom: 0
        }

        .customer-testimonial-logos li.active .nav-loader {
            background-color: #fb4446
        }

        @-webkit-keyframes loader {
            0% {
                width: 0
            }

            to {
                width: 100%
            }
        }

        @keyframes loader {
            0% {
                width: 0
            }

            to {
                width: 100%
            }
        }

        .testimonial-container {
            position: relative
        }

        .customer-testimonial {
            opacity: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            width: 100%;
            top: 0;
            -webkit-transition: all .6s;
            transition: all .6s
        }

        .customer-testimonial.active {
            opacity: 1;
            position: relative
        }

        .testimonial-content {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            height: 380px;
            display: grid;
            grid-template-rows: auto 1fr auto
        }

        .testimonial-content svg {
            width: 20px;
            fill: #b5b5bd;
            margin-right: 3px;
            vertical-align: middle;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .testimonial-company-logo-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%
        }

        .testimonial-company-logo-wrapper:before {
            position: absolute;
            content: "";
            height: 100%;
            border-right: 1px dashed #e6e6e6;
            left: 24.9%;
            z-index: -1
        }

        .testimonial-quote {
            line-height: 36px;
            max-width: 700px;
            padding: 0 20px 20px 25px;
            margin: 0
        }

        .testimonial-person {
            text-transform: uppercase;
            padding: 25px 25px 10px
        }

        .testimonial-person-designation {
            text-transform: none
        }

        .testimonial-person .person-name {
            letter-spacing: 2px
        }

        .customer-satisfactions {
            border-top: 1px solid #f0e0e0;
            border-bottom: 1px solid #f0e0e0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            height: 100px
        }

        .customer-satisfactions:before {
            position: absolute;
            content: "";
            width: 100%;
            left: -100%;
            z-index: -1;
            top: -1px
        }

        .satisfaction {
            padding: 24px 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            gap: 5px;
            width: 160px
        }

        .satisfaction:not(:last-child) {
            border-right: 1px solid #f0e0e0
        }

        .satisfaction-rating {
            margin-bottom: 2px
        }

        .left-arrow {
            margin-right: 10px
        }

        .testimonials-inner-wrapper .slide-action-container {
            display: none
        }

        .slide-action-container .btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            padding: 5px
        }

        .slide-action-container svg {
            width: 12px;
            height: 12px;
            fill: #fff
        }

        .slide-action-container .btn:disabled {
            opacity: .3;
            pointer-events: none
        }

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

        .integration-cards .integration-inner-section {
            margin-bottom: 30px
        }

        .integration-cards>div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            overflow-x: hidden;
            position: relative;
            overflow-y: hidden
        }

        .integration-cards>div:before {
            content: "";
            width: 110px;
            height: 110px;
            position: absolute;
            left: 0;
            top: 0;
            background: linear-gradient(280deg, hsla(0, 0%, 90.2%, 0), #fff);
            z-index: 1
        }

        .integration-cards>div:after {
            content: "";
            width: 110px;
            height: 110px;
            position: absolute;
            right: 0;
            top: 0;
            background: linear-gradient(88deg, hsla(0, 0%, 90.2%, 0), #fff)
        }

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

        .integrations-animation-1>div,
        .integrations-animation-2>div {
            background-size: 1120px;
            width: 200px;
            height: 80px;
            background-color: #fefefe;
            border: 1px solid #efefef;
            border-radius: 10px;
            background-repeat: no-repeat;
            margin: 0 15px
        }

        .customers-logo {
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/integrations-sprite-1x.png);
            background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/integrations-sprite-1x.png") 1x, url("//cdn.zoho.com.cn/sites/zweb/images/expense/integrations-sprite-2x.png") 2x);
            background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/integrations-sprite-1x.png") 1x, url("//cdn.zoho.com.cn/sites/zweb/images/expense/integrations-sprite-2x.png") 2x);
            background-repeat: no-repeat
        }

        .sap {
            background-position: -22px -23px
        }

        .sage {
            background-position: -31px -128px
        }

        .mybiz {
            background-position: -31px -238px
        }

        .microsoft365 {
            background-position: -21px -340px
        }

        .zapier {
            background-position: -20px -450px
        }

        .zoho-cliq {
            background-position: 6px -555px
        }

        .quickbooks {
            background-position: -285px -23px
        }

        .icici-bank {
            background-position: -290px -240px
        }

        .hsbc-bank {
            background-position: -286px -344px
        }

        .zoho-crm {
            background-position: -264px -452px
        }

        .zoho-analytics {
            background-position: -250px -551px
        }

        .forte {
            background-position: -560px -24px
        }

        .uber-business {
            background-position: -550px -135px
        }

        .oracle {
            background-position: -545px -236px
        }

        .g-suite {
            background-position: -526px -345px
        }

        .zoho-books {
            background-position: -525px -453px
        }

        .zoho-payroll {
            background-position: -536px -638px
        }

        .zoho-projects {
            background-position: -540px -738px
        }

        .zoho-people {
            background-position: -534px -863px
        }

        .amazon {
            background-position: -830px -20px
        }

        .bolt-business {
            background-position: -828px -136px
        }

        .getthere {
            background-position: -828px -236px
        }

        .slack {
            background-position: -825px -341px
        }

        .taxback-international {
            background-position: -834px -448px
        }

        .way2vat {
            background-position: -828px -540px
        }

        .xero {
            background-position: -827px -643px
        }

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

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

        .integrations-animation-2 {
            -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 ze-customers-slideshow {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

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

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

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

        @-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%)
            }
        }

        .footer-section {
            text-align: center;
            padding: 80px 0
        }

        .footer-section p {
            margin: auto auto 30px;
            letter-spacing: -1.5px
        }

        .footer-section .ze-demo {
            border-color: #fff
        }

        .faq-container {
            margin: 160px auto 80px;
            position: relative;
            max-width: 900px
        }

        .faq-container .title {
            font-size: 22px;
            line-height: 35px;
            margin-bottom: 20px
        }

        .faq-container .faq {
            border-bottom: 1px solid #ededed;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .faq-container .faq.open {
            padding-bottom: 20px
        }

        .faq-container .faq-1 {
            border-top: 1px solid #ededed
        }

        .faq-container .question {
            padding: 10px 35px;
            position: relative;
            background-color: rgba(0, 0, 0, 0);
            width: 100%;
            text-align: left
        }

        .faq-container .question:after,
        .faq-container .question:before {
            position: absolute;
            content: "";
            width: 14px;
            height: 2px;
            -webkit-transition: -webkit-transform .4s ease;
            transition: -webkit-transform .4s ease;
            transition: transform .4s ease;
            transition: transform .4s ease, -webkit-transform .4s ease;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            top: 18px;
            left: 10px
        }

        .faq-container .question:after {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition-duration: .6s;
            transition-duration: .6s
        }

        .faq-container .faq.open .question:before {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

        .faq-container .faq.open .question:after {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        .faq-container .faq li:before {
            content: "-";
            margin: 0 .6em 0 1em
        }

        .faq-container .answer {
            -webkit-transition: max-height .4s ease;
            transition: max-height .4s ease;
            max-height: 0;
            overflow: hidden;
            padding: 0 35px
        }

        .btn {
            border-radius: 4px;
            border: 0;
            text-transform: none;
            letter-spacing: normal
        }

        .ze-access {
            background: #fb4446;
            background: -webkit-gradient(linear, left top, right top, from(#fb4446), to(#fb4446));
            background: linear-gradient(90deg, #fb4446, #fb4446);
            border: 1px solid #fb4446
        }

        .ze-access:hover {
            background: #e93e40;
            background: -webkit-gradient(linear, left top, right top, from(#e93e40), to(#e93e40));
            background: linear-gradient(90deg, #e93e40, #e93e40);
            border-color: #e93e40
        }

        .ze-demo {
            margin-left: 16px;
            background: rgba(0, 0, 0, 0);
            border: 1px solid #fff
        }

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

        .footer-section .highlight {
            color: #fb4446
        }

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

            .automate-feature-section>:not(.section-body),
            .faq-container,
            .section,
            .ze-global,
            .ze-journey {
                padding-left: 20px;
                padding-right: 20px
            }

            .testimonial-company-logo-wrapper:before {
                display: none
            }

            .testimonial-content {
                height: 370px
            }

            .article {
                max-width: 480px
            }

            .articles>.d-flex {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 30px
            }

            .article-heading {
                margin-bottom: 8px;
                min-height: auto
            }
        }

        @media screen and (max-width:1200px) {
            .animation-path-container {
                top: 0
            }
        }

        @media screen and (max-width:1280px) {
            .font-lg {
                font-size: 50px
            }

            .feature-description .feature-header {
                margin-top: 0
            }
        }

        @media screen and (max-width:1180px) {
            .customer-satisfactions {
                display: none
            }
        }

        @media screen and (max-width:1100px) {
            .ze-btn {
                display: unset
            }

            .ze-btn-inline,
            .zgh-signup-inline {
                display: none !important
            }

            .hero-section {
                background: #144fcc
            }

            .hero-section-inner {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                text-align: center;
                gap: 30px
            }

            .hero-section h1 {
                width: unset;
                max-width: 600px;
                padding-top: 0;
                margin: 0 auto
            }

            .hero-section p {
                margin: 10px auto 20px
            }

            .common-btn {
                text-align: center
            }

            .common-btn.ze-access {
                display: inline-block
            }

            .common-btn.ze-demo {
                text-decoration: none;
                padding: 15px 10px;
                border: 1px solid #fff;
                border-radius: 8px
            }

            .common-btn.ze-demo:hover {
                color: #000;
                background: #fff
            }

            .common-btn.ze-demo:after,
            .hero-content-wrapper .video-play-icon,
            .ze-signup-wrapper {
                display: none
            }

            .hero-image {
                width: unset;
                display: block;
                margin-left: 0
            }
        }

        @media screen and ((max-width:1024px) or (max-height:650px)) {
            .ze-journey-animation-wrapper {
                display: none
            }

            .testimonial-banner p.tab-mobile {
                display: block
            }

            .testimonial-banner p.desktop {
                display: none
            }

            .article {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0)
            }

            .automate-features {
                border-right: 0;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 20px
            }

            .automate-feature-card {
                margin: 0 auto;
                max-width: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0)
            }

            .automate-feature-card img {
                margin-top: auto
            }

            .automate-feature-section .section-body {
                border: 0
            }
        }

        @media screen and (max-width:1024px) {
            .testimonial-banner p.tab-mobile {
                display: none
            }

            .testimonial-banner p.desktop {
                display: block
            }

            .testimonial-banner .header-btn-container .ze-access,
            .testimonial-banner .header-btn-container .ze-demo {
                padding: 15px;
                text-align: center
            }
        }

        @media screen and (max-width:1000px) {
            .section-header {
                text-align: center
            }

            .jump-to-links {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .solution {
                max-width: 465px;
                -webkit-box-flex: 1;
                -ms-flex: auto;
                flex: auto
            }

            .solutions-container {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .expense-control-features .feature-wrapper {
                border: 0;
                gap: 30px
            }

            .expense-control-features .feature-image {
                border-right: 0;
                padding: 0;
                background-image: none
            }

            .expense-control-features .feature-description {
                padding: 20px 0;
                max-width: none
            }

            .testimonials-inner-wrapper {
                border: 0;
                padding-bottom: 25px;
                text-align: center;
                overflow-x: hidden
            }

            .testimonial-quote {
                margin-top: 0;
                margin-bottom: 25px
            }

            .testimonials-inner-wrapper .slide-action-container {
                display: block
            }

            .testimonial-container {
                -webkit-transition: -webkit-transform .6s;
                transition: -webkit-transform .6s;
                transition: transform .6s;
                transition: transform .6s, -webkit-transform .6s;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .customer-testimonial {
                display: block;
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                position: static;
                opacity: 1;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .testimonial-company-logo-wrapper {
                padding: 30px 0;
                border-right: 0
            }

            .testimonial-content {
                height: auto
            }

            .testimonial-person {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .testimonial-quote {
                margin: auto;
                padding: 0
            }

            .customer-testimonial-logos {
                display: none
            }
        }

        @media screen and (max-width:767px) {
            .hero-section h1 {
                font-size: 40px;
                line-height: 52px
            }

            .video-player .product-video {
                max-width: 100% !important
            }

            .inner-trusted-by-section {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                gap: 10px
            }

            .trusted-by-container {
                display: block
            }

            .trusted-by-container .title {
                text-align: center;
                -ms-flex-preferred-size: 10px;
                flex-basis: 10px;
                max-width: 280px
            }

            .trusted-by-wrapper.jockey {
                display: none
            }

            .zoho-expense-advantages-wrapper {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                text-align: center
            }

            .ze-advantages>div {
                border-left: 0;
                padding-left: 0
            }

            .advantage-value.font-medium {
                font-size: 30px
            }

            .advantage-description br {
                display: none
            }

            .automate-feature-card {
                max-width: 480px
            }

            .feature-container {
                border-bottom: 1px solid #ddd
            }

            .feature-header {
                max-width: -webkit-max-content;
                max-width: -moz-max-content;
                max-width: max-content
            }

            .nav {
                gap: 15px;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin: auto
            }

            .nav .nav-tab div:first-child {
                padding-bottom: 0
            }

            .nav .nav-loader {
                display: none
            }

            .nav .nav-tab {
                border-radius: 50px;
                -webkit-box-flex: 0;
                -ms-flex: 0 auto;
                flex: 0 auto;
                padding: 10px 20px
            }

            .nav .nav-tab.active {
                font-weight: 500
            }

            .font-medium {
                font-size: 28px
            }

            .section-header {
                padding-bottom: 40px;
                line-height: 34px
            }

            .testimonials-outer-wrapper {
                border-bottom: 0
            }

            .testimonials-header-section {
                display: none
            }

            .ze-global .inner-section {
                background-image: none;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .ze-global .why-zoho-section {
                padding-left: 30px;
                padding-right: 30px;
                min-width: auto
            }

            .ze-global .answer-section,
            .ze-global .title {
                border-bottom: 1px solid #242424
            }

            .globe-video {
                display: none
            }

            .footer-section {
                padding: 60px 20px
            }

            .card-expenses,
            .trip-itinerary-image {
                display: none
            }

            .testimonial-company-logo-wrapper img {
                max-width: 65%
            }

            .automate-features {
                grid-template-columns: 1fr !important
            }

            .expense-control-features .feature-wrapper {
                max-width: 480px;
                margin-left: auto;
                margin-right: auto
            }

            .expense-control-features .feature-wrapper.active {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-left: 0;
                margin-top: 0;
                background: none
            }

            .feature-wrapper.active {
                border-bottom: none
            }

            .footer-section p {
                font-size: 35px;
                line-height: 50px
            }
        }

        @media screen and (max-width:550px) {
            .font-lg {
                font-size: 40px
            }

            .hero-section h1 {
                font-size: 30px;
                line-height: 38px
            }

            .footer-section p {
                font-size: 30px
            }

            .common-btn {
                display: inline-block;
                width: 100%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .common-btn.ze-access {
                margin: 0 0 16px
            }

            .ze-demo {
                margin-left: 0;
                width: 100%
            }

            .ze-access {
                display: block
            }

            .ze-advantages {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                gap: 40px
            }
        }

        @media screen and (min-width:768px) and (max-width:1320px) {
            .article {
                max-width: none;
                gap: 30px;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .article-image {
                max-width: 420px
            }

            .article-content,
            .article-image {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }
        }

        @media screen and (max-width:481px) {
            .font-lg {
                font-size: 30px
            }

            .ze-demo[href*="expense/demo-request"] {
                display: block !important;
                width: auto
            }

            .footer-section p {
                line-height: 38px
            }
        }

        @media screen and (min-width:1200px) {
            .feature-description {
                padding-top: 125px !important
            }

            .customer-testimonial-logos {
                gap: 65px
            }
        }

        @media screen and (min-width:1001px) {
            .feature-description {
                padding-top: 100px
            }

            .expense-control-features .feature-wrapper.active {
                background: #fcfcfc
            }

            .customer-testimonial-logos .bg-container {
                background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/customer-testimonial-logos-1x.png);
                background-image: -webkit-image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/customer-testimonial-logos-1x.png") 1x, url("//cdn.zoho.com.cn/sites/zweb/images/expense/customer-testimonial-logos-2x.png") 2x);
                background-image: image-set(url("//cdn.zoho.com.cn/sites/zweb/images/expense/customer-testimonial-logos-1x.png") 1x, url("//cdn.zoho.com.cn/sites/zweb/images/expense/customer-testimonial-logos-2x.png") 2x);
                background-repeat: no-repeat;
                height: 100%;
                background-size: 586px 85px;
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
                opacity: .3;
                width: 115px;
                margin: auto
            }

            .customer-testimonial-logos .active .bg-container {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1
            }

            .customer-testimonial-logos .reddoorz .bg-container {
                background-position: 2px -6px
            }

            .customer-testimonial-logos .puma .bg-container {
                background-position: -185px -6px;
                width: 75px
            }

            .customer-testimonial-logos .iffco .bg-container {
                background-position: -340px -6px;
                width: 65px
            }

            .customer-testimonial-logos .scouts .bg-container {
                background-position: -490px -6px;
                width: 110px
            }

            .testimonial-company-logo-wrapper {
                position: relative;
                top: -72px
            }

            .feature-image {
                background-color: #002b6b
            }
        }

        @media screen and (min-width:1024px) {
            .automate-feature-section .section-header {
                margin: 0 auto 45px;
                padding-bottom: 0
            }

            .img-container {
                z-index: 1
            }
        }

        @media screen and (min-width:768px) {
            .expense-control-features .nav {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 10px
            }

            .nav-tab.mobile-nav {
                display: none
            }

            .horizontal-scroll-animation {
                overflow-x: hidden;
                -ms-flex-preferred-size: 0;
                flex-basis: 0
            }
        }

        #demorequest-slider {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .5);
            z-index: 1001;
            overflow-y: auto;
            opacity: 0;
            -webkit-transition: opacity .3s ease-in;
            transition: opacity .3s ease-in
        }

        #demorequest-slider.open {
            opacity: 1
        }

        .demorequest-form-wrapper {
            position: absolute;
            top: 0;
            right: -420px;
            background: #fff;
            padding: 30px 50px;
            width: 415px;
            -webkit-box-shadow: -7px 0 28px 0 rgba(0, 0, 0, .46);
            box-shadow: -7px 0 28px 0 rgba(0, 0, 0, .46);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: right .4s ease-in;
            transition: right .4s ease-in;
            min-height: 100%
        }

        #demorequest-slider.open .demorequest-form-wrapper {
            right: 0
        }

        .demorequest-form-wrapper .close-btn {
            padding: 7px 13px;
            border: 0;
            border-radius: 50%;
            background: #efefef;
            position: absolute;
            top: 10px;
            right: 10px;
            line-height: 1.5;
            font-size: 15px;
            cursor: pointer
        }

        .demorequest-form-title {
            font-weight: 700;
            font-size: 22px;
            line-height: 1.4
        }

        .demorequest-form {
            margin-top: 20px
        }

        .demorequest-form * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .select-placeholder {
            color: #999
        }

        .select-placeholder option {
            color: #000
        }

        .text-black {
            color: #000 !important
        }

        .demorequest-form .form-group div {
            width: 100%;
            display: inline-block
        }

        .demorequest-form .form-group span {
            position: absolute;
            top: -5px;
            right: -11px
        }

        .demorequest-form .form-group {
            position: relative;
            margin-bottom: 9px
        }

        .demorequest-form .form-control {
            padding: 9px 12px !important;
            border-radius: 0;
            border-color: #e6e6e6;
            height: 40px;
            -webkit-box-shadow: unset;
            box-shadow: unset
        }

        .demorequest-form .form-control:focus {
            border: 1px solid #226ed5;
            -webkit-box-shadow: unset;
            box-shadow: unset
        }

        .demorequest-form .form-control-static {
            padding: 0
        }

        .demorequest-form p {
            font-size: 14px;
            line-height: 22px;
            margin: 0
        }

        .demorequest-form .demo-submit-button {
            background-color: #e14946;
            border-color: #e14946;
            color: #fff;
            margin: 20px auto;
            width: 100%;
            display: block;
            padding: 7px 35px;
            border-radius: 2px;
            text-transform: none;
            font-weight: 600;
            letter-spacing: .2px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .demorequest-form .demo-submit-button:hover {
            background-color: #c31d19;
            border-color: #c31d19
        }

        form button,
        form input,
        form select,
        form textarea {
            font-family: inherit
        }

        select.dropdown {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        p.dropdown-arrow {
            position: relative;
            font-size: 14px;
            color: #555
        }

        p.dropdown-arrow:after {
            content: "";
            position: absolute;
            width: 6px;
            height: 6px;
            border-top: 2px solid #bfbfbf;
            border-left: 2px solid #bfbfbf;
            right: 22px;
            top: -22px;
            -webkit-transform: translateY(-50%) rotate(-135deg);
            -ms-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg)
        }

        #demorequest-slider .ze-source {
            display: none
        }

        @media screen and (max-width:480px) {
            .demorequest-form-wrapper {
                width: 100%
            }
        }
   
        #exit-modal {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .6);
            z-index: 1001;
            line-height: 1.8
        }

        #exit-modal.hide {
            opacity: 0
        }

        #exit-modal.open {
            opacity: 1
        }

        #exit-modal .main-content-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%
        }

        #exit-modal .close-btn {
            padding: 10px;
            border: 0;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            top: -20px;
            right: -30px;
            width: auto;
            min-width: auto
        }

        #exit-modal .close-btn img {
            display: block;
            width: 10px
        }

        #exit-modal .main-content {
            position: relative;
            width: 850px;
            background: #fff;
            border-radius: 20px;
            padding: 40px 40px 60px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        #exit-modal .main-content>div {
            background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/exit-modal-bg.svg) no-repeat bottom
        }

        .exit-modal-header {
            text-align: center
        }

        .exit-modal-header span {
            color: #c02434
        }

        #exit-modal .title {
            font-size: 33px;
            font-weight: 700;
            padding-top: 30px;
            line-height: 1.4
        }

        #exit-modal .title span {
            color: #c02434
        }

        #exit-modal .desc {
            font-size: 16px;
            width: 80%;
            margin: 0 auto;
            padding-top: 15px;
            line-height: 1.4
        }

        #exit-modal .btn-filled,
        #exit-modal .btn-outline:hover {
            background: #c02434;
            color: #fff;
            border: 1px solid #c02434
        }

        #exit-modal .btn-filled,
        #exit-modal .btn-outline {
            font-size: 15px;
            border-radius: 3px;
            margin-top: 25px
        }

        #exit-modal .btn-filled:hover,
        #exit-modal .btn-outline {
            background: #fcedee;
            color: #c02434;
            border: 1px solid #c02434
        }

        #exit-modal .btn-outline {
            margin-left: 20px
        }

        @-webkit-keyframes fade-in {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @keyframes fade-in {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @-webkit-keyframes fade-out {
            0% {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        @keyframes fade-out {
            0% {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        #exit-modal.fade-in {
            -webkit-animation: fade-in .5s ease;
            animation: fade-in .5s ease
        }

        #exit-modal.fade-out {
            -webkit-animation: fade-out .5s ease;
            animation: fade-out .5s ease
        }
   
        html {
            scroll-behavior: smooth
        }

        body,
        button {
            color: #000;
            font-family: Zoho Puvi, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            font-size: 14px;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        a:focus-visible {
            outline: revert;
            outline-offset: 2px
        }

        img {
            max-width: 100%;
            height: auto;
            -o-object-fit: contain;
            object-fit: contain;
            vertical-align: middle
        }

        body {
            overflow-x: hidden
        }

        .ze-product-header {
            line-height: normal
        }

        .ze-product-header *,
        .ze-product-header :after,
        .ze-product-header :before {
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        .clearfix:after,
        .clearfix:before {
            display: table;
            content: "";
            clear: both
        }

        .ze-product-header .ze-logo {
            background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/ze-white-logo.svg) no-repeat;
            float: left;
            height: 38px;
            padding: 0 0 0 40px;
            background-position: 0 0;
            width: 100px;
            margin: 8px 0 8px 20px
        }

        .ze-product-header.light .ze-logo {
            background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/ze-logo.svg) no-repeat
        }

        .ze-product-header .zgh-accounts * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .ze-product-header .zgh-user-box {
            padding: 7px 10px 0
        }

        .mobileview-menu-wrapper.show,
        .ze-product-header .zgh-login {
            display: block
        }

        .ze-product-header:not(.light) .zgh-login {
            -webkit-filter: invert(1);
            filter: invert(1)
        }

        .ze-product-header .zgh-signup,
        .ze-product-menu-wrapper {
            display: none
        }

        .mobile-view-menu {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            z-index: 100
        }

        .mobile-view-menu .ze-access-mobile {
            color: #000;
            background: #f1f1f1;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            font-size: 14px;
            font-weight: 600;
            border: none;
            border-radius: 0;
            text-align: center;
            text-transform: none;
            padding: 17px 0;
            margin: 0;
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

        .mobile-view-menu.on-scroll .ze-access-mobile {
            color: #fff;
            background: #fb4446
        }

        .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;
            display: block;
            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 {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            z-index: 99;
            display: none
        }

        .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 .menu-popup>ul {
            padding: 20px
        }

        .mobileview-menu-wrapper a,
        .mobileview-menu-wrapper button {
            color: #333;
            display: inline-block;
            width: 100%;
            padding: 6px 0;
            font-size: 17px;
            line-height: 1.5
        }

        .ze-dropdown-menu-list button {
            background-color: rgba(0, 0, 0, 0);
            border: none;
            text-align: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer
        }

        .ze-dropdown-menu-list button:after {
            content: "";
            display: block;
            height: 8px;
            width: 15px;
            background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/dropdown-arrow.svg) no-repeat;
            background-size: cover;
            -webkit-filter: brightness(0);
            filter: brightness(0);
            -webkit-transition: -webkit-transform .5s ease;
            transition: -webkit-transform .5s ease;
            transition: transform .5s ease;
            transition: transform .5s ease, -webkit-transform .5s ease
        }

        .ze-dropdown-menu-list button[aria-expanded=true]:after {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg)
        }

        .ze-mobile-dropdown-menu {
            max-height: 0;
            line-height: 1.8;
            padding-left: 10px;
            overflow: hidden;
            visibility: hidden;
            -webkit-transition: all .5s linear;
            transition: all .5s linear
        }

        .ze-mobile-dropdown-menu.show {
            max-height: 300px;
            visibility: visible
        }

        .ze-mobile-dropdown-menu a,
        .ze-mobile-dropdown-menu b {
            color: #000;
            font-size: 13px
        }

        .zcommon-link-container {
            padding-top: 5px;
            padding-bottom: 30px;
            border-top: 1px solid #efefef
        }

        .zcommon-link-container>span {
            padding: 8px 20px 3px;
            display: block
        }

        .zcommon-link-container>span a {
            font-size: 17px;
            line-height: 1.5;
            color: #333
        }

        @media screen and (min-width:768px) {
            .header {
                min-height: 66px
            }

            .ze-product-header-inner {
                max-width: 1280px;
                padding: 0 20px;
                margin: 0 auto
            }

            .ze-product-header .ze-logo {
                height: 44px;
                padding: 0 0 0 50px;
                margin: 13px 0
            }

            .mobile-view-menu,
            .mobileview-menu-wrapper.show,
            .ze-product-header .zgh-accounts {
                display: none
            }

            .ze-product-menu-wrapper {
                display: block;
                float: right;
                position: relative
            }

            .ze-product-menu>li {
                float: left;
                margin-left: 20px
            }

            .ze-product-menu>li:first-child {
                margin-left: 0
            }

            .ze-product-menu>li:after {
                content: "";
                display: block;
                width: 0;
                height: 3px;
                background-color: #f95b51
            }

            .ze-product-menu>li:focus-within:after,
            .ze-product-menu>li:hover:after {
                width: 100%;
                -webkit-animation: dropdownHover .3s ease forwards;
                animation: dropdownHover .3s ease forwards
            }

            @-webkit-keyframes dropdownHover {
                0% {
                    width: 0
                }

                to {
                    width: 100%
                }
            }

            @keyframes dropdownHover {
                0% {
                    width: 0
                }

                to {
                    width: 100%
                }
            }

            .ze-product-menu>li>a {
                color: #fff;
                display: inline-block;
                font-size: 14px;
                padding: 25px 0;
                cursor: pointer
            }

            .ze-product-header.light .ze-product-menu>li>a {
                color: #000
            }

            .ze-product-menu>li.selected>a {
                font-weight: 700
            }

            .ze-nav-dropdown>a:after {
                content: "";
                display: inline-block;
                height: 6px;
                width: 11px;
                background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/dropdown-arrow.svg) no-repeat;
                background-size: cover;
                vertical-align: middle;
                margin-left: 5px;
                -webkit-transition: -webkit-transform .5s ease;
                transition: -webkit-transform .5s ease;
                transition: transform .5s ease;
                transition: transform .5s ease, -webkit-transform .5s ease
            }

            .ze-product-header.light .ze-nav-dropdown>a:after {
                background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/dropdown-arrow-dark.svg) no-repeat
            }

            .ze-nav-dropdown:focus-within>a:after,
            .ze-nav-dropdown:hover>a:after {
                -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg)
            }

            .ze-nav-dropdown>div {
                position: absolute;
                top: 100%;
                right: 0;
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
                z-index: 1002;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                border: 1px solid #ebebeb;
                border-radius: 12px;
                -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
                box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
                overflow: hidden;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: opacity .5s ease;
                transition: opacity .5s ease
            }

            .ze-nav-dropdown .ze-nav-resources {
                right: -10px
            }

            .ze-nav-dropdown:focus-within>div,
            .ze-nav-dropdown:hover>div {
                opacity: 1;
                visibility: visible
            }

            .ze-nav-dropdown-left {
                background-color: #fff;
                padding: 20px 45px 30px
            }

            .ze-nav-resources .ze-nav-dropdown-left,
            .ze-nav-solutions .ze-nav-dropdown-left {
                padding-right: 120px
            }

            .ze-nav-list-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 100px
            }

            .ze-nav-title {
                color: #000;
                font-size: 14px;
                font-weight: 700;
                line-height: normal;
                padding: 10px 0;
                border-bottom: 1px solid #ebebeb;
                margin-bottom: 5px
            }

            .ze-nav-dropdown .ze-nav-list a {
                color: #000;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 8px 0;
                font-size: 13px
            }

            .ze-nav-dropdown .ze-nav-list a:focus-visible,
            .ze-nav-dropdown .ze-nav-list a:hover {
                color: #f95b51
            }

            .ze-nav-list a:before {
                content: "";
                display: block;
                height: 13px;
                width: 13px;
                background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/top-nav-icons.svg?v=1);
                background-size: 171px 148px;
                -webkit-filter: grayscale(1);
                filter: grayscale(1);
                margin-right: 10px
            }

            .ze-nav-list a:focus-visible:before,
            .ze-nav-list a:hover:before {
                -webkit-filter: grayscale(0);
                filter: grayscale(0)
            }

            .ze-nav-receipt:before {
                background-position: -10px -10px
            }

            .ze-nav-expense:before {
                background-position: -33px -10px
            }

            .ze-nav-mileage:before {
                background-position: -56px -10px
            }

            .ze-nav-perdiem:before {
                background-position: -79px -10px
            }

            .ze-nav-pettycash:before {
                background-position: -102px -10px
            }

            .ze-nav-reports:before {
                background-position: -125px -10px
            }

            .ze-nav-approvals:before {
                background-position: -148px -10px
            }

            .ze-nav-policies:before {
                background-position: -10px -33px
            }

            .ze-nav-rules:before {
                background-position: -33px -33px
            }

            .ze-nav-budgets:before {
                background-position: -56px -33px
            }

            .ze-nav-audit:before {
                background-position: -79px -33px
            }

            .ze-nav-reimbursement:before {
                background-position: -102px -33px
            }

            .ze-nav-travel:before {
                background-position: -125px -33px
            }

            .ze-nav-card:before {
                background-position: -148px -33px
            }

            .ze-nav-amex:before {
                background-position: -10px -56px
            }

            .ze-nav-expensing:before {
                background-position: -33px -56px
            }

            .ze-nav-automation:before {
                background-position: -56px -56px
            }

            .ze-nav-customization:before {
                background-position: -79px -56px
            }

            .ze-nav-collaboration:before {
                background-position: -102px -56px
            }

            .ze-nav-analytics:before {
                background-position: -125px -56px
            }

            .ze-nav-integrations:before {
                background-position: -148px -56px
            }

            .ze-nav-universities:before {
                background-position: -10px -79px
            }

            .ze-nav-it:before {
                background-position: -148px -79px
            }

            .ze-nav-consultants:before {
                background-position: -33px -79px
            }

            .ze-nav-healthcare:before {
                background-position: -56px -79px
            }

            .ze-nav-legal:before {
                background-position: -79px -79px
            }

            .ze-nav-nonprofits:before {
                background-position: -102px -79px
            }

            .ze-nav-manufacturing:before {
                background-position: -125px -79px
            }

            .ze-nav-ites:before {
                background-position: -148px -79px
            }

            .ze-nav-enterprises:before {
                background-position: -10px -102px
            }

            .ze-nav-markets:before {
                background-position: -33px -102px
            }

            .ze-nav-buisness:before {
                background-position: -56px -102px
            }

            .ze-nav-blogs:before {
                background-position: -79px -102px
            }

            .ze-nav-webinars:before {
                background-position: -102px -102px
            }

            .ze-nav-whatsnew:before {
                background-position: -125px -102px
            }

            .ze-nav-help:before {
                background-position: -148px -102px
            }

            .ze-nav-faq:before {
                background-position: -10px -125px
            }

            .ze-nav-forum:before {
                background-position: -33px -125px
            }

            .ze-nav-freecalc:before {
                background-position: -56px -125px
            }

            .ze-nav-videos:before {
                background-position: -79px -125px
            }

            .ze-nav-explore:before {
                background-position: -102px -125px
            }

            .ze-nav-academy:before {
                background-position: -125px -125px
            }

            .ze-nav-compare:before {
                background-position: -148px -125px
            }

            .ze-nav-dropdown .see-all-features {
                color: #f95b51;
                background-color: #ffe9e9;
                display: block;
                text-align: center;
                font-size: 12px;
                font-weight: 700;
                padding: 7px 0 !important;
                border-radius: 4px;
                margin-top: 20px
            }

            .ze-nav-dropdown .see-all-features svg {
                vertical-align: middle;
                -webkit-transform: translateX(3px);
                -ms-transform: translateX(3px);
                transform: translateX(3px);
                -webkit-transition: -webkit-transform .3s ease;
                transition: -webkit-transform .3s ease;
                transition: transform .3s ease;
                transition: transform .3s ease, -webkit-transform .3s ease
            }

            .ze-nav-dropdown .see-all-features:focus-visible svg,
            .ze-nav-dropdown .see-all-features:hover svg {
                -webkit-transform: translateX(7px);
                -ms-transform: translateX(7px);
                transform: translateX(7px)
            }

            .ze-nav-dropdown-right {
                background-color: #fff9f9;
                padding: 30px;
                border-left: 1px solid #ebebeb
            }

            .ze-nav-features .ze-nav-dropdown-right {
                display: none
            }

            .ze-nav-dropdown-right b {
                display: block;
                color: #000;
                font-size: 12px;
                font-weight: 700;
                line-height: 17px;
                letter-spacing: .04em;
                padding-top: 20px
            }

            .ze-product-menu .ze-nav-dropdown-right p {
                color: #000;
                max-width: 214px;
                font-size: 12px;
                font-weight: 500;
                line-height: 20px;
                padding: 20px 0 10px;
                margin: 0
            }

            .ze-nav-features .ze-nav-dropdown-right p {
                max-width: 256px
            }

            .ze-nav-resources .ze-nav-dropdown-right p {
                padding: 10px 0
            }

            .ze-nav-dropdown-right .ze-nav-link {
                color: #f95b51;
                text-decoration: underline;
                font-size: 12px;
                font-weight: 700;
                line-height: 13px;
                letter-spacing: .04em
            }

            .ze-nav-dropdown-right .ze-nav-link:after {
                content: "";
                display: inline-block;
                height: 6px;
                width: 6px;
                background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/dropdown-arrow-right.svg) no-repeat;
                background-size: cover;
                -webkit-transform: translateX(3px);
                -ms-transform: translateX(3px);
                transform: translateX(3px);
                -webkit-transition: -webkit-transform .3s ease;
                transition: -webkit-transform .3s ease;
                transition: transform .3s ease;
                transition: transform .3s ease, -webkit-transform .3s ease
            }

            .ze-nav-dropdown-right .ze-nav-link:focus-visible:after,
            .ze-nav-dropdown-right .ze-nav-link:hover:after {
                -webkit-transform: translateX(7px);
                -ms-transform: translateX(7px);
                transform: translateX(7px)
            }
        }

        @media screen and (min-width:992px) {
            .header {
                min-height: 75px
            }

            .ze-nav-features .ze-nav-dropdown-right {
                display: block
            }
        }

        @media screen and (min-width:1200px) {
            .ze-product-header.slide {
                background-color: #fff;
                border-bottom: none;
                position: fixed;
                z-index: 999;
                top: 0;
                width: 100%;
                -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, .1);
                box-shadow: 0 5px 16px rgba(0, 0, 0, .1);
                -webkit-animation: slideDown .5s ease-out;
                animation: slideDown .5s ease-out
            }

            @-webkit-keyframes slideDown {
                0% {
                    -webkit-transform: translateY(-100%);
                    transform: translateY(-100%)
                }

                to {
                    -webkit-transform: translateY(0);
                    transform: translateY(0)
                }
            }

            @keyframes slideDown {
                0% {
                    -webkit-transform: translateY(-100%);
                    transform: translateY(-100%)
                }

                to {
                    -webkit-transform: translateY(0);
                    transform: translateY(0)
                }
            }

            .ze-product-header.slide .ze-product-header-inner {
                padding: 0 20px
            }

            .ze-product-header.slide .ze-logo {
                background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/ze-logo.svg) no-repeat
            }

            .ze-product-header .zgh-accounts {
                line-height: 1.8;
                float: right
            }

            .ze-product-header.slide .zgh-accounts {
                display: block;
                padding: 15px 0 0 20px
            }

            .ze-product-header .zgh-login {
                display: none !important
            }

            .ze-product-header .zgh-signup {
                display: block;
                border-radius: 5px;
                margin-right: 0
            }

            .ze-product-header .zgh-user-box {
                padding: 0
            }

            .ze-product-menu>li {
                margin-left: 40px
            }

            .ze-product-header.slide .ze-product-menu>li>a {
                color: #000
            }

            .ze-product-header.slide .ze-nav-dropdown>a:after {
                background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/dropdown-arrow-dark.svg) no-repeat
            }
        }

        @media (prefers-reduced-motion:reduce) {
            html {
                scroll-behavior: auto
            }

            *,
            :after,
            :before {
                -webkit-transition: none !important;
                transition: none !important;
                -webkit-animation: none !important;
                animation: none !important
            }
        }
    
        .loading-progress,
        .login-new,
        .popup h3,
        .popup p,
        .za-country_code-container .ccodelabel {
            text-align: center
        }

        .popup {
            max-width: 450px;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            margin: auto;
            background: #fff;
            padding: 30px;
            z-index: 302;
            box-shadow: -2px 0 6px #666;
            -webkit-box-shadow: -2px 0 6px #666
        }

        .popup,
        .signin-loader {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

        .signin-loader {
            background: rgba(0, 0, 0, .4);
            z-index: 1000
        }

        .popup h3 {
            color: #555454;
            font-size: 20px;
            max-width: 400px;
            margin: 20px auto 8px
        }

        .popup p {
            color: #666;
            clear: both;
            margin: 10px 0;
            font-size: 12px;
            line-height: 18px
        }

        .loading-progress {
            width: 8%;
            margin: 0 auto
        }

        .loader {
            display: block !important;
            font-size: 10px;
            margin: 0;
            text-indent: -9999em;
            width: 5em;
            height: 5em;
            border-radius: 50%;
            background: #453e70;
            background: -webkit-gradient(linear, left top, right top, color-stop(10%, #453e70), color-stop(42%, rgba(69, 62, 112, 0)));
            background: linear-gradient(90deg, #453e70 10%, rgba(69, 62, 112, 0) 42%);
            position: relative;
            -webkit-animation: load3 1.4s linear infinite;
            animation: load3 1.4s linear infinite;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0)
        }

        .loader:after,
        .loader:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0
        }

        .loader:before {
            width: 50%;
            height: 50%;
            background: #453e70;
            border-radius: 100% 0 0 0
        }

        .loader:after {
            background: #fff;
            width: 75%;
            height: 75%;
            border-radius: 50%;
            margin: auto;
            bottom: 0;
            right: 0
        }

        @-webkit-keyframes load3 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        @keyframes load3 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        .signup-form-wrapper {
            font-size: 12px;
            line-height: normal
        }

        .signup-form .form-group {
            margin-bottom: 14px;
            position: relative
        }

        .signup-form .form-control {
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 48px;
            padding: 5px 12px 5px 17px;
            font-size: 14px;
            color: #000;
            background-color: #fff;
            border: 1px solid #d6d6d6;
            -webkit-transition: border .1s ease;
            transition: border .1s ease;
            border-radius: 8px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .change-country,
        .form-group label,
        .signup-btn,
        .social-links button,
        .za-country_code-container select,
        select.form-control {
            cursor: pointer
        }

        .signup-form #country.form-control,
        .signup-form #country_state.form-control {
            padding-left: 36px
        }

        .signup-form .form-control:disabled {
            background-color: hsla(0, 0%, 75.7%, .30196078431372547);
            border-color: hsla(0, 0%, 46.3%, .30196078431372547)
        }

        .signup-form .form-control::-webkit-input-placeholder {
            opacity: 0;
            -webkit-user-select: none;
            user-select: none
        }

        .signup-form .form-control::-moz-placeholder {
            opacity: 0;
            -moz-user-select: none;
            user-select: none
        }

        .signup-form .form-control:-ms-input-placeholder {
            opacity: 0;
            -ms-user-select: none;
            user-select: none
        }

        .signup-form .form-control::-ms-input-placeholder {
            opacity: 0;
            -ms-user-select: none;
            user-select: none
        }

        .signup-form .form-control::placeholder {
            opacity: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .change-country {
            font-size: 12px;
            background-color: rgba(0, 0, 0, 0);
            border: none;
            padding: 0;
            text-decoration: underline
        }

        .field-msg {
            display: none
        }

        .field-error .field-msg {
            display: block
        }

        .field-msg .error {
            color: #e00;
            font-size: 12px;
            display: block;
            padding: 4px 0 0 4px
        }

        .signup-form #rmobile::-webkit-input-placeholder,
        .signup-form .capch-text-field::-webkit-input-placeholder {
            opacity: 1;
            -webkit-user-select: auto;
            user-select: auto
        }

        .signup-form #rmobile::-moz-placeholder,
        .signup-form .capch-text-field::-moz-placeholder {
            opacity: 1;
            -moz-user-select: auto;
            user-select: auto
        }

        .signup-form #rmobile:-ms-input-placeholder,
        .signup-form .capch-text-field:-ms-input-placeholder {
            opacity: 1;
            -ms-user-select: auto;
            user-select: auto
        }

        .signup-form #rmobile::-ms-input-placeholder,
        .signup-form .capch-text-field::-ms-input-placeholder {
            opacity: 1;
            -ms-user-select: auto;
            user-select: auto
        }

        .signup-form #rmobile::placeholder,
        .signup-form .capch-text-field::placeholder {
            opacity: 1;
            -webkit-user-select: auto;
            -moz-user-select: auto;
            -ms-user-select: auto;
            user-select: auto
        }

        .signup-form .form-control:focus,
        .signup-form .form-control:hover {
            outline: 0;
            border: 1px solid #000
        }

        .signup-form .dropdown-arrow {
            position: relative;
            margin: 0
        }

        .dropdown-arrow:after {
            content: "";
            position: absolute;
            width: 6px;
            height: 6px;
            border-top: 2px solid #bfbfbf;
            border-left: 2px solid #bfbfbf;
            right: 22px;
            top: -24px;
            -webkit-transform: translateY(-50%) rotate(-135deg);
            -ms-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
            pointer-events: none
        }

        [class^=label-] {
            position: absolute;
            -webkit-transform: translateY(-32px) translateX(12px);
            -ms-transform: translateY(-32px) translateX(12px);
            transform: translateY(-32px) translateX(12px);
            font-size: 14px;
            line-height: 17px;
            color: #767676;
            padding: 0 6px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left
        }

        .label-country:before,
        .label-state:before,
        .za-country_code-container.label-phoneno:before,
        [class^=label-]:before {
            content: "";
            height: 12px;
            width: 12px;
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/input-icons.svg);
            background-size: 122px 12px;
            background-repeat: no-repeat;
            margin-right: 7px
        }

        .label-country:before,
        .label-state:before,
        .za-country_code-container.label-phoneno:before {
            display: block;
            position: absolute;
            top: 18px;
            left: 18px;
            pointer-events: none
        }

        .label-company-name:before {
            background-position: 0 0
        }

        .label-email:before {
            background-position: -22px 0
        }

        .label-password:before {
            background-position: -44px 0
        }

        .label-country:before {
            background-position: -66px 0
        }

        .label-state:before {
            background-position: -88px 0
        }

        .label-phoneno:before {
            background-position: -110px 0
        }

        .form-control:not(:-moz-placeholder-shown)~[class^=label-] {
            transform: translateY(-55px) translateX(14px) scale(.9);
            line-height: 16px;
            color: #000;
            background: #fff
        }

        .form-control:not(:-ms-input-placeholder)~[class^=label-] {
            -ms-transform: translateY(-55px) translateX(14px) scale(.9);
            transform: translateY(-55px) translateX(14px) scale(.9);
            line-height: 16px;
            color: #000;
            background: #fff
        }

        .form-control:focus~[class^=label-],
        .form-control:not(:placeholder-shown)~[class^=label-] {
            -webkit-transform: translateY(-55px) translateX(14px) scale(.9);
            -ms-transform: translateY(-55px) translateX(14px) scale(.9);
            transform: translateY(-55px) translateX(14px) scale(.9);
            line-height: 16px;
            color: #000;
            background: #fff
        }

        .form-control:not(:-moz-placeholder-shown)~[class^=label-]:before {
            filter: brightness(0)
        }

        .form-control:not(:-ms-input-placeholder)~[class^=label-]:before {
            filter: brightness(0)
        }

        .form-control:focus~[class^=label-]:before,
        .form-control:not(:placeholder-shown)~[class^=label-]:before {
            -webkit-filter: brightness(0);
            filter: brightness(0)
        }

        .za-country-container {
            display: none !important
        }

        .za-country-container.show {
            display: block !important
        }

        .country-state-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 15px
        }

        .country-state-container>* {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .signup-form .za-country_code-container input {
            padding-left: 90px
        }

        .za-country_code-container select {
            position: absolute;
            border: 0;
            width: 50px;
            left: 35px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            top: 16px;
            opacity: 0;
            z-index: 1
        }

        .za-country_code-container .ccodelabel {
            position: absolute;
            top: 16px;
            left: 10px;
            margin: 0 0 0 2px;
            font-size: 14px;
            color: #767676
        }

      /*  .ccodelabel:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 6px;
            height: 6px;
            border-top: 2px solid #bfbfbf;
            border-left: 2px solid #bfbfbf;
            margin: 2px 0 0 5px;
            -webkit-transform: translateY(-50%) rotate(-135deg);
            -ms-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg)
        }*/

        .za-country_state-container select {
            padding-right: 30px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .signup-form input[type=checkbox] {
            vertical-align: top;
            cursor: pointer
        }

        .za-newsletter-container,
        .za-tos-container {
            line-height: 18px
        }

        .za-tos-container {
            color: #727370
        }

        .za-newsletter-container,
        .za-tos-container a,
        .za-tos-container label {
            color: #444
        }

        .za-newsletter-container label {
            display: inline-block;
            width: 90%
        }

        .signup-btn {
            width: 100%;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            background: #fb4446;
            background: -webkit-gradient(linear, left top, right top, from(#fb4446), to(#fb4446));
            background: linear-gradient(90deg, #fb4446, #fb4446);
            border: 1px solid #fb4446;
            padding: 15px;
            border-radius: 8px
        }

        .signup-btn:hover {
            background: #e93e40;
            background: -webkit-gradient(linear, left top, right top, from(#e93e40), to(#e93e40));
            background: linear-gradient(90deg, #e93e40, #e93e40);
            border-color: #e93e40
        }

        .social-signup {
            border-top: 1px solid #e2e2e2;
            padding-top: 25px;
            margin-top: 25px
        }

        .social-signup p {
            color: #000;
            font-size: 12px;
            line-height: normal;
            margin: 0 0 10px
        }

        .social-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 10px
        }

        .social-links button {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            background: #fafafa;
            border: 1px solid #dadada;
            padding: 13px 0;
            border-radius: 8px;
            -webkit-transition: border .5s ease;
            transition: border .5s ease
        }

        .social-links button:hover {
            border-color: #999
        }

        [class^=social-icon-] {
            height: 22px;
            width: 22px;
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/social-icons.svg);
            background-repeat: no-repeat;
            background-size: 189px 22px;
            margin: 0 auto
        }

        .social-icon-google {
            background-position: 0 0
        }

        .social-icon-fb {
            background-position: -167px 0
        }

        .social-icon-linkedin {
            background-position: -83px 0
        }

        .social-icon-x {
            background-position: -125px 0
        }

        .social-icon-windows {
            width: 21px;
            background-position: -42px 0
        }

        .login-new {
            color: #333;
            font-size: 14px;
            margin-top: 25px
        }

        .login-new a {
            font-weight: 600
        }

        .signup-header {
            font-size: 16px;
            margin: 5px 0 20px
        }
   

        .ze-footer-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .ze-mobile-footer-section {
            padding: 0 20px;
            border-top: 1px solid #272727
        }

        .ze-footer-flex>span,
        .ze-mobile-footer-section button,
        .ze-mobile-footer-section h3 {
            color: grey;
            font-weight: 700;
            position: relative;
            text-align: left;
            text-transform: uppercase;
            letter-spacing: 1.5px
        }

        .ze-mobile-footer-section h3 {
            display: none
        }

        .ze-mobile-footer-section button {
            width: 100%;
            background-color: rgba(0, 0, 0, 0);
            padding: 20px 0;
            border: none;
            cursor: pointer
        }

        .ze-mobile-footer-section button:after {
            content: url(//cdn.zoho.com.cn/sites/zweb/images/expense/footer-dropdown.svg);
            position: absolute;
            right: 0;
            -webkit-transition: -webkit-transform .5s ease;
            transition: -webkit-transform .5s ease;
            transition: transform .5s ease;
            transition: transform .5s ease, -webkit-transform .5s ease
        }

        .ze-mobile-footer-section button[aria-expanded=true]:after {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg)
        }

        .ze-mobile-footer-section .ze-footer-dropdown {
            height: 0;
            overflow: hidden;
            visibility: hidden;
            -webkit-transition: all .7s ease;
            transition: all .7s ease;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px)
        }

        .ze-mobile-footer-section button[aria-expanded=true]+.ze-footer-dropdown {
            visibility: visible
        }

        nav.ze-footer-dropdown ul:first-child {
            margin-top: 10px
        }

        nav.ze-footer-dropdown li {
            line-height: 30px
        }

        nav.ze-footer-dropdown a {
            font-size: 13px;
            color: #aaa
        }

        .ze-resources-links li h4 {
            color: #bbb;
            font-weight: 800;
            font-size: 14px;
            text-shadow: none
        }

        .ze-platform-links a {
            display: inline-block;
            height: 38px;
            background-size: 574px 188px;
            margin: 20px 0 0
        }

        .ze-platform-links a:first-child {
            width: 110px;
            background-position: -166px -19px
        }

        .ze-platform-links a:last-child {
            width: 126px;
            background-position: -20px -20px;
            margin-left: 20px
        }

        .contactus-section div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 0 20px;
            margin-top: 20px
        }

        .contactus-section .mail-icon,
        .contactus-section .phone-icon {
            height: 44px;
            width: 44px;
            background-size: 574px 188px
        }

        .contactus-section .mail-icon {
            background-position: -296px -20px
        }

        .contactus-section .phone-icon {
            background-position: -360px -20px
        }

        .contactus-section a,
        .contactus-section span {
            color: #aaa;
            font-size: 13px;
            display: inline-block
        }

        .contactus-section a {
            line-height: normal
        }

        .contactus-section span {
            line-height: 20px
        }

        .ze-footer-edition-wrapper {
            padding: 20px;
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }

        .ze-footer-flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .ze-footer-flex>span {
            font-size: 12px
        }

        .ze-footer-edition-section {
            margin-bottom: 20px
        }

        .edition-section,
        .footer-social-links {
            margin: 20px 0 0
        }

        .edition-section {
            position: relative
        }

        .edition-section button {
            display: block;
            background-color: rgba(0, 0, 0, 0);
            width: 100%;
            border: none;
            text-align: start;
            cursor: pointer
        }

        .edition-section>button {
            background-color: #282828;
            padding: 15px 10px;
            border-radius: 8px;
            position: relative
        }

        .edition-section>button:after {
            content: "";
            display: block;
            height: 7px;
            width: 12px;
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/footer-dropdown.svg);
            position: absolute;
            top: 20px;
            right: 20px;
            -webkit-transition: -webkit-transform .5s ease;
            transition: -webkit-transform .5s ease;
            transition: transform .5s ease;
            transition: transform .5s ease, -webkit-transform .5s ease
        }

        .edition-section>button[aria-expanded=true]:after {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg)
        }

        .edition-section>button [class^=edition-image] {
            scale: 1.5;
            margin: 0 10px
        }

        [class^=edition-image] {
            background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/flags-sprite-1x.png);
            background-repeat: no-repeat;
            display: inline-block;
            height: 15px;
            width: 15px;
            background-size: 115px 61px;
            margin: 0 6px;
            vertical-align: middle
        }

        .edition-image-global {
            background-position: -59px -41px
        }

        .edition-image-au {
            background-position: -5px -41px
        }

        .edition-image-bh {
            background-position: -95px -5px
        }

        .edition-image-ca {
            background-position: -5px -23px
        }

        .edition-image-de-de {
            background-position: -23px -41px
        }

        .edition-image-in {
            background-position: -59px -5px
        }

        .edition-image-ke {
            background-position: -41px -23px
        }

        .edition-image-es-mx {
            background-position: -59px -23px
        }

        .edition-image-om {
            background-position: -41px -5px
        }

        .edition-image-sa {
            background-position: -23px -5px
        }

        .edition-image-ae {
            background-position: -95px -23px
        }

        .edition-image-uk {
            background-position: -5px -5px
        }

        .edition-image-us {
            background-position: -23px -23px
        }

        .edition-image-za {
            background-position: -77px -41px
        }

        .edition-image-en-sg {
            background-position: -41px -41px
        }

        .edition-label {
            color: #fff;
            vertical-align: middle
        }

        .edition-select-list {
            width: 100%;
            position: absolute;
            top: 110%;
            z-index: 2;
            height: 0;
            overflow: hidden;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            visibility: hidden
        }

        .edition-select-list.show {
            visibility: visible
        }

        .edition-select-list-inner {
            background-color: #222;
            border: 1px solid #4c4c4c;
            border-radius: 8px;
            overflow: hidden
        }

        .edition-select-list button {
            padding: 10px;
            border-bottom: 1px solid #4c4c4c
        }

        .edition-select-list .edition-select-list-col:last-child button:last-child {
            border-bottom: none
        }

        .edition-select-list button:focus-visible,
        .edition-select-list button:hover {
            background: #333
        }

        .edition-select-list button:disabled {
            background-color: #4c4949
        }

        .footer-social-links a {
            display: inline-block;
            height: 30px;
            width: 30px;
            vertical-align: middle;
            background-size: 574px 188px;
            margin-right: 10px
        }

        .footer-social-links a:first-child {
            background-position: -424px -20px
        }

        .footer-social-links a:nth-child(2) {
            background-position: -474px -20px
        }

        .footer-social-links a:nth-child(3) {
            background-position: -524px -20px;
            margin-right: 0
        }

        .other-finance-apps-wrapper {
            border-bottom: 1px solid #272727
        }

        .zf-apps-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .zf-apps-container a {
            display: block;
            height: 32px;
            margin-top: 30px;
            background-size: 574px 188px
        }

        .footer-books-logo {
            width: 87px;
            background-position: -20px -84px
        }

        .footer-inventory-logo {
            width: 120px;
            background-position: -126px -84px
        }

        .footer-billing-logo {
            width: 89px;
            background-position: -267px -84px
        }

        .footer-payroll-logo {
            width: 95px;
            background-position: -376px -84px
        }

        .footer-invoice-logo {
            width: 98px;
            background-position: -20px -136px
        }

        .footer-commerce-logo {
            width: 130px;
            background-position: -137px -136px
        }

        .footer-practice-logo {
            width: 123px;
            background-position: -287px -136px
        }

        .common-footer {
            padding: 40px 0 70px
        }

        .common-footer>ul {
            max-width: 100%;
            padding: 0;
            margin: 0 0 15px
        }

        .common-footer>ul,
        .common-footer li {
            overflow: visible
        }

        .common-footer li {
            border-left: 1px solid #202021
        }

        .common-footer .zlang-text,
        .common-footer li a,
        .common-footer p {
            color: grey
        }

        .common-footer p {
            font-size: 12px
        }

        .zlang-container .zlang-text:after {
            background-position: -258px 0 !important
        }

        .common-footer p {
            text-shadow: none
        }

        @media screen and (min-width:500px) {
            .edition-select-list-inner>div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .edition-select-list-col:first-child {
                border-right: 1px solid #4c4c4c
            }

            .edition-select-list-col {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

            .edition-select-list .edition-select-list-col:first-child button:last-child {
                border-bottom: none
            }

            .edition-select-list .edition-select-list-col:last-child button:last-child {
                border-bottom: 1px solid #4c4c4c
            }
        }

        @media screen and (min-width:768px) {
            .ze-footer-inner {
                padding: 70px 20px 0
            }

            .ze-mobile-footer-section {
                padding: 0 0 35px;
                border: none
            }

            .ze-mobile-footer-section h3 {
                display: block;
                font-size: 12px;
                line-height: normal;
                padding: 0 0 15px;
                border-bottom: 1px solid #272727;
                margin: 0
            }

            .ze-mobile-footer-section h3#footer-finance-apps-title {
                padding: 0;
                border-bottom: none;
                text-align: center
            }

            .ze-mobile-footer-section h3:after {
                content: "";
                display: block;
                height: 3px;
                width: 50px;
                background-color: #272727;
                position: absolute;
                bottom: -2px
            }

            .ze-mobile-footer-section h3#footer-finance-apps-title:after {
                display: none
            }

            .ze-mobile-footer-section button {
                display: none
            }

            .ze-mobile-footer-section .ze-footer-dropdown {
                overflow: visible;
                visibility: visible;
                height: 100% !important;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0)
            }

            nav.ze-footer-dropdown a {
                position: relative
            }

            nav.ze-footer-dropdown a:focus-visible,
            nav.ze-footer-dropdown a:hover {
                color: #fff
            }

            nav.ze-footer-dropdown a:after {
                content: "";
                width: 100%;
                height: 1px;
                background-color: #fff;
                position: absolute;
                left: 0;
                bottom: 0;
                -webkit-transition: -webkit-transform .7s ease;
                transition: -webkit-transform .7s ease;
                transition: transform .7s ease;
                transition: transform .7s ease, -webkit-transform .7s ease;
                -webkit-transform: scaleX(0);
                -ms-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transform-origin: left;
                -ms-transform-origin: left;
                transform-origin: left
            }

            nav.ze-footer-dropdown a:focus-visible:after,
            nav.ze-footer-dropdown a:hover:after {
                -webkit-transform: scaleX(1);
                -ms-transform: scaleX(1);
                transform: scaleX(1)
            }

            .ze-resources-links {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            nav.ze-footer-dropdown ul {
                margin-top: 10px;
                min-width: 197px
            }

            nav.ze-solutions-links>ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-top: 0;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .ze-footer-edition-wrapper {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 30px 0;
                border-top: 1px solid #272727
            }

            .ze-footer-edition-wrapper,
            .ze-footer-flex {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .ze-footer-flex {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                gap: 20px
            }

            .edition-section,
            .footer-social-links,
            .ze-footer-edition-section {
                margin: 0
            }

            .edition-section>button {
                width: 200px;
                border-radius: 30px
            }

            .edition-select-list {
                width: 400px
            }

            .other-finance-apps-wrapper {
                padding: 35px 0 0;
                border-top: 1px solid #272727;
                border-bottom: 1px solid #272727
            }

            .zf-apps-container {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 0 80px;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                max-width: 670px;
                margin: auto
            }
        }

        @media screen and (min-width:1024px) {
            .ze-footer-inner {
                max-width: 1280px;
                margin: auto
            }

            .ze-footer-nav-links {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                gap: 0 20px
            }

            .footer-primary-container {
                max-width: 860px;
                width: 100%
            }

            .ze-solutions-links ul {
                gap: 0 45px
            }

            .ze-footer-nav-links {
                padding-bottom: 20px
            }

            .footer-secondary-container {
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

            .footer-secondary-container .ze-mobile-footer-section:not(:last-child) {
                padding: 0 0 52px
            }

            .zf-apps-container {
                max-width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                gap: 0
            }
        }

        @media only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min-device-pixel-ratio:2),
        only screen and (min-resolution:2dppx),
        only screen and (min-resolution:192dpi) {
            [class^=edition-image] {
                background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/flags-sprite-2x.png)
            }
        }
    
        #demorequest-modal-wrapper {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .5);
            padding: 40px;
            z-index: 1001;
            overflow-y: auto;
            color: #20284d;
            display: none;
            opacity: 0
        }

        #demorequest-modal-wrapper.open {
            opacity: 1;
            display: block
        }

        .demorequest-modal-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .demorequest-left-section {
            border-radius: 6px 0 0 6px;
            background: #e1f1ff;
            padding: 50px 40px;
            width: 700px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center
        }

        .testimonial-carousel-title {
            font-size: 20px;
            padding-bottom: 20px
        }

        .testimonial-slider-wrapper {
            height: 300px;
            background-color: #fff;
            border-radius: 20px;
            padding: 40px 30px 20px;
            margin-bottom: 30px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        .demorequest-left-section .slide-content {
            display: none
        }

        .demorequest-left-section .slide-content.active {
            display: block
        }

        .slider-logo-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 30px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .slider-logo {
            background: url(//cdn.zoho.com.cn/sites/zweb/images/expense/customers-awards-sprite-2x.png) no-repeat;
            background-size: 800px 90px;
            margin-right: 20px;
            height: 40px;
            padding-bottom: 15px
        }

        .slider-logo.puma {
            width: 70px;
            background-position: -33px
        }

        .slider-logo.iffco {
            width: 92px;
            background-position: -149px
        }

        .slider-logo.tataplay {
            width: 68px;
            background-position: -297px
        }

        .slider-heading {
            text-align: left
        }

        .slider-heading h3 {
            font-size: 20px;
            font-weight: 600;
            padding: 0;
            margin: 0
        }

        .testimonial-slider-wrapper p {
            line-height: 2;
            font-size: 14px;
            padding: 0;
            margin: 0
        }

        .demorequest-left-section .dot {
            cursor: pointer;
            width: 8px;
            height: 8px;
            margin: 0 1px;
            background: #0075ad;
            border-radius: 50%;
            border: none;
            padding: 0;
            opacity: .6
        }

        .demorequest-left-section .dot.active {
            opacity: 1
        }

        .demorequest-left-section .rating-section {
            padding-top: 20px
        }

        .demorequest-left-section hr {
            border-top: 1px solid #b4d9ff
        }

        .demorequest-left-section .rating-section-title {
            margin-bottom: 30px
        }

        .demorequest-right-section {
            border-radius: 0 6px 6px 0;
            background: #fff;
            padding: 50px;
            width: 500px;
            position: relative;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .demorequest-right-section .close-btn {
            padding: 7px 10px;
            border: 0;
            border-radius: 50%;
            position: absolute;
            top: 18px;
            right: 20px;
            width: auto;
            min-width: auto;
            cursor: pointer;
            background-color: #efefef;
            font-size: 14px !important
        }

        #modal_demo_email_error,
        #modal_demo_location_error,
        #modal_demo_message_error,
        #modal_demo_name_error,
        #modal_demo_no_of_users_error,
        #modal_demo_phone_error,
        #modal_demo_zoho_expense_source_error,
        #modal_enterdigest_error,
        #modal_spin,
        .captcha-frame,
        .display-none {
            display: none
        }

        #modal_demo_message {
            height: 60px;
            margin-top: 0
        }

        .captcha-container {
            width: 50%;
            display: inline-block
        }

        #modal_spin {
            fill: #fff
        }

        .modal-enterdigest {
            width: 48%;
            display: inline-block
        }

        .agree-privacy-policy {
            font-size: 13px !important;
            text-align: center
        }

        .agree-privacy-policy a {
            text-decoration: underline
        }

        @media screen and (max-width:1111px) {
            .testimonial-slider-wrapper {
                height: 350px;
                padding: 40px 20px 0
            }

            .slider-logo-container {
                margin-top: 10px
            }
        }

        @media screen and (max-width:960px) {
            .demorequest-left-section {
                display: none
            }

            .demorequest-right-section {
                border-radius: 6px
            }
        }
    
        .video-player {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #fff;
            opacity: 0;
            padding: 120px 15px;
            z-index: 1001;
            -webkit-transition: opacity .3s;
            transition: opacity .3s
        }

        .video-player.hide {
            display: none
        }

        .video-player.open {
            opacity: 1
        }

        .video-player .product-video {
            max-width: 800px;
            margin: auto
        }

        .video-player .player {
            position: relative;
            padding-bottom: 56.25%;
            height: 0
        }

        .video-player .player iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .video-player .close {
            background: none;
            padding: 0;
            border: none;
            position: absolute;
            right: 32px;
            top: 32px;
            width: 32px;
            height: 32px;
            opacity: .3;
            -webkit-transition: opacity .25s;
            transition: opacity .25s;
            cursor: pointer
        }

        .video-player .close:hover {
            opacity: 1
        }

        .video-player .close:after,
        .video-player .close:before {
            top: 0;
            position: absolute;
            left: 15px;
            content: " ";
            height: 33px;
            width: 2px;
            background-color: #666
        }

        .video-player .close:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .video-player .close:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .video-player .social-media {
            line-height: normal;
            font-size: 13px;
            padding: 10px;
            text-align: right;
            border: 1px solid #ededed
        }

        .video-player .social-x-btn {
            display: inline-block;
            padding: 2px 8px;
            background-color: #000
        }

        @media screen and (min-width:767px) {
            .video-player {
                padding: 100px
            }
        }

/*signup form*/
.signup-box .za-tos-container{
    margin: 0;
}
.form-group{
    padding-bottom: 15px;
}
.form-group.za-phone-container{
    padding-bottom: 0px;
}
.sign-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    max-width: 1536px;
    height: 60px;
    width: 100%;
    display: block;
    top: 0
}

.product-name,.sign-in {
    position: absolute;
    left: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    border-bottom: 1px solid #e6ebf0
}

.sign-in {
    font-size: 15px;
    color: #aaa;
    left: 41%;
    margin-right: 1%;
    padding-right: 1%;
    text-align: right;
    background-color: #fff
}

.product-name {
    font-size: 24px;
    color: #000;
    margin-left: 1%;
    padding-left: 1%;
    right: 59%
}

.product-name a {
    display: inline-block
}

.product-name span {
    color: #fff;
    vertical-align: middle
}

.zoho-expense-logo {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 5px;
    display: inline
}

.expense-logo {
    display: none
}

.body-umain .signup-form {
    transition: top .5s ease;
    position: unset;
    padding: 0;
    width: 100%;
    text-align: left;
    max-width: 550px;
}

.signup-form {
    width: 100%;
    padding: 0;
    max-width: 550px
}

.signup-box #newsletter,.signup-box #tos {
    height: fit-content;
    left: 0;
    margin: 0;
    opacity: 1;
    position: absolute;
    top: 6px;
    width: fit-content
}

.signup-box input[type='email']:focus,.signup-box input[type='number']:focus,.signup-box input[type='password']:focus,.signup-box input[type='search']:focus,.signup-box input[type='tel']:focus,.signup-box input[type='text']:focus,.signup-box input[type='url']:focus,.signup-box textarea:focus,.signup-box .za-country-container .globalcountrycode-signup:focus,.signup-box .za-state-container .za-globalstate-signup:focus {
    outline: 0;
    box-shadow: 0 2px 0 #eb7c7c;
    border-color: #eee
}

.signup-box input[type='email'],.signup-box input[type='number'],.signup-box input[type='password'],.signup-box input[type='search'],.signup-box input[type='tel'],.signup-box input[type='text'],.signup-box input[type='url'],.signup-box textarea,.signup-box .za-country-container .globalcountrycode-signup,.signup-box .za-state-container .za-globalstate-signup,.za-select-container select#customselect {
    border: 1px solid #eee
}

.form-group.za-newsletter-container {
    display: none
}

.signup-link {
    width: 45%;
    margin: 0 auto;
    text-align: center
}

.signup-link p {
    padding: 15px 0;
    border-top: 1px solid #ddd
}

.sign_agree.form-group {
    margin-bottom: 25px
}

.signup-link a {
    color: #2386bc;
    display: inline-block
}

.signup-form h3 {
    font-weight: 300
}

p.comname-tip {
    font-size: 11px;
    margin: 0;
    padding-left: 1px;
    color: #000;
}

@media(min-width: 1537px) {
    body {
        font-size:20px
    }

    .sign-header {
        max-width: none
    }

    .product-name {
        margin-left: 15px;
        padding-left: 15px;
        max-width: 585px
    }

    .sign-in {
        left: 615px;
        margin-right: 15px;
        padding-right: 15px;
        font-size: 20px
    }
}

@media screen and (max-width: 1024px) {
    .signup-box {
        width:100%;
        float: none
    }

    .signup-link {
        width: 64%
    }

    .signup-form {
        width: 100%
    }

    .sign-header {
        background-color: #fff
    }

    .product-name,.sign-in {
        background-color: rgba(0,0,0,0)
    }

    .product-name span {
        color: #000;
        font-size: 22px
    }
}

@media screen and (max-width: 585px) {
    .signup-form {
        width:100%
    }

    .social-signup {
        text-align: center
    }

    .signup-link {
        width: 85%
    }
}

.login-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 420px;
    position: fixed;
    background-color: #221a32;
    background-image: url('//cdn.zoho.com.cn/sites/zweb/images/expense/sidebar-background-image-1x.png');
    background-size: cover;
    height: 100vh
}

.ze-logo {
    margin: 0 20px;
    padding: 12px 10px;
    width: 360px
}

.login-sidebar .content {
    max-width: 340px;
    margin-top: -32px;
    text-align: center;
    font-size: 14px
}

.login-footer {
    margin: 0 20px;
    color: #cfd1d7;
    border-top: 1px solid #5e556d
}

.login-footer h5 {
    position: relative;
    top: -12px;
    width: 53%;
    color: #7e818c;
    background-color: #271f38;
    margin: 0 auto;
    font-size: 12px;
    text-align: center
}

.login-footer ul {
    margin: 10px -10px 20px;
    text-align: center
}

.login-footer a {
    color: #cfd1d7
}

.login-footer li {
    display: inline-block;
    font-size: 13px;
    padding: 0 15px;
    margin-bottom: 5px
}

.login-footer li+li {
    border-left: 1px solid #5e556d
}

@media screen and (max-width: 1024px) {
    .login-sidebar {
        display:none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2) {
    .login-sidebar {
        background-image:url('//cdn.zoho.com.cn/sites/zweb/images/expense/sidebar-background-image-1x.png')
    }
}

.field-msg {
    text-align: left;
    width: 100%
}

.field-msg .error {
    color: #db6767;
    font-size: 12px
}

.field-error .error {
    display: inline-block !important
}

.field-error .form-control,.field-error .form-control:focus {
    box-shadow: 0 2px 0 #eb7c7c;
    border-color: none !important
}

.field-msg {
    display: none
}

.field-error .field-msg {
    display: block !important
}

.field-error :-moz-placeholder,.field-error :-ms-input-placeholder,.field-error ::-moz-placeholder,.field-error ::-webkit-input-placeholder,.field-error input {
    color: #db6767
}

.field-error .s-icon-name {
    background-position: -10px -523px
}

.field-error .s-icon-email {
    background-position: -8px -644px
}

.field-error .s-icon-pswd {
    background-position: -8px -768px
}

.field-error .s-icon-cname {
    background-position: -9px -584px
}

.field-error .s-icon-portal {
    background-position: -9px -827px
}

.field-error .s-icon-flag {
    background-position: -4px -1344px
}

.field-error .s-icon-phone {
    background-position: -9px -705px
}

.field-error .s-icon-country {
    background-position: -14px -768px
}

.field-error .s-icon-seg {
    background-position: -10px -949px
}

:-moz-placeholder,::-moz-placeholder {
    color: #999;
    font-weight: 400;
    font-size: 14px
}

::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
    font-weight: 200
}

:-ms-input-placeholder {
    color: #999;
    font-size: 14px;
    font-weight: 200
}

.field-error ::-webkit-input-placeholder {
    color: #db6767
}

.field-error :-ms-input-placeholder {
    color: #db6767
}

.field-error :-moz-placeholder,.field-error ::-moz-placeholder {
    color: #db6767
}

.za-domain-error {
    margin-left: 40px;
    font-size: 13px
}

.za-tos-container {
    font-size: 13px
}

.za-tos-container a {
    color: #298ff6
}

.za-tos-container .tos-checkbox,.za-tos-container .tos-label {
    cursor: pointer
}

.za-tos-container .tos-checkbox {
    float: left
}

.za-tos-container .tos-label {
    margin-left: 5px
}

.za-donami-error a {
    color: #298ff6;
    text-decoration: underline;
    cursor: pointer
}

.popup {
    max-width: 450px;
    height: 200px;
    margin: auto;
    background: #fff;
    padding: 30px;
    z-index: 302;
    box-shadow: -2px 0 6px #666;
    -webkit-box-shadow: -2px 0 6px #666
}

.popup,.signin-loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.signin-loader {
    background: rgba(0,0,0,0.4);
    z-index: 1000
}

.popup h3 {
    color: #555454;
    font-size: 20px;
    text-align: center;
    margin: 20px auto 8px
}

.popup p {
    color: #666;
    clear: both;
    margin: 10px 0;
    font-size: 12px;
    text-align: center;
    line-height: 24px
}

.loading-progress {
    width: 8%;
    margin: 0 auto;
    text-align: center
}

.loader {
    font-size: 10px;
    margin: 0;
    text-indent: -9999em;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    background: #453e70;
    background: linear-gradient(90deg,#453e70 10%,rgba(69,62,112,0) 42%);
    position: relative;
    animation: a 1.4s infinite linear;
    transform: translateZ(0)
}

.loader:before {
    width: 50%;
    height: 50%;
    background: #453e70;
    border-radius: 100% 0 0 0
}

.loader:after,.loader:before {
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.loader:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    right: 0
}

@keyframes a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.zoho-intro {
    width: 50%;
    display: table-cell;
    height: 100%;
    position: relative;
    box-shadow: 1px 0 2px #eee;
    vertical-align: middle
}

.signup {
    cursor: pointer
}

@media screen and (max-width: 990px) {
    .zoho-intro {
        display:none
    }
}

.signup-form {
    margin: 0 auto
}

.signup-form h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 30px
}

.signup-form .form-group {
    margin-bottom: 15px;
    position: relative
}

.text-semi-muted {
    color: #666
}

select.country-section {
    border-radius: 0;
    width: 324px;
    font-weight: lighter;
    font-family: Open Sans,arial;
    font-size: 13px;
    color: #d6d6d6;
    padding: 4px 0 4px 5px;
    border: 1px solid #e0e0e0;
    font-weight: 400;
    color: #444
}

.form-control {
    border: 1px solid #eee;
    padding: 5px 10px;
    width: 100%;
    height: 50px
}

select.form-control {
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none
}

.signup-form .form-group .select-drop-down {
    position: absolute;
    right: 14px;
    top: 20px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ddd
}

.form-control:focus {
    outline: 0;
    box-shadow: 0 2px 0 #eb7c7c
}

.signup-form .form-control:focus {
    border-color: #eee
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65
}

.btn {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    font-weight: 400;
    line-height: 1.42857143;
    border-radius: 2px;
    padding: 12px 25px;
    color: #fff
}

.signup-header {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 100px
}

.logged-in {
    background-color: #47c98e;
    width: 31%
}

.signup-btn {
    font-size: 18px;
    width: 100%;
    padding: 12px 0;
    background-color: #f36170
}

.signup-btn.active,.signup-btn:active,.signup-btn:focus,.signup-btn:hover {
    color: #fff;
    background-color: #f44557
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #428bca;
    border-color: #357ebd
}

.required {
    color: #fd4e4c
}

.social-signup {
    cursor: pointer;
    width: 97%
}

.social-signup p,.social-signup ul {
    color: #333;
    margin-bottom: 15px;
    display: inline-block
}

.social-signup ul {
    margin: 15px 0
}

.social-signup li:first-child {
    width: 100px;
    height: 47px
}

.social-signup li {
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    display: inline-block
}

.social-signup li+li {
    margin-left: 15px
}

[class^='social-icon-'] {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/expense/social-signin-1x.png);
    background-repeat: no-repeat;
    background-size: 251px 150px;
    display: inline-block
}

.social-icon-google {
    background-position: -3px -81px;
    width: 112px;
    height: 47px
}

.social-icon-yahoo {
    background-position: -44px -12px;
    width: 21px;
    height: 21px
}

.social-icon-fb {
    background-position: -73px -12px;
    width: 21px;
    height: 21px
}

.social-icon-linkedin {
    background-position: -103px -12px;
    width: 21px;
    height: 21px
}

.social-icon-twitter {
    background-position: -133px -12px;
    width: 21px;
    height: 21px
}

.social-icon-windows {
    background-position: -165px -13px;
    width: 18px;
    height: 18px
}

@media screen and (max-width: 767px) {
    .popup {
        width:50%;
        height: 300px
    }

    .z-non-testimonial .signup-form,.other-lang .signup-form {
        padding: 20px 20px 30px
    }
}

@media screen and (max-width: 1400px) and (min-width:1000px) {
    .social-signup ul {
        margin-top:0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2) {
    [class^='social-icon-'] {
        background-image:url(//cdn.zoho.com.cn/sites/zweb/images/expense/social-signin-2x.png)
    }
}

@media screen and (max-width: 500px) {
    .product-name,.sign-in {
        font-size:14px;
        left: 0;
        right: 0
    }

    .product-name {
        z-index: 2
    }

    .expense-logo {
        display: inline;
        position: relative;
        top: 10px;
        left: 5px
    }

    .product-name span {
        display: none
    }
}

@media(max-width: 400px) {
    .product-name span {
        display:none
    }
}

/*signup form end*/

.ze-btn {
    display: none;
}
.ze-access {
    background: #fb4446;
    background: -webkit-gradient(linear, left top, right top, from(#fb4446), to(#fb4446));
    background: linear-gradient(90deg, #fb4446, #fb4446);
    border: 1px solid #fb4446;
}
/*.ze-demo[href*="/expense/request-demo.html"] {
    display: none !important;
}*/

::placeholder{
  color: #666; 
  opacity: 1;
  font-size: 14px;
}

.form-control::placeholder {
  color: #666 !important; 
  opacity: 1 !important; 
  font-size: 14px !important; 
}

.country-state-container, #data-center-name, .change-country, .label-company-name , .label-email, .label-password, .form-group.za-phone-container.field-error, .form-group.za-phone-container.added-placeholder{display: none!important;}
#tos-error{padding-left: 15px;}
.signup-box .za-country_code-container select{display: none;}
.ccodelabel{ width: 34px;   position: absolute;    left: 15px;   top: 14.5px;   font-size: 15px;   color: #555;}
.signup-box .za-country_code-container input[type='text']{ padding-left: 80px;}
.form-group.za-rmobile-container{height: 45px;}
#rmobile-error.error { margin-top: 48px;}
.signup-box .za-tos-container .field-msg{margin-top: 0;}