.indicators .left, .indicators .right{
   position: relative;
}
.indicators .left{
    margin-right: 10px;
    transform: rotate(180deg);
}
.indicators .left:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    transform: rotate(135deg);
    border-left: 0;
    border-top: 0;
    top: 14px;
    right: 13px;
}
.indicators .right:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    transform: rotate(134deg);
    border-left: 0;
    border-top: 0;
    top: 16px;
    right: 12px;
}
/* style 1 */

.zw-product-header {
    background: #ffe4de;
    top: 0;
    position: relative;
}

b {
    font-weight: 600
}

img {
    max-width: 100%;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.address h2,
.link,
.link:active,
.link:focus,
.link:hover,
.resources-part .learnmore,
.sub-feature a {
    color: #00add5
}

/* .common-footer ul {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
} */

.zlang-container .zlang-container-inner ul li {
    float: none
}

.edition-select-box a {
    display: block;
    padding: 10px;
    position: relative
}

.edition-select-box .edition-dropdown b {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/common-sprite-1x.png?v=5);
    background-size: 162px 421px;
    background-position: -99px -400px;
    display: block;
    width: 9px;
    height: 5px;
    margin-top: 15px
}

.edition-select-box .edition-dropdown b.open-caret {
    background-position: -87px -400px;
    width: 9px;
    height: 5px
}

.edition-col-4 button {
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

.edition-select-list button:hover {
    background-color: #f5f5f5
}

@-webkit-keyframes bump {
    0% {
        bottom: 0
    }

    25% {
        bottom: .5em
    }

    50% {
        bottom: 0
    }

    75% {
        bottom: .5em
    }

    to {
        bottom: 0
    }
}

@keyframes bump {
    0% {
        bottom: 0
    }

    25% {
        bottom: .5em
    }

    50% {
        bottom: 0
    }

    75% {
        bottom: .5em
    }

    to {
        bottom: 0
    }
}

.contact-form .form-group p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    cursor: pointer
}

.contact-form .form-group div {
    width: 90%;
    display: inline-block
}

.contact-form .form-group span {
    position: absolute;
    padding-left: 20px
}

.available-on img {
    height: 35px
}

@-webkit-keyframes bounce {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0)
    }

    25%,
    75% {
        -webkit-transform: translateY(-5px)
    }
}

@keyframes bounce {

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

    25%,
    75% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.other-finance-apps li:first-child {
    float: none;
    position: absolute;
    width: 20%;
    top: -7px;
    left: 50%;
    background-color: #fff;
    text-align: center;
    margin-left: -150px
}

.other-finance-apps li {
    min-width: 230px;
    width: 20%;
    display: inline-block;
    padding: 20px
}

.social-media p {
    font-size: 14px;
    line-height: 20px;
    text-align: right
}

.social-fb-btn .social-media-btn-icon path,
.social-twitter-btn .social-media-btn-icon {
    fill: #fff
}

/* .footer {
    background-color: #fff
}

.footer-links ul {
    position: relative;
    padding-left: 3%;
    padding-right: 1.2%;
    overflow: visible
}

.footer-links ul:nth-child(4n+1) {
    clear: both;
    padding-left: 3%
}

.footer-banner-content>a {
    display: block;
    max-width: 650px;
    margin: auto
} */

.contact-us li:not(:first-child) {
    width: 30%
}

.signupnow-button a:hover {
    background: #e03d34
}

.get-started a {
    color: #fff;
    position: relative;
    z-index: 2
}

.get-started a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: -1
}

.get-started a:hover {
    color: #00add5
}

.get-started a:hover:after {
    width: 100%
}

.modal-edition-box-content h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 2
}

.drop-up-trigger>div {
    display: inline-block
}

.drop-up div {
    color: #fff;
    float: left;
    text-align: center;
    width: 100%
}

.stickyform-container span {
    float: left
}

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

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

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

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

.stickyform-container li {
    display: block;
    padding: 16px 16px 16px 25px;
    border-bottom: 1px solid #f6f6f6;
    cursor: pointer;
    text-align: left
}

.stickyform-container li:last-child {
    border-bottom: none
}

.stickyform-container .sticky-icon+a {
    color: #333;
    background-color: #fcfcfc;
    display: block;
    padding-left: 40px
}

.stickyform-container textarea.form-control {
    padding-bottom: 0
}

@media screen and (max-width: 1000px) {
    .contact-us li:not(:first-child) {
        width: 48%
    }
}

@media screen and (max-width: 900px) {
    .edition-select-list .edition-col-4 button {
        border-right: none
    }
}

@media screen and (max-width: 800px) {
    /* .footer-links ul {
        float: left;
        min-height: 10px;
        padding: 15px 3% 0 !important
    } */

    .other-finance-apps li:first-child {
        margin-left: -120px
    }
}

@media screen and (max-width: 750px) {
    .resources-part li em {
        display: none
    }

    /* .footer-three-col ul {
        width: 27%
    } */
}

/* @media screen and (max-width: 700px) {
    .footer-three-col ul {
        padding: 20px 0 !important;
        width: 100%;
        min-height: 20px
    }

    .footer-three-col ul:last-child {
        width: 100%
    }
} */

@media screen and (max-width: 650px) {
    .resources-part li {
        width: 90%
    }
}

body {
    font-family: Zoho Puvi, -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
    line-height: 1.8
}

.form-input,
.sub-email,
body {
    font-weight: 400
}

h1 {
    color: #000;
    line-height: 56px;
    text-shadow: none;
    font-size: 46px;
    letter-spacing: .1px
}

.plan-data span,
h1 {
    font-weight: 700
}

.get-started-btn,
.primary-btn,
.secondary-btn,
h2 {
    font-size: 38px;
    font-weight: 600;
    color: #000
}

h3 {
    margin: 1em 0;
    font-size: 28px;
    font-weight: 600
}

h4 {
    font-size: 26px
}

p {
    font-size: 20px;
    line-height: 32px
}

.banner-section,
.zi-product-header {
    background-color: #ffe4de
}

.mobile-banner-img,
.ng-tab,
img.mb-desktop,
img.mb-mobile,
img.mb-tab {
    display: none
}

.banner-section {
    padding-bottom: 80px
}

.banner-container {
    max-width: 1350px;
    padding: 100px 100px 0;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner-description {
    width: 60%
}

.banner-description h1 {
    font-size: 50px;
    line-height: 58px;
    width: 485px;
    margin-bottom: 0
}

.banner-description p {
    font-size: 16px;
    padding: 20px 0;
    line-height: 32px;
    width: 75%
}

.banner-img {
    width: 70%;
    position: relative;
    margin-top: -50px;
    text-align: right
}

.banner-img .desktop-img {
    max-width: 570px
}

.delivered,
.packed,
.sales-order,
.shipped,
.total-so {
    position: absolute;
    -webkit-animation: float 3s infinite forwards;
    animation: float 3s infinite forwards
}

.banner-description .mobile-apps-btn,
.know-zom-desc .mobile-apps-btn {
    display: none
}

div.edition-col-4 button,
div.edition-select-list,
ul.zoho-privacy>li:first-child {
    background-color: #231e23
}

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

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

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

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

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

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

.sales-order {
    width: 25%;
    top: 6%;
    left: 19%;
    -webkit-animation: float 4s infinite forwards;
    animation: float 4s infinite forwards
}

.total-so {
    width: 21%;
    top: 35px;
    right: 6%;
    -webkit-animation: float 3.5s infinite forwards;
    animation: float 3.5s infinite forwards
}

.packed {
    width: 22%;
    top: 54%;
    left: 25%;
    -webkit-animation: float 3.2s infinite forwards;
    animation: float 3.2s infinite forwards
}

.shipped {
    width: 22%;
    bottom: 45%;
    right: 0;
    -webkit-animation: float 3.3s infinite forwards;
    animation: float 3.3s infinite forwards
}

.delivered {
    width: 22%;
    bottom: 27%;
    right: 10%;
    -webkit-animation: float 3.4s infinite forwards;
    animation: float 3.4s infinite forwards
}

.banner-description h1 span {
    color: #fa393a;
    display: block
}

.primary-btn,
.secondary-btn {
    display: inline-block;
    padding: 15px 30px;
    margin-top: 15px;
    letter-spacing: .5px;
    line-height: 1.44;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase;
    background-color: #fa393a;
    border: 0;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.primary-btn:hover {
    background-color: #d32c3e
}

.secondary-btn:hover {
    background-color: #ffede9
}

.secondary-btn {
    background-color: #fff;
    margin-left: 15px;
    color: #fa393a;
    border: 1px solid #ecbeb5
}

.trusted-brands-section {
    max-width: 1350px;
    margin: 140px auto 120px;
    text-align: center;
    padding: 0 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.recognized-by-sec>span,
.trusted-brands-section p {
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 40px;
    letter-spacing: 1.5px
}

.recognized-by-sec>span {
    display: block;
    text-align: center;
    margin: auto auto 15px
}

.promo-logos-section {
    padding: 5px 0;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.promo-logos span {
    display: block;
    width: 185px;
    height: 80px;
    color: rgba(0, 0, 0, 0);
    background-size: 1250px 819px;
    background-repeat: no-repeat;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .35s;
    transition: all .35s;
    padding: 0 33px;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/testimonials-sprite-2x.png)
}

.animate .promo-logos span {
    -webkit-animation: scaleup .35s forwards;
    animation: scaleup .35s forwards
}

@-webkit-keyframes scaleup {
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes scaleup {
    to {
        -webkit-transform: scale(1)
    }
}

.animate .element span {
    background-position-x: -38px;
    background-position-y: -45px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.animate .snakebyte span {
    background-position-x: -244px;
    background-position-y: -48px;
    /* width: 150px; */
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}

.animate .rapido span {
    background-position-x: -455px;
    background-position-y: -42px;
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}

.animate .velray span {
    background-position-x: -648px;
    background-position-y: -42px;
    -webkit-animation-delay: .46s;
    animation-delay: .46s
}

.animate .motherwell span {
    background-position-x: -840px;
    background-position-y: -45px;
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}

.animate .bear span {
    background-position-x: -1035px;
    background-position-y: -45px;
    -webkit-animation-delay: .66s;
    animation-delay: .66s;
    /* width: 150px; */
}

.animate .aetheion span {
    background-position-x: -34px;
    background-position-y: -135px;
    -webkit-animation-delay: .77s;
    animation-delay: .77s
}

.animate .alloygator span {
    background-position-x: -242px;
    background-position-y: -132px;
    -webkit-animation-delay: .88s;
    animation-delay: .88s;
    /* width: 160px; */
}

.animate .vicenzo span {
    background-position-x: -455px;
    background-position-y: -132px;
    -webkit-animation-delay: .99s;
    animation-delay: .99s
}

.animate .boheco span {
    background-position-x: -645px;
    background-position-y: -130px;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.animate .miller span {
    background-position-x: -840px;
    background-position-y: -130px;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.animate .maxmarine span {
    background-position-x: -1030px;
    background-position-y: -130px;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    width: 180px;
}

.promo-logos-section img {
    padding: 0 20px;
    width: 140px
}

.next-gen-software {
    max-width: 1350px;
    margin: 60px auto;
    text-align: center;
    position: relative
}

.manage-inventory-container h2,
.next-gen-software h2 {
    font-size: 44px;
    line-height: 54px
}

.next-gen-software h2 {
    margin-bottom: 30px
}

.next-gen-software img {
    -webkit-transition: all .8s;
    transition: all .8s;
    max-width: 80%
}

.integration-section li {
    margin: 0 18px;
    width: 110px;
    height: 100px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 11px 1px #e9e9e9;
    box-shadow: 1px 1px 11px 1px #e9e9e9;
    -webkit-transition: all .3s;
    transition: all .3s
}

.integration-section li:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.integration-section {
    margin: 140px auto;
    text-align: center;
    position: relative;
    overflow: hidden
}

.integration-section p,
.know-zom-desc p,
.manage-inventory-container>p,
.next-gen-software p,
.sales-shipping-container>p,
.sales-shipping>p,
.shipping-sec>p,
.why-zom-desc p {
    font-size: 15px;
    font-weight: 600;
    color: #fa393a;
    text-transform: uppercase;
    padding-bottom: 10px;
    letter-spacing: 1.8px
}

.integration-section h2 {
    width: 60%;
    font-size: 44px;
    line-height: 54px;
    margin: auto auto 50px
}

.integrations-sliding {
    height: 100px;
    margin: 40px 0;
    position: relative
}

.integration-list-container {
    max-width: 1350px;
    margin: 0 auto;
    overflow: hidden
}

.integrations-sliding:after {
    content: "";
    position: absolute;
    right: 0;
    width: 10%;
    height: 106px;
    background-color: #fff;
    top: -3px;
    opacity: .9;
    -webkit-box-shadow: 2px 2px 20px 20px #fff;
    box-shadow: 2px 2px 20px 20px #fff
}

.integrations-sliding:before {
    content: "";
    position: absolute;
    left: 0;
    width: 10%;
    height: 106px;
    background-color: #fff;
    top: -5px;
    opacity: .9;
    -webkit-box-shadow: 2px 2px 20px 20px #fff;
    box-shadow: 2px 2px 20px 20px #fff;
    z-index: 2
}

.integration-apps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    position: absolute
}

.integration-apps-1 {
    -webkit-animation-name: sliding-1;
    animation-name: sliding-1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.integration-apps-2 {
    -webkit-animation-name: sliding-2;
    animation-name: sliding-2;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.integration-apps-1,
.integration-apps-2 {
    -webkit-animation-duration: 20s;
    animation-duration: 20s
}

.integration-apps-3 {
    -webkit-animation-name: sliding-3;
    animation-name: sliding-3;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.integration-apps-4 {
    -webkit-animation-name: sliding-4;
    animation-name: sliding-4;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.integration-apps-3,
.integration-apps-4 {
    -webkit-animation-duration: 20s;
    animation-duration: 20s
}

.integ-anticlockwise:hover>.integration-apps,
.integ-clockwise:hover>.integration-apps {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.shipping-sec {
    max-width: 1350px;
    margin: 90px auto;
}

.shipping-sec>p {
    text-align: center
}

.shipping-sec h2 {
    width: 60%;
    margin: auto auto 35px;
    text-align: center;
    font-size: 44px;
    line-height: 54px
}

.shipping-sec-integ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.shipping-sec-integ li {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    padding: 0 45px
}

.integration-apps span,
.shipping-sec-integ span {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    background-size: 1800px 246px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.shipping-sec-integ span {
    height: 65px;
    color: rgba(0, 0, 0, 0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.animate .shipping-sec-integ span {
    -webkit-animation: scaleup .5s forwards;
    animation: scaleup .5s forwards
}

.animate .royal-mail span {
    background-position-x: -292px;
    background-position-y: -171px
}

.animate .royal-mail span,
.animate .ups span {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.animate .ups span {
    background-position-x: -426px;
    background-position-y: -101px;
    width: 70px
}

.animate .usps span {
    background-position-x: -147px;
    background-position-y: -102px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    width: 122px
}

.animate .singapore.post span {
    background-position-x: -7px
}

.animate .ninjavan span,
.animate .singapore.post span {
    background-position-y: -174px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    width: 122px
}

.animate .ninjavan span {
    background-position-x: -147px
}

.animate .dhl span {
    background-position-x: -8px;
    background-position-y: -101px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    width: 112px
}

.animate .aramex span {
    background-position-x: -297px;
    background-position-y: -101px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    width: 100px
}

.animate .fed span {
    background-position-x: -668px;
    background-position-y: -101px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.animate .capost span {
    background-position-x: -525px
}

.animate .auspost span,
.animate .capost span {
    background-position-y: -102px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    width: 110px
}

.animate .auspost span {
    background-position-x: -815px
}

.animate .fedex span {
    background-position-x: -663px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.animate .dpd span,
.animate .fedex span {
    background-position-y: -102px;
    width: 110px
}

.animate .dpd span {
    background-position-x: -962px;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.play-btn-container:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #fa393a;
    border-radius: 50%;
    -webkit-animation: pulse-border 1.5s ease-in-out infinite;
    animation: pulse-border 1.5s ease-in-out infinite
}

.promo-sec-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.play-btn-container:hover:before {
    -webkit-animation: none;
    animation: none
}

.play-btn-container:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.play-btn-container:hover:after,
.play-btn-container:hover:before {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0);
    width: 180px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@-webkit-keyframes pulse-border {
    0% {
        background-color: rgba(0, 0, 0, 0);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    to {
        background-color: #d32c3e;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        background-color: rgba(0, 0, 0, 0);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    to {
        background-color: #d32c3e;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.mailchimp span {
    background-position-x: -10px;
    background-position-y: 0
}

.xero span {
    background-position-x: -102px;
    background-position-y: 3px
}

.sg.post span {
    background-position-x: -11px;
    background-position-y: -151px
}

.twilio span {
    background-position-x: -196px;
    background-position-y: 2px
}

.ebay span {
    background-position-x: -290px;
    background-position-y: 4px
}

.twocheckout span {
    background-position-x: -392px;
    background-position-y: 5px
}

.shopify span {
    background-position-x: -485px;
    background-position-y: 3px
}

.zcrm span {
    background-position-x: -586px;
    background-position-y: 4px
}

.slack span {
    background-position-x: -691px;
    background-position-y: 3px
}

.etsy span {
    background-position-x: -793px
}

.amazon span,
.etsy span {
    background-position-y: 5px
}

.amazon span {
    background-position-x: -898px
}

.paypal span {
    background-position-x: -985px;
    background-position-y: 4px
}

.gsuite span {
    background-position-x: -1075px;
    background-position-y: 2px
}

.gshop span {
    background-position-x: -1168px;
    background-position-y: 4px
}

.salesforce span {
    background-position-x: -1275px;
    background-position-y: 4px
}

.stripe span {
    background-position-x: -1391px;
    background-position-y: 4px
}

.zanalytics span {
    background-position-x: -1498px;
    background-position-y: 3px
}

.zcom span {
    background-position-x: -1595px
}

.zbooks span,
.zcom span {
    background-position-y: 3px
}

.zbooks span {
    background-position-x: -1691px
}

.zpayments span {
    background-position-x: -1074px;
    background-position-y: -78px
}

.cx-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 18%;
    right: 13%
}

.cx-logos>.cx-logo-img {
    display: block;
    width: 100px;
    height: 75px;
    background-size: 2620px 340px;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    margin: auto auto auto 70px;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.cx-logos>.cx-logo-img:hover {
    opacity: 1
}

.cx-logos>.cx-alloygator {
    width: 190px;
    background-position-x: -1998px;
    background-position-y: -140px;
    opacity: .4
}

.cx-logos>.cx-max {
    width: 200px;
    background-position-x: -2261px;
    background-position-y: -142px;
    opacity: .4
}

.cx-logos>.cx-noorhan {
    width: 238px;
    background-position-x: -616px;
    background-position-y: -248px;
    opacity: .4
}

.cx-logos>.cx-khf {
    width: 150px;
    background-position-x: -902px;
    background-position-y: -248px;
    opacity: .4
}

.cx-logos>.cx-fatta {
    width: 120px;
    background-position-x: -1805px;
    background-position-y: -145px;
    opacity: .4
}

@-webkit-keyframes sliding-1 {
    0% {
        -webkit-transform: translate(-1%);
        transform: translate(-1%)
    }

    to {
        -webkit-transform: translate(-101%);
        transform: translate(-101%)
    }
}

@keyframes sliding-1 {
    0% {
        -webkit-transform: translate(-1%);
        transform: translate(-1%)
    }

    to {
        -webkit-transform: translate(-101%);
        transform: translate(-101%)
    }
}

@-webkit-keyframes sliding-2 {
    0% {
        -webkit-transform: translate(99%);
        transform: translate(99%)
    }

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

@keyframes sliding-2 {
    0% {
        -webkit-transform: translate(99%);
        transform: translate(99%)
    }

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

@-webkit-keyframes sliding-3 {
    0% {
        -webkit-transform: translate(-101%);
        transform: translate(-101%)
    }

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

@keyframes sliding-3 {
    0% {
        -webkit-transform: translate(-101%);
        transform: translate(-101%)
    }

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

@-webkit-keyframes sliding-4 {
    0% {
        -webkit-transform: translate(-1%);
        transform: translate(-1%)
    }

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

@keyframes sliding-4 {
    0% {
        -webkit-transform: translate(-1%);
        transform: translate(-1%)
    }

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

.why-zom {
    background-color: #f2f0e9
}

.why-zom-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 140px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.why-zom-img-mob {
    display: none
}

.why-zom-img {
    width: 40%
}

.why-zom-container h2 {
    text-align: inherit
}

.why-zom-desc {
    width: 40%;
    margin-right: 70px
}

.why-zom-desc h2 {
    font-size: 38px;
    line-height: 44px
}

.indicator-points,
.mob-indicator {
    display: none
}

.zom-features {
    display: block
}

.zom-features li {
    background-color: #fff;
    padding: 5px 40px 12px;
    margin: 30px 0;
    border-radius: 8px;
    position: relative;
    cursor: pointer
}

.zom-features li.active {
    padding: 10px 40px 40px
}

.zom-features li h3 {
    margin-left: 8px;
    display: inline-block;
    vertical-align: baseline;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 28px
}

.zom-features .ques {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.zom-features li .ans {
    display: none
}

.zom-features li.active .ans {
    display: block;
    font-size: 16px;
    line-height: 28px
}

.zom-features li.active:before {
    content: "";
    background-color: #f24748;
    width: 0;
    height: 2%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.zom-features li.active:after {
    content: "";
    background-color: #ffc9c9;
    width: 100%;
    height: 2%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.animate .zom-features li.active:before {
    -webkit-animation-name: progress;
    animation-name: progress;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

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

    25% {
        width: 25%
    }

    50% {
        width: 50%
    }

    75% {
        width: 75%
    }

    to {
        width: 100%
    }
}

@keyframes progress {
    0% {
        width: 0
    }

    25% {
        width: 25%
    }

    50% {
        width: 50%
    }

    75% {
        width: 75%
    }

    to {
        width: 100%
    }
}

.download-badge {
    width: 160px
}

.mobile-app-desc h2 {
    margin-bottom: 30px
}

.download-badge.playstore {
    margin-left: 15px;
    width: 166px;
}

.mobile-apps-section {
    background-color: #f94049
}

.mobile-app-section-container {
    max-width: 1160px;
    margin: 60px auto auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0 0;
    position: relative
}

.mobile-app-desc {
    width: 40%;
    text-align: left;
    padding: 100px 0 150px
}

.mobile-app-desc h2 {
    font-size: 44px;
    line-height: 54px
}

.mobile-app-img {
    width: 58%;
    position: absolute;
    right: -3%;
    bottom: -24%
}

.mobile-app-desc p {
    color: #fce864;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.8px
}

.mobile-app-desc h2 {
    color: #fff;
    text-align: left
}

.manage-inventory {
    background-color: #f2f0e9
}

.manage-inventory-container {
    max-width: 1350px;
    margin: 0 auto;
    text-align: center;
    padding: 100px 0 40px
}

.manage-inventory-container h2 {
    width: 50%;
    margin: auto
}

.manage-zom-features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 65px 0 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.zom-features-ico svg {
    height: 60px;
    margin-bottom: 10px
}

.bundle .zom-features-ico svg.ico-dark {
    margin-left: 5px
}

.zom-features-item.bundle.lazy:hover .zom-features-ico #bundle.ico-white {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/bundle-white.svg);
    background-repeat: no-repeat;
    width: 200px;
    height: 80px
}

.zom-features-item.sales-spike.lazy:hover .zom-features-ico #spike.ico-white {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/sales-spike-white.svg);
    background-repeat: no-repeat;
    width: 160px;
    height: 65px;
    margin-bottom: 15px
}

.zom-features-item.control-warehouse.lazy:hover .zom-features-ico #warehouse.ico-white {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/control-warehouse-white.svg);
    background-repeat: no-repeat;
    width: 200px;
    height: 80px
}

.zom-features-ico.control-warehouse svg {
    margin-bottom: 3px
}

.zom-features-ico img {
    height: 80px;
    width: 100px;
    margin-left: -10px;
    margin-bottom: 10px;
    margin-top: -10px
}

.zom-features-ico.control-warehouse img {
    width: 110px;
    height: 80px;
    margin-bottom: 20px
}

.zom-features-ico.control-warehouse svg {
    height: 70px;
    width: 90px;
    margin-left: -5px
}

.zom-features-ico.sales-spike img {
    height: 75px;
    width: 95px
}

.zom-features-item:hover .zom-features-ico .control-warehouse svg {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/control-house.gif) no-repeat;
    height: 50px
}

.zom-features-item {
    background-color: #fff;
    text-align: left;
    padding: 35px 40px 30px;
    margin: 0 15px;
    border-radius: 8px;
    width: 25%;
}

.zom-features-item:first-of-type {
    margin-left: 0;
    margin-right: 30px
}

.zom-features-item:last-of-type {
    margin-right: 0;
    margin-left: 30px
}

.zom-features-item h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px
}

.zom-features-item:hover {
    background-color: #231e23
}

.zom-features-item:hover .desc {
    color: #fff
}

.zom-features-item:hover .zom-feature-header {
    color: #fff
}

.zom-features-item a.features-link {
    color: #023194
}

.zom-features-item:hover a.features-link,
.zom-features-item:hover a.features-link:after {
    color: #fa393a
}

.integration-btn .features-link,
.mobile-app-desc .features-link,
.pricing-page-btn .features-link {
    color: #006cdc;
    font-size: 16px;
    position: relative
}

.mobile-app-desc .features-link {
    color: #fff
}

.integration-btn,
.pricing-page-btn {
    text-align: center;
    margin: auto
}

.integration-btn .features-link .feature-arrow path,
.pricing-page-btn .features-link .feature-arrow path {
    fill: #006cdc
}

.mobile-app-desc .features-link .feature-arrow path {
    fill: #fff
}

.pricing-page-btn {
    margin-top: 40px
}

.integration-btn .feature-arrow,
.mobile-app-desc .feature-arrow,
.pricing-page-btn .feature-arrow {
    position: absolute;
    top: 25%;
    right: -20px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.integration-btn .features-link:hover .feature-arrow,
.mobile-app-desc .features-link:hover .feature-arrow,
.pricing-page-btn .features-link:hover .feature-arrow {
    right: -25px
}

.sales-shipping-desc .features-link:hover .feature-arrow {
    margin-left: 10px
}

.zom-features-item .desc {
    color: #000;
    padding: 0 0 20px;
    font-size: 16px;
    line-height: 28px
}

.know-zom {
    background-color: #fa393a;
    height: 500px
}

.know-zom-container {
    max-width: 1144px;
    width: 78%;
    margin: 0 auto;
    padding: 100px 0 50px
}

.know-zom-desc-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.know-zom-desc h2 {
    color: #fff;
    text-align: left;
    font-size: 44px;
    line-height: 54px
}

.know-zom-desc {
    -webkit-flex-basis: 55%;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%
}

.know-zom-desc p {
    color: #fce864;
    padding: 10px 0
}

.know-zom-desc-container .btn-grp {
    padding-top: 7%
}

.know-zom-desc-container .mobile-apps-btn {
    display: none
}

.know-zom-desc-container .primary-btn {
    background-color: #231e23
}

.grow-business-container {
    max-width: 1144px;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    margin: 25px auto 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 10px #f7f4f4;
    box-shadow: 0 10px 10px #f7f4f4;
    z-index: 2
}

.grow-business-container,
.grow-business-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.grow-business-desc {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.grow-business-desc>ol {
    padding: 50px 16px;
    width: 90%
}

.grow-business-desc>ol>li {
    padding: 10px 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.grow-business-desc>ol>li:before {
    content: "";
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/white-tick.svg);
    background-repeat: no-repeat;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding: 24px 12px 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 80%;
    background-position: 50%;
    margin: 0px 8px 3px 8px;
}

.grow-business-img img {
    width: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.sales-shipping-container {
    display: block;
    margin: 60px 0 110px;
    max-width: 1155px;
    position: relative;
    background-color: #fff
}

.sales-shipping-container>p {
    text-align: center
}

.shipping-animation-container-one,
.shipping-animation-container-two {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 100px auto 150px
}

.shipping-animation-container-two .sales-shipping-img {
    margin-left: 90px;
    margin-right: auto
}

.sticky.shipping-animation {
    margin-top: 110px
}

.sales-shipping {
    max-width: 1155px;
    margin: 425px auto auto
}

.sales-shipping-header {
    font-size: 26px;
    line-height: 32px;
    color: #000;
    padding-bottom: 10px;
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    cursor: pointer
}

.sales-shipping>p {
    text-align: center;
    margin: 20px 0
}

.sales-shipping h2 {
    font-size: 44px;
    line-height: 54px;
    margin: 0 0 20px;
    text-align: center;
}

.sales-shipping-img {
    width: 75%;
    position: relative;
    margin-right: 90px;
    border-radius: 8px;
    /*height: 550px*/
}
.sales-shipping-animation01, sales-shipping-animation02{
    width: 500px;
}
.sales-shipping-animation02{
    margin-left: 80px;
}
.sales-shipping-animation {
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    background-color: #f2f0e9
}

.lazy-img-one .sales-shipping-animation {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/lazy-img-one.png)
}

.lazy-img-one .sales-shipping-animation,
.lazy-img-two .sales-shipping-animation {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.lazy-img-two .sales-shipping-animation {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/lazy-img-two.png)
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 0
    }
}

.sales-shipping-desc {
    width: 60%;
    margin-top: 45px
}

.sales-shipping-desc .features-link {
    font-size: 16px;
    color: #023194;
    padding: 0 2px
}

.sales-shipping-points>li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 0 8px 8%
}

.sales-shipping-points {
    margin: 15px 0 20px
}

.sales-shipping-points>li:before {
    content: "";
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/tick.svg);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: 50%;
    border-radius: 50%;
    padding: 0 12px 5px;
    height: 50px;
    margin-right: 8px;
    position: absolute;
    top: -15%;
    left: 0
}

.subscribe-container {
    background-color: #ffe4de;
    margin: 50px auto;
    padding: 110px 0 120px;
    max-width: 1195px;
    text-align: center;
    border-radius: 8px
}

.subscribe-container h2 {
    padding: 0 0 20px;
    font-size: 50px;
    line-height: 58px;
    width: 45%;
    margin: auto
}

.subscribe-notes {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 30px 0 0
}

.subscribe-notes li {
    font-size: 18px;
    line-height: 32px;
    padding: 5px 20px
}

.subscribe-notes li:before {
    content: "";
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/white-tick.svg);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    padding: 1px 9px;
    margin-right: 10px
}

.zom-pricing-container {
    background-color: #f2f0e9;
    padding: 140px 0;
    z-index: 2;
    position: relative
}

.zom-pricing-container h2 {
    font-size: 44px;
    line-height: 54px
}

.testimonial-desc>p,
.zom-pricing-container p {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.8px;
    color: #fa393a;
    text-transform: uppercase;
    padding-bottom: 10px;
    text-align: center
}

.zom-pricing-list-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1145px;
    border-radius: 8px;
    margin: 60px auto 0;
    overflow: hidden;
    padding-bottom: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.zom-pricing-list-container>li {
    border: 1px solid #efefef;
    border-left: none;
    padding: 30px 20px;
    background-color: #fff;
    width: 285px;
}

.zom-pricing-list-container>li:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.zom-pricing-list-container>li:nth-of-type(2n) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.testimonial-desc {
    width: 60%
}

.zom-pricing-list-container>li:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.free-plan-data {
    background-color: #fff;
    max-width: 1145px;
    padding: 20px 75px 20px 0;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px
}

.free-plan-data,
.free-plan-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 160px
}

.free-plan-img {
    background-color: #ffe4de;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.free-plan-img img {
    height: 130px;
    padding: 0 50px
}

.plan-header {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-top: 12px;
    text-transform: uppercase
}

.plan-data span {
    font-size: 42px;
    line-height: 54px
}

.plan-data .currency {
    font-size: 35px;
    vertical-align: top
}

.price-amount {
    font-weight: 700;
    text-align: center;
    padding: 15px 0 12px
}

.period,
.period .tax-text {
    font-size: 14px;
    padding: 0 0 25px;
    text-align: center;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none
}

.period .tax-text {
    padding: 0;
    color: #000
}

.most-popular.plan-data .period .tax-text {
    color: #fff
}

.get-started-btn {
    background-color: #ffe4de;
    color: #fa393a;
    border: 1px solid #fa393a;
    padding: 15px 10px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 0 10px 30px;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 15px
}

.zom-pricing-list-container .get-started-btn {
    padding: 15px 10px;
    margin: 0 auto 30px;
    width: 75%;
    line-height: 15px
}

.get-started-btn:hover {
    background-color: #fa393a;
    color: #fff
}

.free-plan-data .get-started-btn {
    padding: 15px 24px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-bottom: 0;
    line-height: 18px
}

.free.period {
    margin-bottom: 25px
}

.free-plan-data ol.features-list li,
.plan-data ol.features-list li {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.free-plan-data ol.features-list li {
    display: block
}

.plan-data ol.features-list li:before,
.pricing-features-list ol.features-list li:before {
    content: "";
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/pricing-tick.svg);
    background-repeat: no-repeat;
    border-radius: 50%;
    padding: 0 10px 0 5px;
    margin-right: 4px;
    background-size: 60%;
    background-position: 50%;
    height: 18px
}

li.most-popular.plan-data {
    background-color: #231e23;
    color: #fff;
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.most-popular.plan-data:before {
    content: "最受欢迎";
    color: #000;
    background-color: #fce864;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 13px 2px;
    font-weight: 600;
    font-size: 12px;
    border-bottom-left-radius: 8px;
    letter-spacing: 1.2px
}

.most-popular.plan-data .get-started-btn {
    background-color: #fa393a;
    color: #fff
}

.subscribe-container .primary-btn {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto
}

.most-popular.plan-data .get-started-btn:hover {
    background-color: #d32c3e;
    border-color: #d32c3e
}

.testimonial-sec {
    background-color: #231e23
}

.toggle-container {
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 15px
}

.pricing-toggle {
    width: 48px;
    height: 25px;
    border-radius: 22px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 auto;
    border: 2px solid #f94049;
    background-color: #f94049;
    cursor: pointer;
    padding: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.pricing-toggle>span {
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    padding: 3px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.toggle-container>p {
    color: #000
}

.toggle-container>p.active {
    color: #f94049
}

.toggle-container>p {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    margin-bottom: -3px;
    cursor: pointer
}

.pricing-toggle>span.active {
    background-color: #fff
}

.testimonial-container {
    max-width: 1350px;
    margin: 0 auto;
    padding-bottom: 40px
}

.testimonial-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 140px 0 0
}

.testimonial-description .primary-btn {
    margin-top: 75px
}

.testimonial-desc>p {
    color: #fce864;
    text-transform: uppercase;
    text-align: left
}

.testimonial-desc>h3 {
    color: #fff;
    padding: 0 0 15px;
    font-size: 44px;
    line-height: 54px;
    width: 72%;
    margin-top: 0
}

.cx-testimonial-box {
    background-color: #fff;
    padding: 40px 0 25px;
    border-radius: 8px;
    height: 350px;
    width: 62%;
    margin-right: 100px;
    z-index: 2;
    position: relative
}

.cx-testimonial-img {
    max-width: 400px;
    position: absolute;
    left: 7.3%;
    height: 440px;
    bottom: 18%
}

.cx-testimonial-img>img {
    height: 100%;
    display: none;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
}

.cx-alloygator .cx-alloygator,
.cx-fatta .cx-fatta,
.cx-khf .cx-khf,
.cx-max .cx-max,
.cx-noorhan .cx-noorhan {
    display: block;
    -webkit-animation: show 1s ease-out;
    animation: show 1s ease-out;
    opacity: 1
}

.cx-logos .cx-alloygator,
.cx-logos .cx-fatta,
.cx-logos .cx-khf,
.cx-logos .cx-max,
.cx-logos .cx-noorhan {
    -webkit-transition: all .3s;
    transition: all .3s
}

.cx-alloygator .cx-logos .cx-alloygator,
.cx-fatta .cx-logos .cx-fatta,
.cx-khf .cx-logos .cx-khf,
.cx-max .cx-logos .cx-max,
.cx-noorhan .cx-logos .cx-noorhan {
    opacity: 1;
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cx-testimonal-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 25px 0 200px;
    position: relative
}

.cx-desc>p {
    padding: 0 60px 40px;
    width: 85%;
    font-size: 23px;
    line-height: 42px;
    display: none;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    height: 175px;
    margin-bottom: 30px
}

.cx-details {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cx-name {
    font-size: 21px;
    font-weight: 600;
    line-height: 34px;
    margin-right: 10px
}

.cx-designation {
    margin-left: 10px
}

.cx-designation span,
.cx-name span {
    display: none;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
}

.quote-img {
    /* width: 35px; */
    padding-left: 60px;
}

.indicators {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 10%;
    bottom: 10%
}

input:active,
input:focus {
    outline: 1px solid #fa393a
}

.indicators .left,
.indicators .right {
    border: 2px solid #000;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.indicators .left svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.indicators .left svg,
.indicators .right svg {
    width: 17px;
    padding: 14px 12px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.indicators .left:hover,
.indicators .right:hover {
    background-color: #e7e7e7
}

.indicators .right {
    margin-right: 10px
}

.recognized-by-sec {
    max-width: 1350px;
    margin: 60px auto 75px;
    text-align: center;
}

.recognized-by-sec h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 34px
}

.recognized-apps li {
    padding: 0 25px;
    text-align: center;
    font-size: 16px
}

.recognized-apps li>span {
    display: block;
    width: 130px;
    height: 110px;
    margin: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.animate .recognized-apps li>span {
    -webkit-animation: scaleup 1s forwards;
    animation: scaleup 1s forwards
}

.recognized-apps li.software-suggest>span {
    background-position: -107px -433px
}

.recognized-apps li.get-app>span {
    background-position: -325px -430px
}

.recognized-apps li.g2-app>span {
    background-position: -540px -430px
}

.recognized-apps li.capterra>span {
    background-position: -752px -430px
}

.recognized-apps li.crozdesk>span {
    background-position: -962px -430px
}

.rating-count span {
    font-size: 16px;
    font-weight: 600;
    padding: 0 5px
}

.cls-select-packed.active {
    fill: #1ca4c5 !important;
    -webkit-transition: all 2s;
    transition: all 2s
}

.cls-shipped.active {
    fill: #bbad08 !important
}

.cls-delivered.active,
.cls-shipped.active {
    -webkit-transition: all 2s;
    transition: all 2s
}

.cls-delivered.active {
    fill: #86a167 !important
}

.zom-ico svg {
    width: 25px
}

img.custom-func,
img.webhook,
img.workflow {
    display: none;
    opacity: 0
}

.why-zom-img img.active {
    display: block;
    opacity: 1;
    -webkit-animation: opa .5s ease-out;
    animation: opa .5s ease-out
}

@-webkit-keyframes opa {
    0% {
        opacity: 0
    }

    25% {
        opacity: .2
    }

    50% {
        opacity: .5
    }

    75% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes opa {
    0% {
        opacity: 0
    }

    25% {
        opacity: .2
    }

    50% {
        opacity: .5
    }

    75% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

.sales-shipping-description {
    font-size: 16px
}

.aaron-invoice svg {
    max-height: 350px;
    height: 350px;
    width: 440px;
    opacity: 0;
    -webkit-animation: expand 2.8s linear;
    animation: expand 2.8s linear
}

@-webkit-keyframes expand {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes expand {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes showpsd {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes showpsd {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.pricing-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1145px;
    margin: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pricing-sec-desc p {
    text-align: left
}

.plan-data .plan-has {
    font-size: 13px;
    line-height: 18px;
    color: #fa393a
}

.plan-data b {
    display: block;
    font-size: 13px
}

.free-plan-data .price-amount {
    padding: 5px 0 0;
    text-align: left
}

.free-plan-pricing .plan-header {
    text-align: left;
    margin-top: 0
}

.free-plan-pricing>span {
    font-size: 14px
}

.free-plan-pricing .plan-data span {
    line-height: 30px
}

.recog-apps {
    max-width: 750px;
    margin: 0 auto 20px
}

.re-apps,
.recog-apps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.re-apps {
    width: 250px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.rating-sec,
.re-apps {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-sec {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

.rating-sec svg {
    padding-right: 5px;
    padding-bottom: 5px;
    width: 85px
}

.re-apps .badges-icon {
    width: 100px;
    margin-bottom: 10px
}

.re-apps>.badges-icon.software-suggest {
    width: 70px
}

.leaf-lhs svg,
.leaf-rhs svg {
    width: 60px
}

.leaf-rhs svg {
    margin-right: 25px
}

.leaf-lhs svg {
    margin-left: 25px
}

.play-btn-wrapper {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 0;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fa393a;
}

.play-btn-container:hover {
    width: 180px;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.play-btn-icon {
    border-top: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-left: 13px solid #fff;
    position: absolute;
    top: 23px;
    left: 26px;
    width: 14px;
    height: 14px;
}

.play-btn-container {
    width: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #232639;
    border-radius: 44px;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    position: absolute;
    top: 48%;
    left: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 20px 2px #c7bfbf;
    box-shadow: 0 4px 20px 2px #c7bfbf
}

.zom-features li.active h3 {
    margin-top: 34px
}

@-webkit-keyframes boom {
    0% {
        -webkit-box-shadow: 0 4px 20px 2px #c7bfbf;
        box-shadow: 0 4px 20px 2px #c7bfbf
    }

    to {
        -webkit-box-shadow: 0 4px 20px 10px #c7bfbf;
        box-shadow: 0 4px 20px 10px #c7bfbf
    }
}

@keyframes boom {
    0% {
        -webkit-box-shadow: 0 4px 20px 2px #c7bfbf;
        box-shadow: 0 4px 20px 2px #c7bfbf
    }

    to {
        -webkit-box-shadow: 0 4px 20px 10px #c7bfbf;
        box-shadow: 0 4px 20px 10px #c7bfbf
    }
}

.play-btn-text {
    isolation: isolate;
    overflow: hidden;
    left: 85px;
    opacity: 0;
    position: absolute;
    text-align: left;
    -webkit-transform: translate(-4px);
    -ms-transform: translate(-4px);
    transform: translate(-4px);
    -webkit-transition: transform .3s cubic-bezier(.6, .6, 0, 1), opacity .3s cubic-bezier(.6, .6, 0, 1);
    transition: transform .3s cubic-bezier(.6, .6, 0, 1), opacity .3s cubic-bezier(.6, .6, 0, 1);
    width: 142px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 24px;
    color: #fff;
    top: 32%
}

.play-btn-container:hover .play-btn-text {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.zom-features-ico .ico-white {
    display: none
}

.zom-features-item:hover .zom-features-ico .ico-white {
    display: block
}

.sales-spike .ico-white svg {
    margin-left: -10px;
    margin-bottom: 5px
}

.bundle .ico-white svg {
    margin-bottom: 5px
}

.zom-features-ico .features-link svg {
    margin-bottom: 0;
    vertical-align: baseline;
    height: auto
}

.why-zom-img {
    margin-top: 52px
}

div.demo-sticky {
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/zom-request-demo.png);
    background-size: contain;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    width: 70px;
    height: 75px;
    right: -2px
}

div.zsiq_flt_rel {
    background-color: #ffb509 !important
}

div.demo-pop-over {
    text-align: center;
    padding: 8px 20px;
    left: -158px;
    top: 18px;
    -webkit-box-shadow: 1px 1px 10px -1px #cbc4c4;
    box-shadow: 1px 1px 10px -1px #cbc4c4;
    width: 140px
}

.sales-spike .zom-features-ico .ico-white {
    max-width: 92px
}

.control-warehouse .zom-features-ico .ico-white {
    max-width: 98px
}

.control-warehouse .zom-features-ico .ico-white svg {
    margin-bottom: 0
}

.ico-white {
    max-width: 100px
}

.zom-features-item:hover .zom-features-ico #bundle.ico-white {
    max-width: 92px
}

.zom-features-item:hover .zom-features-ico .ico-dark {
    display: none
}

.zom-pricing-list-container .plan-data.free {
    display: none
}

.feature-arrow {
    width: 12px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 5px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.zom-features-item:hover .feature-arrow {
    -webkit-transform: translateX(5px) rotate(180deg);
    -ms-transform: translateX(5px) rotate(180deg);
    transform: translateX(5px) rotate(180deg)
}

.zom-features-item:hover .feature-arrow path {
    fill: #fa393a
}

.feature-arrow path {
    fill: #023194
}

.grow-business-points {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px
}

@-webkit-keyframes animateText1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        -webkit-transition: all 1s;
        transition: all 1s
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes animateText1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        -webkit-transition: all 1s;
        transition: all 1s
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes animateText2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        -webkit-transition: all 1s;
        transition: all 1s
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes animateText2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        -webkit-transition: all 1s;
        transition: all 1s
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media screen and (min-width: 1100px) {

    .banner-description,
    .e-invoicing-banner,
    .free-plan-data,
    .grow-business-desc,
    .integration-section h2,
    .integration-section p,
    .know-zom-desc h2,
    .know-zom-desc p,
    .manage-inventory-container>p,
    .manage-inventory-container h2,
    .mobile-app-desc h2,
    .mobile-app-desc p,
    .next-gen-software>p,
    .next-gen-software h2,
    .pricing-sec-desc>p,
    .recog-apps li,
    .recognized-by-sec span,
    .sales-shipping-container>p,
    .sales-shipping-description,
    .sales-shipping-header,
    .sales-shipping-points>li,
    .sales-shipping>p,
    .sales-shipping h2,
    .shipping-sec>p,
    .shipping-sec h2,
    .subscribe-container h2,
    .subscribe-notes li,
    .testimonial-desc>h3,
    .testimonial-desc>p,
    .trusted-brands-section p,
    .why-zom-desc h2,
    .why-zom-desc p,
    .zom-pricing-container h2,
    .zom-pricing-list-container {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        -webkit-transition: opacity .45s, -webkit-transform .45s;
        transition: opacity .45s, -webkit-transform .45s;
        transition: transform .45s, opacity .45s;
        transition: transform .45s, opacity .45s, -webkit-transform .45s
    }

    .mobile-app-img {
        opacity: 0;
        bottom: -50%;
        -webkit-transition: all .6s, opacity .45s;
        transition: all .6s, opacity .45s
    }

    .animate .mobile-app-img {
        opacity: 1;
        bottom: -24%
    }

    .cx-testimonial-box {
        opacity: 0;
        margin-top: 50px;
        -webkit-transition: all 1.9s, opacity .45s;
        transition: all 1.9s, opacity .45s
    }

    .zom-pricing-list-container {
        margin-top: 140px;
    }

    .free-plan-data,
    .zom-pricing-list-container {
        opacity: 0;
        -webkit-transition: all 1.2s, opacity .45s;
        transition: all 1.2s, opacity .45s
    }

    .free-plan-data {
        margin-top: 60px
    }

    .animate .zom-pricing-list-container {
        margin-top: 60px;
        opacity: 1
    }

    .animate .cx-testimonial-box {
        opacity: 1;
        margin-top: 0
    }

    .animate .free-plan-data {
        margin-top: 0
    }

    .grow-business-container,
    .zom-features-item {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        margin-top: 80px
    }

    .zom-features-item:nth-of-type(1n) {
        -webkit-transition: margin .8s;
        transition: margin .8s
    }

    .zom-features-item:nth-of-type(2n) {
        -webkit-transition: margin 1s;
        transition: margin 1s
    }

    .zom-features-item:last-of-type {
        -webkit-transition: margin 1.2s;
        transition: margin 1.2s
    }

    .grow-business-container {
        -webkit-transition: margin .8s;
        transition: margin .8s
    }

    .animate .grow-business-container,
    .animate .zom-features-item {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        margin-top: 0
    }

    .animate .banner-description,
    .animate .e-invoicing-banner,
    .animate .free-plan-data,
    .animate .grow-business-desc,
    .animate .know-zom-desc p,
    .animate .manage-inventory-container>p,
    .animate .mobile-app-desc p,
    .animate .next-gen-software>p,
    .animate .pricing-sec-desc>p,
    .animate .recog-apps li,
    .animate .sales-shipping-container>p,
    .animate .sales-shipping-description,
    .animate .sales-shipping-header,
    .animate .sales-shipping-points>li,
    .animate .sales-shipping>p,
    .animate .subscribe-notes li,
    .animate .testimonial-desc>h3,
    .animate .testimonial-desc>p,
    .animate .why-zom-desc p,
    .animate .zom-pricing-list-container,
    .animate h2,
    .integration-section.animate p,
    .next-gen-software.animate p,
    .recognized-by-sec.animate span,
    .shipping-sec.animate h1,
    .shipping-sec.animate h2,
    .shipping-sec p,
    .trusted-brands-section.animate p {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media screen and (max-width: 1200px) {
    .secondary-btn {
        margin-left: 0
    }

    .know-zom-container {
        width: 92%
    }

    .testimonial-description {
        width: 90%;
        margin: auto
    }

    .pricing-content {
        width: 90%
    }

    .mobile-app-img {
        right: 2%
    }
}

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

    .primary-btn,
    .secondary-btn {
        padding: 15px 30px;
        font-size: 15px
    }

    .zom-pricing-list-container>li:nth-of-type(2n) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .promo-logos span {
        background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/testimonials-sprite-2x.png)
    }

    .delivered,
    .mobile-app-section-container,
    .ng-dashboard,
    .packed,
    .sales-order,
    .shipped,
    .total-so {
        display: none
    }

    .know-zom-container {
        padding-top: 70px;
        padding-bottom: 20px
    }

    .sales-shipping h2 {
        width: 65%;
        margin: 10px auto 35px
    }

    .grow-business-desc {
        z-index: 2;
        border: 1px solid #efefef
    }

    .sales-shipping-img {
        width: 100%;
        height: 440px
    }

    .cx-logos>.cx-logo-img,
    .integration-apps span,
    .shipping-sec-integ span {
        background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/integ-sprite-2x.png)
    }

    .sales-shipping-container {
        padding-top: 200px;
        margin-bottom: 60px
    }

    .trusted-brands-section {
        margin: 80px auto
    }

    .banner-description {
        width: 90%
    }

    .primary-btn {
        border: none;
        padding: 16px 30px
    }

    .banner-description h1 span {
        display: inline-block
    }

    .banner-description h1 {
        width: 90%
    }

    .banner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 60px 20px 0
    }

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

    .btn-grp .secondary-btn {
        margin-left: 18px
    }

    .promo-logos span {
        width: 110px
    }

    .manage-inventory-container h2 {
        width: 70%
    }

    .banner-description h1 {
        text-align: center
    }

    .know-zom-desc-container .btn-grp {
        padding-top: 15px
    }

    .next-gen-software {
        margin-bottom: 30px
    }

    .manage-inventory-container {
        padding: 80px 0
    }

    .manage-zom-features {
        margin-top: 20px;
        margin-bottom: 0
    }

    .recognized-by-sec {
        margin-top: 0
    }

    .banner-description p {
        margin: auto;
        text-align: center
    }

    .banner-img svg {
        display: none
    }

    .banner-img {
        margin-top: 70px;
        width: 50%;
        text-align: center
    }

    .recog-apps {
        max-width: 640px
    }

    .re-apps .badges-icon.captera {
        width: 80px
    }

    .re-apps>.badges-icon.software-suggest {
        width: 75px
    }

    .re-apps .badges-icon {
        width: 65px
    }

    .leaf-lhs svg,
    .leaf-rhs svg {
        width: 50px
    }

    .zom-features-item {
        width: 28%;
        margin-bottom: 15px
    }

    .promo-logos span {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .promo-logos-section {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .element span {
        background-position: -38px -45px;
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .snakebyte span {
        background-position: -237px -48px;
        width: 150px;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

    .rapido span {
        background-position: -455px -42px;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .velray span {
        background-position: -648px -42px;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        display: none
    }

    .motherwell span {
        background-position: -840px -45px;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
        display: none
    }

    .bear span {
        background-position: -1035px -45px;
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
        width: 150px
    }

    .aetheion span {
        background-position: -34px -135px;
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s;
        display: none
    }

    .alloygator span {
        background-position: -242px -132px;
        -webkit-animation-delay: 1.8s;
        animation-delay: 1.8s;
        width: 160px
    }

    .vicenzo span {
        background-position: -475px -132px;
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .boheco span {
        background-position: -645px -130px;
        -webkit-animation-delay: 2.2s;
        animation-delay: 2.2s;
        display: none
    }

    .miller span {
        background-position: -840px -130px;
        -webkit-animation-delay: 2.4s;
        animation-delay: 2.4s
    }

    .maxmarine span {
        background-position: -1030px -130px;
        -webkit-animation-delay: 2.6s;
        animation-delay: 2.6s;
        width: 160px
    }

    .integration-section li {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        margin: 0 8px
    }

    .integrations-sliding {
        margin: 25px 0
    }

    .manage-zom-features {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .zom-features-item {
        margin-top: 20px;
        min-width: 250px
    }

    .know-zom-desc h2 {
        margin-bottom: 8px
    }

    .grow-business-container {
        margin-top: 10px
    }

    .zom-features-item:first-of-type {
        margin-top: 20px
    }

    .zom-pricing-list-container>li {
        padding: 22px 10px
    }

    .banner-img .desktop-img {
        max-width: 100%
    }

    .free-plan-data ol.features-list li,
    .plan-data ol.features-list li {
        font-size: 12px;
        padding: 3px 0
    }

    .get-started-btn {
        margin-bottom: 20px
    }

    .grow-business-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 80%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 50px auto
    }

    .grow-business-desc {
        padding: 35px
    }

    .know-zom {
        height: auto;
        margin-bottom: -250px
    }

    .grow-business-container {
        margin-bottom: 20px
    }

    .plan-header {
        font-size: 16px
    }

    .most-popular.plan-data:before {
        font-size: 10px;
        padding-top: 3px
    }

    .price-amount {
        margin-bottom: 5px
    }

    .grow-business-desc>ol {
        padding: 0;
        width: 100%
    }

    .grow-business-desc>ol:first-of-type {
        padding-bottom: 0;
        padding-right: 20px
    }

    .grow-business-img img {
        width: 100%;
        display: none
    }

    .mobile-app-section-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 420px
    }

    .mobile-app-desc {
        width: 90%;
        margin: auto;
        text-align: center
    }

    .mobile-app-desc h2 {
        text-align: center;
        width: 70%;
        margin: auto auto 20px
    }

    .mobile-app-img {
        width: 60%;
        position: absolute;
        margin: auto;
        right: 20%;
        bottom: -14%
    }

    .zom-pricing-list-container {
        max-width: 900px
    }

    .zom-pricing-container {
        padding: 80px 0
    }

    .zom-pricing-list-container {
        padding-bottom: 0
    }

    .pricing-page-btn {
        margin-top: 30px
    }

    .pricing-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pricing-sec-desc p {
        text-align: center
    }

    .toggle-container {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 20px auto auto
    }

    .zom-pricing-list-container .plan-data.free {
        display: block
    }

    .free-plan-data {
        display: none
    }

    .sales-shipping {
        margin-top: 50px
    }

    .cx-desc>p,
    .cx-testimonial-box {
        height: auto
    }

    .cx-desc>p {
        padding-bottom: 20px;
        margin-bottom: 0
    }

    .cx-testimonial-box {
        width: 80%;
        margin: auto
    }

    .cx-testimonial-img {
        display: none
    }

    .cx-logos {
        bottom: 15%;
        right: 19%
    }

    .cx-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        text-align: center
    }

    .cx-details>span {
        display: none
    }

    .indicators {
        bottom: -22%
    }

    .cx-testimonial-box {
        text-align: start;
        padding-bottom: 45px
    }

    .quote-img {
        padding-left: 60px
    }

    .cx-details {
        padding: 0 0 0 60px;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start
    }

    .testimonial-desc>h3 {
        width: 100%
    }

    .subscribe-container h2 {
        width: 60%;
        font-size: 46px;
        line-height: 56px
    }

    .cx-designation {
        margin-left: 0
    }

    .cx-testimonal-container {
        padding-bottom: 200px
    }

    .indicators {
        bottom: 10%
    }

    .shipping-sec-integ span {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .ups span {
        background-position: -426px -102px;
        width: 70px
    }

    .usps span {
        background-position: -147px -102px;
        width: 122px
    }

    .dhl span {
        background-position: -8px -101px;
        width: 112px
    }

    .aramex span {
        background-position: -297px -101px;
        width: 100px
    }

    .fed span {
        background-position: -668px -101px
    }

    .capost span {
        background-position: -525px -102px;
        width: 110px
    }

    .royal-mail span {
        background-position: -292px -171px
    }

    .dpd span {
        background-position: -909px -101px;
        width: 110px
    }

    .shipping-sec-integ li {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        padding: 0 20px
    }

    .know-zom-desc-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .know-zom-desc h2,
    .testimonial-desc>p {
        text-align: center
    }

    .testimonial-description {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: left;
        width: 80%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .testimonial-description .primary-btn {
        margin-top: 15px;
        max-width: 250px
    }

    .testimonial-desc>p {
        text-align: left
    }

    .testimonial-desc {
        width: 60%
    }

    .why-zom-img {
        display: none
    }

    .shipping-sec {
        margin: 80px auto
    }

    .shipping-sec h2 {
        width: 70%
    }

    .sales-shipping-animation {
        width: 65%;
        height: 100%;
        margin: auto
    }

    .subscribe-container {
        margin: 80px auto;
        padding: 90px 0 100px;
        width: 80%
    }

    .subscribe-notes {
        margin-top: 18px
    }

    .subscribe-notes li {
        font-size: 14px
    }

    .subscribe-notes li:before {
        padding: 2px 10px 0 6px
    }

    .why-zom-desc {
        width: 90%;
        text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 0
    }

    .why-zom-img-mob {
        display: block
    }

    .why-zom-img-mob img {
        width: 55%;
        margin: auto
    }

    .zom-features li {
        display: none
    }

    .why-zom-container {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .zom-features li.active {
        display: block;
        width: 60%;
        margin: 20px auto auto;
        pointer-events: none;
        padding: 40px 65px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .integration-section {
        margin: 80px auto
    }

    .zom-features .ques {
        margin-bottom: 10px
    }

    .integration-section h2 {
        margin-bottom: 15px
    }

    .mobile-app-section-container {
        padding-top: 0
    }

    .mobile-app-desc {
        padding: 80px 0 70px
    }

    .indicator-points,
    .mob-indicator {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }

    .indicator-points li {
        padding: 5px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0);
        border: 1.5px solid #000;
        margin-left: 5px
    }

    .indicator-points li:first-of-type,
    .mob-indicator li:first-of-type {
        margin-left: 0
    }

    .indicator-points li.active {
        background-color: #fa393a;
        border-color: #fa393a;
        padding: 5px 15px;
        border-radius: 22px;
        -webkit-transition: all .35s;
        transition: all .35s
    }

    .why-zom-desc h2 {
        width: 70%;
        margin: auto auto 20px
    }

    .why-zom-desc .zom-features {
        margin-top: 25px
    }

    .why-zom-desc .zom-features .ques {
        display: inline-block
    }

    .desktop-img {
        display: none
    }

    .mobile-banner-img {
        display: block;
        margin: auto
    }

    .zom-pricing-list-container>li:last-child {
        border-top-right-radius: 0
    }

    .zom-pricing-list-container .plan-data.free {
        border-bottom-left-radius: 0
    }

    .zom-pricing-list-container>li:nth-of-type(3n) {
        border-top-right-radius: 8px
    }

    .zom-pricing-list-container>li:last-of-type {
        border-top-right-radius: 0
    }

    .most-popular.plan-data {
        border-bottom-left-radius: 8px
    }

    .shipping-animation-container-one,
    .shipping-animation-container-two {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 90%;
        margin: 0 auto
    }

    .sales-shipping-desc {
        width: 60%;
        margin: auto;
        text-align: center
    }

    .sales-shipping-img {
        margin-right: auto
    }

    .shipping-animation-container-two .sales-shipping-img {
        margin-left: auto
    }

    .sales-shipping-points {
        text-align: left
    }

    .sales-shipping-desc {
        margin: 30px auto 60px;
        text-align: left
    }

    .shipping-animation-container-two {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .ng-dashboard {
        display: block
    }

    .zom-features li.active:before {
        -webkit-animation-name: progress;
        animation-name: progress;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

@media screen and (max-width: 768px) {
    .ng-dashboard {
        display: none
    }

    li.most-popular.plan-data {
        border-bottom-left-radius: 8px
    }

    .ng-tab {
        display: block
    }

    .bear span,
    .vicenzo span {
        display: none
    }

    .next-gen-software img {
        margin: auto;
        width: 70%
    }

    .testimonial-container {
        padding-bottom: 0
    }

    .banner-description .btn-grp,
    .know-zom-container .know-zom-desc-container .btn-grp {
        display: none
    }

    .banner-description .mobile-apps-btn,
    .know-zom-desc-container .mobile-apps-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner-img {
        width: 60%
    }

    .zom-features-item,
    .zom-features-item:first-of-type,
    .zom-features-item:last-of-type {
        margin: 25px auto auto
    }

    .grow-business-container {
        margin-top: 10px
    }

    .know-zom-desc h2 {
        margin-bottom: 8px
    }

    .download-badge.playstore {
        width: 164px;
    }

    .trusted-brands-section p {
        margin-bottom: 10px
    }

    .re-apps {
        width: 150px
    }

    .manage-zom-features {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .zom-features-item {
        min-width: 400px
    }

    .know-zom-desc>h2 br {
        display: none
    }

    .know-zom-desc>h2 {
        width: 70%;
        margin: auto
    }

    .testimonial-desc {
        width: 55%
    }

    .testimonial-description {
        padding-top: 80px
    }

    .integration-section p,
    .know-zom-desc p,
    .manage-inventory-container>p,
    .next-gen-software p,
    .sales-shipping-container>p,
    .sales-shipping>p,
    .shipping-sec>p,
    .testimonial-desc>p,
    .why-zom-desc p {
        font-size: 14px;
        line-height: 24px
    }

    .cx-logos {
        bottom: 11%;
        right: 8%;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    .cx-details {
        width: 60%;
        text-align: left
    }

    .play-btn-container {
        top: 56%;
        left: 50%
    }

    .leaf-lhs,
    .leaf-rhs {
        display: none
    }

    .banner-description h1 {
        font-size: 38px;
        line-height: 44px;
        width: 90%
    }

    .banner-description h1 span {
        display: inline-block
    }

    .integration-section h2,
    .know-zom-desc h2,
    .manage-inventory-container h2,
    .mobile-app-desc h2,
    .next-gen-software h2,
    .sales-shipping h2,
    .shipping-sec h2,
    .subscribe-container h2,
    .testimonial-desc>h3,
    .why-zom-desc h2,
    .zom-pricing-container h2 {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
    }

    .subscribe-notes li {
        padding: 5px 8px
    }

    .cx-testimonal-container {
        padding-bottom: 160px
    }

    .aramex,
    .capost {
        display: none
    }

    .shipping-sec {
        margin: 80px auto 60px
    }

    .subscribe-container {
        margin: 60px auto
    }

    .sales-shipping-points {
        width: 100%;
        width: 95%
    }

    .know-zom {
        margin-bottom: -310px
    }

    .sales-shipping-container {
        padding-top: 280px
    }
}

@media screen and (max-width: 650px) {
    .sales-shipping-animation01, sales-shipping-animation02{
       width: 100%;
    }

    img.mobile-toggle.active {
        display: block;
        opacity: 1;
        -webkit-animation: opa .5s ease-out;
        animation: opa .5s ease-out
    }

    li.most-popular.plan-data {
        border-bottom-left-radius: 0
    }

    .aramex,
    .capost {
        display: block
    }

    .why-zom-img-mob>img {
        display: none
    }

    .next-gen-software h2 {
        width: 85%;
        margin: 0 auto 25px
    }

    .banner-container {
        padding-top: 50px
    }

    .play-btn-container:hover {
        width: 60px
    }

    .play-btn-text {
        display: none
    }

    .next-gen-software img {
        width: 88%;
        max-width: 100%
    }

    .mob-indicator {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }

    .mob-indicator li {
        padding: 8px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0);
        border: 1.5px solid #000;
        margin-left: 5px;
        width: 15px;
        height: 15px;
    }

    .sales-shipping-animation {
        width: 90%
    }

    .sales-shipping-img {
                height: auto;
    } 
   
    .sales-shipping-animation02 {
      margin-left: 0;
    }

    .sales-shipping-desc {
        width: 85%
    }

    .sales-shipping-points>li {
        padding-left: 10%
    }

    .know-zom-desc>h2 {
        width: 85%;
        margin-bottom: 8px
    }

    .sales-shipping-container {
        margin-bottom: 0;
        padding-top: 350px
    }

    .sales-shipping h2 {
        width: 70%;
        margin-top: 0
    }

    .promo-logos span {
        padding: 0;
        width: 150px !important;
        height: 60px;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    .snakebyte span {
        background-position: -267px -48px
    }

    .animate .alloygator span {
        background-position: -272px -132px
    }

    .miller span {
        background-position: -858px -130px
    }

    .animate .maxmarine span {
        background-position: -1065px -130px
    }

    .rapido span {
        background-position: -464px -42px
    }

    .ng-dashboard,
    .ng-tab {
        display: none
    }

    .mb-desktop .active,
    .mb-mobile .active,
    .mb-tab .active {
        display: block
    }

    .banner-img {
        width: 85%;
        margin-top: 20px
    }

    .banner-section {
        padding-bottom: 50px
    }

    .trusted-brands-section {
        padding: 0;
        margin: 60px auto 0
    }

    .banner-description h1 {
        width: 100%;
        font-size: 34px;
        line-height: 42px;
        text-align: center;
        padding: 0
    }

    .banner-description p {
        line-height: 30px;
        width: 85%
    }

    .grow-business-desc>ol>li:before {
        padding: 16px 8px 0
    }

    .zom-features li.active {
        width: 88%;
        text-align: left;
        padding: 30px 40px 40px
    }

    .zom-ico {
        display: block
    }

    .zom-ico svg {
        width: 25px;
        margin-right: 5px
    }

    .zom-features li.active:after,
    .zom-features li.active:before {
        height: 1%
    }

    .zom-features li h3 {
        font-size: 20px;
        margin-left: 0
    }

    .zom-features li.active .ans {
        font-size: 15px;
        line-height: 26px
    }

    .indicator-points li {
        padding: 8px;
        margin-left: 10px;
        width: 15px;
        height: 15px;
    }

    .indicator-points li.active {
        padding: 5px 15px
    }

    .why-zom-img-mob img {
        width: 85%
    }

    .grow-business-desc {
        padding: 35px 25px
    }

    .grow-business-desc>ol>li {
        padding: 8px 0;
        font-size: 15px;
        line-height: 24px
    }

    .next-gen-software {
        width: 90%;
        margin: 65px auto 0
    }

    .rating-sec {
        display: none
    }

    .re-apps {
        width: 100px
    }

    .recog-apps {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .manage-inventory-container {
        padding: 65px 0 75px
    }

    .recognized-by-sec {
        margin: 65px auto 30px
    }

    .integration-section {
        margin: 65px auto
    }

    .testimonial-description {
        padding-top: 65px
    }

    .shipping-sec {
        margin-top: 65px
    }

    .features-list,
    .plan-data .plan-has,
    .plan-data b {
        display: none
    }

    .pricing-page-btn {
        margin-top: 20px
    }

    .testimonial-description {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .zom-features-item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px 30px 25px;
        width: 80%;
        min-width: 200px
    }

    .cx-desc>p,
    .testimonial-desc>p {
        text-align: center
    }

    .quote-img {
        padding-left: 0;
        margin: auto
    }

    .cx-logos,
    .cx-testimonal-container {
        display: block
    }

    .cx-logos {
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto
    }

    .cx-alloygator .cx-logos .cx-alloygator,
    .cx-fatta .cx-logos .cx-fatta,
    .cx-khf .cx-logos .cx-khf,
    .cx-max .cx-logos .cx-max,
    .cx-noorhan .cx-logos .cx-noorhan {
        display: block;
        opacity: 1;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3)
    }

    .cx-logos .cx-alloygator,
    .cx-logos .cx-fatta,
    .cx-logos .cx-khf,
    .cx-logos .cx-max,
    .cx-logos .cx-noorhan {
        display: none
    }

    div.indicators {
        margin-top: 15px;
        position: relative
    }

    .grow-business-desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .why-zom-desc h2,
    .zom-pricing-list-container {
        width: 90%
    }

    .know-zom-container {
        padding-top: 55px
    }

    .zom-features-item,
    .zom-features-item:first-of-type,
    .zom-features-item:last-of-type {
        margin-left: auto;
        margin-right: auto
    }

    .shipping-sec-integ li {
        padding-right: 20px
    }

    .pricing-page-btn .feature-arrow {
        position: relative;
        top: 0;
        right: 0
    }

    .cx-testimonial-img {
        display: none
    }

    .promo-logos-section {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        display: inline-block
    }

    .re-apps {
        padding-bottom: 20px
    }

    .cx-desc>p {
        font-size: 17px;
        line-height: 32px;
        padding: 5px 28px;
        width: auto
    }

    .subscribe-notes {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: start
    }

    .cx-testimonial-img {
        left: 8%
    }

    .cx-details {
        left: 15px;
        width: 90%;
        padding: 0;
        bottom: -33%;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cx-testimonial-box {
        height: auto
    }

    .indicators {
        right: 0;
        left: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
        bottom: -50%
    }

    .shipping-sec-integ {
        display: inline-block;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        padding: 20px 0;
        width: 100%;
        margin: auto
    }

    .shipping-sec-integ li {
        padding: 0
    }

    .integration-section h2,
    .manage-inventory-container h2 {
        width: 80%
    }

    .integration-section h2,
    .know-zom-desc h2,
    .manage-inventory-container h2,
    .mobile-app-desc h2,
    .next-gen-software h2,
    .sales-shipping h2,
    .shipping-sec h2,
    .subscribe-container h2,
    .testimonial-desc>h3,
    .why-zom-desc h2,
    .zom-pricing-container h2 {
        font-size: 28px;
        line-height: 36px
    }

    .integration-section p,
    .know-zom-desc p,
    .manage-inventory-container>p,
    .next-gen-software p,
    .recognized-by-sec>span,
    .sales-shipping-container>p,
    .sales-shipping>p,
    .why-zom-desc p {
        font-size: 13px
    }

    .shipping-sec h2 {
        width: 85%;
        margin-bottom: 15px
    }

    .subscribe-notes li:before {
        padding: 0 10px 0 4px
    }

    .mobile-app-desc,
    .zom-pricing-container {
        padding-bottom: 20px
    }

    .zom-pricing-container {
        padding-bottom: 60px
    }

    .pricing-page-btn {
        width: 65%
    }

    .sales-shipping {
        margin-top: 0
    }

    .zom-pricing-list-container>li:last-child {
        border-radius: none
    }

    .indicators .left:hover,
    .indicators .right:hover {
        background-color: rgba(0, 0, 0, 0)
    }

    .element span {
        width: 120px;
        margin: auto
    }

    .motherwell span,
    .rapido span,
    .velray span {
        margin: auto
    }

    .trusted-brands-section p {
        width: 80%;
        margin: auto;
        line-height: 28px
    }

    .subscribe-container h2 {
        width: 80%
    }

    .shipping-sec-integ-container {
        width: 70%;
        margin: auto
    }

    .subscribe-container {
        padding: 60px 0
    }

    .shipping-sec {
        margin-bottom: 0
    }

    .subscribe-container {
        margin: 30px auto 60px
    }

    .usps span {
        background-position: -152px -102px
    }

    .toggle-container>p {
        font-size: 14px
    }

    .zom-pricing-list-container {
        margin-top: 45px
    }

    .get-started-btn {
        margin-bottom: 10px
    }

    .period {
        padding-bottom: 15px
    }

    .price-amount {
        padding: 5px 0 0
    }

    .plan-header {
        margin-top: 0
    }

    .most-popular.plan-data .plan-header {
        margin-top: 12px
    }

    .testimonial-desc {
        width: 85%
    }

    .testimonial-desc>h3 {
        padding-bottom: 10px
    }

    .cx-testimonal-container {
        padding-top: 45px
    }

    .subscribe-container .primary-btn {
        display: inline-block;
        max-width: 170px
    }

    .quote-img {
        width: 30px
    }

    .cx-name {
        font-size: 18px;
        margin-top: 15px
    }

    .cx-designation {
        font-size: 15px
    }

    .cx-testimonal-container {
        padding-bottom: 75px
    }

    .subscribe-notes li {
        line-height: 24px
    }

    .zom-pricing-list-container>li:first-child {
        border-top-right-radius: 8px
    }

    .most-popular.plan-data {
        border-bottom-left-radius: 0
    }

    .zom-pricing-list-container>li:last-of-type {
        border-bottom-left-radius: 8px
    }

    .why-zom-container {
        padding-top: 65px;
        padding-bottom: 80px
    }

    .zom-hamburger li {
        background-color: #b1b1b1;
        width: 50%;
        padding: 1px;
        height: 2px;
        margin: 5px auto;
        border-radius: 15%
    }

    span.sub-menu-icon {
        display: none;
        pointer-events: none
    }

    div.zi-product-header-mobile {
        position: relative
    }

    a.product-logo {
        margin-left: 10px !important
    }

    .mob-indicator li.active {
        background-color: #fa393a;
        border-color: #fa393a;
        padding: 5px 15px;
        border-radius: 22px;
        -webkit-transition: all .35s;
        transition: all .35s
    }

    .know-zom {
        margin-bottom: -400px
    }

    div.zsiq_custommain,
    div.zsiq_floatmain {
        top: 79vh
    }

    .zom-pricing-list-container>li:last-of-type {
        border-top-left-radius: 0
    }

    .grow-business-points {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

/* style 3 */
.most-popular.plan-data::before {
    content: '最受欢迎'
}

/* style 4 */
.sales-shipping-desc {
    margin-top: auto;
    margin-bottom: auto
}

.sales-shipping-header {
    padding-top: 0;
    margin-top: 0
}

h2.popup-heading {
    max-width: 64%;
    line-height: 42px
}

@media screen and (max-width: 1024px) {
    .sales-shipping-header {
        padding-top: 10px;
        margin-top: 10px
    }

    .sales-shipping-desc {
        margin: 30px auto 60px
    }

    .cx-logos>.cx-logo-img,
    .integration-apps span,
    .shipping-sec-integ span {
        background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/integ-sprite-2x.png)
    }
}

@media screen and (max-width: 650px) {
    .banner-description h1 {
        width: 100%;
        text-align: center
    }
}

.spain-compliant-banner img {
    width: 14px;
    height: 14px;
    margin-top: -3px;
    padding-right: 5px;
    vertical-align: middle
}

.spain-content b,
.compliant-link {
    font-family: var(--zf-primary-semibold)
}

/* style 6 */
html {
    scroll-behavior: smooth
}

body,
button {
    color: #000;
    font-family: Zoho Puvi, -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px
}

body {
    overflow-x: hidden
}

.zi-product-header.slide .zi-product-menu>li>a {
    color: #000 !important
}

.zi-hamburger span {
    display: block;
    max-width: 25px;
    padding: 1px;
    height: 1px;
    margin: 5px auto;
    border-radius: 15%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.zi-hamburger-menu.active,
.zi-hamburger span {
    background-color: #b1b1b1
}

.zi-hamburger-menu.active .zi-hamburger span {
    background-color: #efefef
}

.zi-hamburger-menu.active .zi-hamburger span:first-child {
    -webkit-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg)
}

.zi-hamburger-menu.active .zi-hamburger span:nth-child(2) {
    opacity: 0
}

.zi-hamburger-menu.active .zi-hamburger span:nth-child(3) {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg)
}

.zi-product-menu ul {
    margin-bottom: 0
}

.zi-product-header a:hover {
    text-decoration: none
}

.zi-product-menu>li {
    float: left;
    text-align: left
}

.zi-product-menu>li>a {
    display: inline-block;
    color: #000
}

.zi-product-header.slide .zi-product-menu>li:focus-within>a,
.zi-product-header.slide .zi-product-menu>li:hover>a,
.zi-product-header.slide .zi-product-menu li>a:hover,
.zi-product-menu li>a:hover {
    color: #f94049 !important
}

.zi-product-menu>li:focus-within>a,
.zi-product-menu>li:hover>a {
    color: #f94049
}

.zi-product-header li.customers-menu a,
.zi-product-header li.pricing-menu a {
    padding: 24px 3px
}

ul.zi-product-menu .customers-menu,
ul.zi-product-menu .pricing-menu {
    margin: 0 10px
}

.zi-dropdown-list .zi-nav-dropdown-left li {
    float: none
}

.zi-nav-list-wrapper h4 {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    line-height: 22px;
    padding: 0;
    margin: 0 0 10px
}

.zi-nav-list h4:before,
.zi-sol-res-nav-list-item h4:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/top-nav.svg);
    background-size: 160px 160px;
    background-repeat: no-repeat
}

.zi-nav-list .zi-nav-list-items li {
    line-height: normal;
    padding: 0 0 8px;
    margin-left: 0
}

.zi-nav-list .zi-nav-list-items li a {
    display: inline-block;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    padding: 0
}

.arrow-move:after,
.read-now-arrow:after,
.zi-nav-list .zi-nav-list-items a:after,
.zi-sol-res-nav-list-item a h4:after,
.zi-view-all-integ a:after {
    content: "";
    display: inline-block;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/navbar-red-arrow.svg) no-repeat 50%/contain;
    -webkit-transition: opacity .3s ease, -webkit-transform .5s ease;
    transition: opacity .3s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, opacity .3s ease;
    transition: transform .5s ease, opacity .3s ease, -webkit-transform .5s ease
}

.zi-nav-list .zi-nav-list-items a:after,
.zi-sol-res-nav-list-item a h4:after {
    width: 4px;
    height: 7px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px)
}

.arrow-move:after,
.read-now-arrow:after,
.zi-view-all-integ a:after {
    width: 4px;
    height: 7px;
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.zi-nav-list .zi-nav-list-items a:focus-visible:after,
.zi-nav-list .zi-nav-list-items a:hover:after,
.zi-sol-res-nav-list-item a:focus-visible h4:after,
.zi-sol-res-nav-list-item a:hover h4:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px)
}

.arrow-move:focus-visible:after,
.arrow-move:hover:after,
.feature-guild:focus-visible .read-now-arrow:after,
.feature-guild:hover .read-now-arrow:after,
.zi-view-all-integ a:focus-visible:after,
.zi-view-all-integ a:hover:after {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px)
}

.zi-nav-list .zi-nav-list-items a:focus-visible,
.zi-nav-list .zi-nav-list-items a:hover,
.zi-sol-res-nav-list-item a:focus-visible h4,
.zi-sol-res-nav-list-item a:hover h4 {
    color: #f94049
}

.zi-sol-res-nav-list .zi-sol-res-nav-list-item a {
    display: inline-block;
    padding: 0
}

.zi-sol-res-nav-list-item h4 {
    font-size: 13px;
    color: #000;
    font-weight: 700;
    padding: 0;
    margin: 0;
    line-height: 22px;
    letter-spacing: normal
}

.resource-dropdown .zi-nav-dropdown-right a {
    padding: 0;
    margin-bottom: 10px
}

.res-featured-reads p {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 0 0 5px
}

.zi-integ-nav-item h4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 35px;
    padding: 3px 0 0 34px;
    margin: 0;
    color: #000;
    width: 195px;
    border-left: 2px solid rgba(0, 0, 0, 0)
}

.zi-integ-item-group li a:focus-visible .zi-integ-product-name,
.zi-integ-item-group li a:hover .zi-integ-product-name {
    color: #f94049 !important
}

/*.zi-nav-dropdown-right .mobile-app-logos a,
[class^=zi-integ-icon] {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/integrations-logo.svg);
    background-size: 300px 480px;
    background-repeat: no-repeat
}*/

.zi-nav-dropdown-right .mobile-app-logos a {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0
}

.zi-nav-dropdown-right .mobile-app-logos a:focus,
.zi-nav-dropdown-right .mobile-app-logos a:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.zi-product-menu li a {
    line-height: 22px
}

.zi-inte-nav-left .zi-integ-item-group .zi-view-all-integ a {
    font-size: 12px;
    color: #f94049;
    padding: 10px 0;
    font-weight: 600;
    text-align: center;
    display: block;
    border: 1px solid #fdb3b6;
    border-radius: 8px
}

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

@-webkit-keyframes fadeanimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeanimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes movedelement {
    0% {
        margin-left: 4px
    }

    to {
        margin-left: 12px
    }
}

@keyframes movedelement {
    0% {
        margin-left: 4px
    }

    to {
        margin-left: 12px
    }
}

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

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

@media screen and (max-width: 767px) {
    .mobileview-menu-wrapper ul {
        padding: 15px 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
    }

    .menu-popup ul>li {
        border-bottom: 1px solid #efefef
    }

    .menu-popup ul>li:last-child {
        border-bottom: none
    }

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

    .zi-dropdown-menu button:after {
        content: "";
        display: block;
        height: 9px;
        width: 14px;
        background: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/arrow.svg) no-repeat;
        background-size: cover;
        -webkit-filter: invert(19%) sepia(0) saturate(0) hue-rotate(0deg) brightness(80%) contrast(90%);
        filter: invert(19%) sepia(0) saturate(0) hue-rotate(0deg) brightness(80%) contrast(90%);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease
    }

    .zi-dropdown-menu.show button:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

    .zi-product-header-inner a.product-logo {
        background-image: url(//cdn.zoho.com.cn/sites/zweb/images/commonroot/zoho-logo-web.svg) !important;
        background-repeat: no-repeat;
        padding: 2px 0 2px 100px !important;
        font-size: 24px;
        background-size: 90px auto !important;
        background-position: 0 0 !important;
        height: 40px;
        line-height: 35px;
        margin-top: 5px !important
    }

    .main {
        margin-top: 0 !important
    }

    .zi-product-menu li a {
        display: inline-block
    }
}

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

/* style 9 */
.uuid-c3149dae-c013-43df-8794-36bce32da964 {
    fill: #fff
}

/* style 10 */
.st5 {
    fill-rule: evenodd
}

.st7 {
    fill: #039a49
}

.st8 {
    fill: #fff
}

.st11 {
    fill: #e52729
}

/* style 11 */
.uuid-f87ca87b-b1fc-4409-af5b-9b492d770873 {
    fill: #fff
}

.uuid-bd191002-6735-4589-9391-d31f7d6dce70 {
    fill: #ff6545
}

/* style 12 */
.uuid-852235fc-04e7-4f00-a4f8-d095532d554d {
    fill: #faac00
}

.uuid-e8427e90-958f-42cc-b0ff-2f2b11f7253a {
    fill: #fff
}

/* style 13 */
.uuid-992c9dd0-0dc4-4680-ab82-9595c649c174 {
    fill: #0093ff
}

.uuid-972a13ff-3908-49d0-a915-fc29b64edb54 {
    fill: #fff
}

/* style 14 */
.uuid-2e9e3acd-b1e7-4b64-89bd-98380cfb4eb2 {
    fill: #231f20
}

/* style 15 */
.uuid-db42613d-49e0-4c3d-9bbd-f6cd689c28c0 {
    fill: #e94b4c
}

.uuid-c2d666e6-46e8-4395-8c35-af0f324ca9a5 {
    fill: #231f20
}

/* style 16 */
.uuid-77c2fe69-24c8-42e4-8ac4-e516d16748be {
    fill: #231f20
}

/* style 17 */
.uuid-2acaaa5c-2d65-4750-ac4b-11d2a77e74b3 {
    fill: #231e22
}

.uuid-6a63275e-7ef5-4794-abc5-c350e1e1e080 {
    fill: #ffdb5a;
    opacity: .72
}

/* style 18 */
html {
    scroll-behavior: smooth
}

/* footer {
    background-color: #000;
    line-height: normal
}

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

.zom-footer-edition-wrapper .zom-footer-edition-section>span {
    font-size: 12px
}

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

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

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

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

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

.zom-mobile-footer-section button:after {
    content: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/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
}

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

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

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

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

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

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

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

nav.zom-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.zom-footer-dropdown a:focus-visible:after,
nav.zom-footer-dropdown a:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

nav.zom-footer-dropdown ul,
nav.zom-footer-dropdown ul ol {
    margin-top: 10px;
    min-width: 197px
} */

nav.zom-freetools-links>ul,
nav.zom-integrations-links>ul,
nav.zom-solutions-links>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 45px
}

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

.zom-platform-links a {
    display: inline-block;
    height: 38px;
    background-size: 608px 187px;
    margin: 20px 0 0
}

.zom-platform-links a:first-child {
    width: 110px;
    background-position: -160px -20px
}

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

.contactus-section div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 20px;
    margin-top: 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
}

.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: 30px;
    position: relative;
    width: 200px
}

.edition-section>button:after {
    content: "";
    display: block;
    height: 7px;
    width: 12px;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/inventory/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
}

.edition-select-list-inner>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

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

.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
}

.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: 608px 187px;
    margin-right: 10px
} */

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

/* .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
}

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

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

    nav.zom-freetools-links>ul,
    nav.zom-integrations-links>ul,
    nav.zom-solutions-links>ul {
        gap: 0 80px
    }
}

@media screen and (max-width: 767px) {
    /* .zom-mobile-footer-section h3 {
        display: none
    }

    .zom-mobile-footer-section h3:after {
        display: none
    }

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

    nav.zom-footer-dropdown a {
        position: static
    }

    nav.zom-footer-dropdown a:focus-visible,
    nav.zom-footer-dropdown a:hover {
        color: #aaa
    }

    nav.zom-footer-dropdown a:after {
        display: none
    }

    nav.zom-footer-dropdown ul,
    nav.zom-footer-dropdown ul ol {
        min-width: auto;
        margin-top: 0
    } */

    nav.zom-freetools-links>ul,
    nav.zom-integrations-links>ul,
    nav.zom-solutions-links>ul {
        display: block;
        margin-top: 10px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 0
    }

    .edition-section>button {
        width: 100%;
        border-radius: 8px
    }
}

@media screen and (max-width: 499px) {
    .edition-select-list-inner>div {
        display: block
    }

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

    .edition-select-list .edition-select-list-col:last-child button:last-child {
        border-bottom: none
    }
}
@media only screen and (max-width:400px){
.banner-description .playstore{
    width: 158px;
}
}