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

.pagewrapper .content-wrap {
    max-width: 1170px;
    padding: 90px 0
}

.act-btn {
    padding: 12px 30px
}

h1,
h2,
h3 {
    font-family: var(--zf-primary-bold)
}

#block-panels-mini-product-menu {
    background: transparent -o-linear-gradient(318deg, #3725b0 0, #1c1358 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(132deg, #3725b0 0, #1c1358 100%) 0 0 no-repeat padding-box
}

#mini-panel-product_menu .menu-icon-help-header .product-title a,
#mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a,
#mini-panel-product_menu .product-nav-links .menu > li > a,
#mini-panel-product_menu .product-nav-links li .nolink,
.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a {
    color: #fff
}

.flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-part-two {
    width: 50%
}

.flex-part-three {
    width: 33.3%
}

.flex-part-four {
    width: 25%
}

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

.thick-blue-bg,
.black-bg {
    color: #fff
}

.black-bg {
    background: #000
}

.blue-bg {
    background: #1996fc
}

.thick-blue-bg {
    background: #13012a
}

.green-bg {
    background: #277d5d
}

.yellow-bg {
    background: #fec82e
}

.orange-bg {
    background: #fd4a39
}

.zcr-home-banner {
    color: #fff;
    padding: 0 0 120px;
    position: relative
}

.zcr-home-banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 120%;
    left: 0;
    top: -20%;
    z-index: -9;
    background: var(--zcr-dark-bg)
}

.body-umain .zcr-home-banner {
    padding: 0 0 80px
}

.zcr-home-banner .flex-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.zcr-home-banner .flex-part-two:first-child {
    padding-right: 5%;
    min-height: 410px
}

.zcr-home-banner .flex-part-two:first-child p {
    max-width: 540px
}

.watch-video {
    position: relative;
    background: 0;
    display: inline-block;
    color: #fff;
    margin: 0;
    padding: 0 0 0 30px;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer
}

.watch-video:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 100%
}

.watch-video:after {
    position: absolute;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    content: "";
    height: 0;
    left: 8px;
    top: 5px;
    width: 0
}

.zcr-home-banner .flex-part-two:last-child {
    min-height: 450px;
    position: relative
}

.body-umain .zcr-home-banner .flex-part-two:last-child {
    min-height: auto
}

.body-umain .zcr-home-banner .flex-part-two:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.zcr-home-banner .act-btn.cta-btn {
    display: none
}

.bnr-img {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.body-umain .bnr-img {
    opacity: 1;
    visibility: visible;
    position: relative
}

.body-umain .zcr-home-banner .act-btn.cta-btn {
    display: inline-block
}

.bnr-img {
    max-width: 500px;
    margin: 0 auto
}

.body-umain .zcr-home-banner .flex-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.signup-box {
    max-width: 400px
}

.signup-box-wrap {
    max-width: 400px;
    margin-left: auto;
    position: relative;
    z-index: 1
}

.body-umain .signup-box-wrap {
    display: none
}

.signup-box span#zip-countryname-change,
.signup-box .sign_agree,
.signup-box .za-tos-container label a,
.signup-box .za-tos-container label,
.socl-signup p,
.signup-box .za-org-container-namespace .portal-id,
#countryCodeDiv,
.signup-box input[type='text'],
.signup-box input[type='password'],
.signup-box input,
form .za-country-container .globalcountrycode-signup,
form .za-state-container .za-globalstate-signup,
.signup-box p.zcountry-info,
.signup-box .za-country-container .globalcountrycode-signup,
.signup-box .socl-signup p,
.signup-box #countryCodeDiv,
.signup-box p.dc-info,
.signup-box .za-state-container .za-globalstate-signup,
.signup-box input[type='email'],
.signupotpcontainer .change,
.signupotpcontainer .resendotp {
    color: #fff
}

.signup-box #countryCodeDiv {
    background-color: #1c2773;
    border-right: 1px solid rgba(255, 255, 255, 0.4)
}

#countryCodeDiv:before,
#countryconfirmCodeDiv:before,
.signup-box #countryCodeDiv:before,
.signup-box #countryconfirmCodeDiv:before {
    border-top: 8px solid #fff
}

.socl-signup span.vi-google {
    background-position: -253px 0;
    width: 76px;
    height: 30px
}

.socl-signup span.vi-facebook {
    background-position: -329px 0;
    height: 30px;
    width: 30px
}

.socl-signup span.vi-linkedin {
    background-position: -387px -2px
}

.socl-signup span.vi-office365 {
    background-position: -416px 0;
    width: 25px;
    height: 30px
}

.signup-box .za-newsletter-container #signup-newsletter,
.signup-box .za-tos-container #signup-termservice {
    border-color: #fff
}

.signup-box input,
.signup-box input[type='text'],
.signup-box input[type='password'],
.signup-box input[type='email'] {
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.4)
}

#countryCodeDiv {
    background-color: transparent
}

#countryconfirmCodeDiv,
.signup-box .za-org-container-namespace .portal-id {
    background-color: #0e1246
}

.signup-box .za-org-container-namespace .portal-input {
    line-height: 20px
}

.signup-box form .za-country-container .globalcountrycode-signup {
    background-color: #201662 !important;
    border: 1px solid #8b80d6
}

.zcr-home-banner ::-webkit-input-placeholder {
    color: #fff
}

.zcr-home-banner ::-moz-placeholder {
    color: #fff
}

.zcr-home-banner :-ms-input-placeholder {
    color: #fff
}

.zcr-home-banner input:-moz-placeholder {
    color: #fff
}

.za-org-container-namespace .za-org-namespace-box {
    border: 1px solid #8b80d6
}

form .za-state-container .za-globalstate-signup {
    background: #1c2773 !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important
}

.signup-box .error:not(:empty) {
    background: rgba(255, 255, 255, 0.8);
    padding: 3px 7px;
    display: inline-block
}

#signup-newsletter.checked::before,
#signup-termservice.checked::before,
#signup-newsletter.checked::after,
#signup-termservice.checked::after,
.signup-box .error:not(:empty),
.signup-box #signup-newsletter.checked::before,
.signup-box #signup-termservice.checked::before,
.signup-box #signup-newsletter.checked::after,
.signup-box #signup-termservice.checked::after {
    background: #fff
}

form .za-country-container.za-country-container-arrow::after,
form .za-state-container::after,
.signup-box .za-country-container.za-country-container-arrow::after,
.signup-box .za-state-container::after,
.signup-box .za-select-container::after {
    border-top: 8px solid #fff;
    z-index: 1
}

.bnr-card {
    content: "";
    position: absolute;
    bottom: -180px;
    right: 0;
    z-index: 0;
    width: auto;
    height: auto;
    display: none
}

.body-umain .bnr-card {
    display: none
}

.hm-trusted-brands {
    margin-top: -158px;
    position: relative
}

.hm-trusted-brands:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
    background: #000
}

.i18n-en .hm-trusted-brands:before {
    display: none
}

.hm-trusted-brands .content-wrap {
    background: #fff8ed;
    padding: 35px;
    border-radius: 15px
}

.i18n-en .hm-trusted-brands h2,
.other-lang .hm-trusted-brands h2 {
    font-size: 14px;
    line-height: 1.6;
    font-family: var(--primaryfont-semibold)
}

.trust-apps {
    width: 35%;
    font-family: var(--primaryfont-semibold);
    margin-top: 20px;
    border-radius: 5px;
    border: 1px dashed #9f9788
}

.trust-apps .flex-content {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit
}

.trust-apps p {
    font-size: 76px;
    margin-bottom: 0;
    display: inline-block;
    font-family: var(--primaryfont-bold);
    line-height: 1.2
}

.trust-apps span {
    display: block;
    font-size: 18px;
    line-height: 1.6
}

.trust-data {
    width: 50%;
    text-align: center;
    padding: 15px 20px;
    margin: 10px 0
}

.web-hide {
    display: none !important
}

.trust-data:first-child {
    border-right: 1px dashed #9f9788
}

.zcr-tb-list {
    width: 65%;
    padding-left: 20px;
    margin-top: 20px
}

.zcr-tb-list li {
    width: 31.7%;
    margin-top: 20px;
    padding: 13px 20px;
    border: 1px dashed #9f9788
}

.zcr-tb-list li:nth-child(1),
.zcr-tb-list li:nth-child(2),
.zcr-tb-list li:nth-child(3),
.zcr-tb-list ul {
    margin-top: 0
}

.zcr-tb-list .zcr-tb-amazon span {
    width: 109px;
    height: 33px;
    background-size: 500px
}

.zcr-tb-list .zcr-tb-lyft span {
    background-position: -589px 1px;
    width: 65px;
    height: 44px;
    background-size: 650px;
    top: 5px
}

.zcr-tb-list .zcr-tb-volkswagen span {
    background-position: -272px 0;
    width: 49px;
    height: 47px;
    background-size: 740px;
    top: 1px
}

.zcr-tb-list .zcr-tb-saintgobian span {
    background-position: -162px 0;
    width: 117px;
    height: 49px;
    background-size: 760px
}

.zcr-tb-list .zcr-tb-swiggy span {
    background-position: -396px 0;
    width: 31px;
    height: 45px;
    background-size: 660px;
    top: 6px
}

.zcr-tb-list .zcr-tb-marriott span {
    background-position: -446px -62px;
    width: 119px;
    height: 48px;
    background-size: 890px;
    top: 2px
}

.zcr-tb-list li div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.zcr-tb-list li img {
    display: block
}

.zcr-usecases h2 {
    text-align: center
}

.zcr-usecases .slick-initialized .slick-slide {
    margin-right: 15px
}

.usecases-slider {
    margin-top: 50px
}

.zcr-internal,
.zcr-portals,
.zcr-core,
.zcr-extend {
    padding: 25px;
    border-radius: 14px
}

.zcr-internal {
    border: 1px solid #dee1ee;
    background: #eef1fb
}

.zcr-portals {
    border: 1px solid #f0eada;
    background: #f7f3e9
}

.zcr-core {
    border: 1px solid #eae2fb;
    background: #f0ecf8
}

.zcr-extend {
    border-radius: 24px;
    border: 1px solid #d6eae1;
    background: #e8f4ef
}

.zcr-internal div,
.zcr-portals div,
.zcr-core div,
.zcr-extend div {
    margin-bottom: 30px
}

.zcr-internal div img,
.zcr-portals div img,
.zcr-core div img,
.zcr-extend div img {
    display: block
}

.zcr-usecases .slick-next,
.zcr-usecases .slick-prev {
    background: #333
}

.zcr-usecases .slick-next:after,
.zcr-usecases .slick-next:before,
.zcr-usecases .slick-prev:after,
.zcr-usecases .slick-prev:before {
    background-color: #fff
}

.zcr-usecases .slick-prev.slick-disabled,
.zcr-usecases .slick-next.slick-disabled {
    opacity: 1;
    background-color: #f0f0f0
}

.zcr-usecases .slick-next.slick-disabled:after,
.zcr-usecases .slick-next.slick-disabled:before,
.zcr-usecases .slick-prev.slick-disabled:after,
.zcr-usecases .slick-prev.slick-disabled:before {
    background-color: #a9aaab
}

.zcr-usecases .slick-prev {
    left: -14px
}

.usecases-slider p {
    font-size: 16px
}

.turn-idea {
    overflow: hidden
}

.turn-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px
}

.turn-lists li {
    border: 1px solid #292929;
    padding: 15px 10px;
    width: 19%;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.6;
    font-family: var(--zf-secondary-medium);
    color: #fff;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.turn-lists li:hover {
    border: 1px solid #2d88ff
}

.turn-lists li.is-active {
    border: 1px solid #2d88ff;
    color: #2d88ff
}

.turn-inf-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px
}

.turn-content-slider {
    width: 40%;
    padding-right: 5%
}

.turn-content-slider svg {
    width: 60px;
    height: 60px;
    margin-bottom: 20px
}

.turn-content-slider h3 {
    font-size: 30px;
    line-height: 1.6
}

.turn-content-slider p {
    margin-bottom: 20px
}

.turn-img-lists {
    width: 60%
}

.turn-img {
    background: transparent -o-linear-gradient(316deg, #401ac9 0, #d11414 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(134deg, #401ac9 0, #d11414 100%) 0 0 no-repeat padding-box;
    border-radius: 5px;
    display: block;
    padding: 15px
}

.turn-img img {
    display: block
}

.slide-count-block {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 35px 0 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 20%;
    left: 0
}

.slide-count-block:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 1px
}

.slide-count-block span.prev-slide.arrow-right {
    right: auto;
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block !important
}

.slide-count-block span.arrow-right {
    width: 36px;
    height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    right: 0;
    display: block !important
}

.slide-count-block span.arrow-right:before {
    content: "";
    display: none;
    width: 15px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 0
}

.slide-count-block span.arrow-right:after {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    content: "";
    right: 0;
    -webkit-transform: rotate(45deg) skew(-45deg, -45deg);
    -ms-transform: rotate(45deg) skew(-45deg, -45deg);
    transform: rotate(45deg) skew(-45deg, -45deg);
    border: 2px solid #fff;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px;
    -webkit-transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -o-transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86)
}

.slide-count-block span.arrow-right.prev-slide:after {
    right: 2px;
    top: 1px
}

.slide-count-block span.arrow-right.next-slide:after {
    right: 0;
    top: 1px
}

.slide-count-block span.arrow-right:after,
.slide-count-block span.arrow-right.active:after {
    -webkit-transform: rotate(45deg) skew(0, 0);
    -ms-transform: rotate(45deg) skew(0, 0);
    transform: rotate(45deg) skew(0, 0)
}

.slide-count-block span.count-box {
    width: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-family: var(--primaryfont-bold);
    background: #000;
    z-index: 1;
    position: relative;
    color: #fff
}

.turn-img-lists .slick-next,
.turn-img-lists .slick-prev {
    display: none !important
}

.turn-idea .zcr-btn-clr {
    margin-top: 80px
}

.ready-to-use {
    overflow: hidden
}

.pagewrapper .ready-to-use .content-wrap {
    overflow: visible
}

.ready-to-use p.zcr-text-center {
    max-width: 600px;
    margin: 0 auto 20px
}

.app-slider-list {
    margin: 70px 0;
    position: relative
}

.app-slider-list::after {
    background: #fff;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8029412448573179) 0, rgba(255, 255, 255, 1) 30%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8029412448573179)), color-stop(30%, rgba(255, 255, 255, 1)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8029412448573179) 0, rgba(255, 255, 255, 1) 30%);
    position: absolute;
    width: 100%;
    content: "";
    right: -100%;
    height: 100%;
    top: 0
}

.app-slider-list::before {
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    width: 100%;
    content: "";
    left: -101.7%;
    right: auto;
    height: 100%;
    top: 0;
    z-index: 9;
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.8029412448573179) 0, rgba(255, 255, 255, 1) 50%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.8029412448573179)), color-stop(50%, rgba(255, 255, 255, 1)));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.8029412448573179) 0, rgba(255, 255, 255, 1) 50%)
}

.app-slider-list .slick-list {
    overflow: unset
}

.app-slider-list .slick-slide {
    padding: 50px 30px 20px;
    border-radius: 10px;
    margin-right: 20px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.app-slider-list .slick-slide:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-slider-list .slick-slide p {
    font-size: 18px;
    line-height: 1.6;
    font-family: var(--primaryfont-semibold);
    color: #000
}

.app-slider-list .slick-slide p span {
    display: block
}

.slick-next,
.slick-prev {
    border: 1px solid #eaeaea;
    background: #fff;
    display: block !important;
    border-radius: 3px
}

.slick-prev {
    left: -20px
}

.slick-next:after,
.slick-next:before,
.slick-prev:after,
.slick-prev:before {
    height: 9px;
    background: #000
}

.slick-next:before,
.slick-prev:before {
    top: 7px
}

.slick-next:before {
    right: 12px
}

.slick-next:after,
.slick-prev:after {
    bottom: 7px
}

.slick-next:after {
    right: 12px
}

.slick-prev:before {
    left: 12px
}

.slick-prev:after {
    left: 12px
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: 0;
    cursor: auto
}

.slide-one {
    background-color: #eff3fe
}

.slide-two {
    background-color: #f6f1ff
}

.slide-three {
    background-color: #fcf6e6
}

.slide-four {
    background-color: #faedf5
}

.slide-five {
    background-color: #e0f5eb
}

.slide-six {
    background-color: #eff3fe
}

.slide-seven {
    background-color: #faedf5
}

.slide-eight {
    background-color: #e0f5eb
}

.slide-nine {
    background-color: #f6f1ff
}

.slide-ten {
    background-color: #eff3fe
}

.home-sprite-app {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/home/home-app-sprite.svg) no-repeat;
    background-size: 664px 81px;
    display: block;
    position: relative
}

.app-sprite-icon {
    display: block;
    position: relative;
    width: 66px;
    height: 66px;
    margin-bottom: 15px
}

.app-sprite-icon:before {
    content: "";
    position: absolute;
    display: block;
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/home/home-app-sprite.svg) no-repeat;
    background-size: 530px 71px;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.app-sprite-icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 66px;
    height: 66px;
    border-radius: 15px
}

.online-mng,
.school-mng,
.lead-mng,
.restaurant-mng,
.logistics-mng,
.employee-mng,
.quotation-mng,
.vendor-mng,
.property-mng,
.gym-mng {
    height: 66px;
    width: 66px;
    display: block;
    margin-bottom: 15px
}

.online-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/product-catalogue.svg) no-repeat;
    background-size: contain
}

.school-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/schooling.svg) no-repeat;
    background-size: contain
}

.lead-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/lead-management.svg) no-repeat;
    background-size: contain
}

.restaurant-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/restaurants.svg) no-repeat;
    background-size: contain
}

.logistics-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/logistics.svg) no-repeat;
    background-size: contain
}

.employee-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/employee-management.svg) no-repeat;
    background-size: contain
}

.quotation-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/quotation-management.svg) no-repeat;
    background-size: contain
}

.vendor-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/vendor-management.svg) no-repeat;
    background-size: contain
}

.property-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/property-manager.svg) no-repeat;
    background-size: contain
}

.gym-mng {
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/appdeck/gym-management.svg) no-repeat;
    background-size: contain
}

.cmplex-build h3 {
    font-size: 30px;
    line-height: 1.4
}

.smpl-build,
.lc-mngt {
    background-color: #0f0f0f;
    border-radius: 10px;
    padding: 60px;
    width: 48%;
    position: relative
}

.smpl-build {
    overflow: hidden
}

.cmplex-build-cnt {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial
}

.smpl-build ul {
    margin: 35px 0 15px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.smpl-build ul li,
.lc-mngt ul li {
    position: relative;
    padding-left: 25px;
    font-family: var(--zf-secondary-medium);
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px
}

.lc-mngt ul li {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.smpl-build ul li:before,
.lc-mngt ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    z-index: 1;
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/home/home-app-sprite.svg) no-repeat;
    background-size: 400px 81px;
    background-position: -386px -29px;
    width: 24px;
    height: 24px
}

.smpl-build ul li {
    width: 50%
}

.smpl-build ul li a {
    border-bottom: 1px solid #fff;
    color: #fff;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.smpl-build ul li a:hover {
    color: #2869f6
}

.smpl-build p {
    max-width: 360px;
    margin-bottom: 25px
}

.lc-mngt .app-mngt-list {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 2px solid #717171;
    padding: 0 25px;
    margin-top: 40px;
    min-height: 322px
}

.life-mngt {
    width: 60%
}

.life-mngt-chart {
    background: transparent -o-linear-gradient(top, #fdda00 0, #fd0878 39%, #37157e 100%) 0 0 no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#fdda00), color-stop(39%, #fd0878), to(#37157e)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(180deg, #fdda00 0, #fd0878 39%, #37157e 100%) 0 0 no-repeat padding-box;
    border-radius: 5px 5px 0 0;
    width: 115px;
    height: 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.in-view .life-mngt-chart {
    height: 32px
}

.other-mngt {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.other-mngt div {
    background: transparent -o-linear-gradient(top, #fdda00 0, #fd0878 39%, #37157e 100%) 0 0 no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#fdda00), color-stop(39%, #fd0878), to(#37157e)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(180deg, #fdda00 0, #fd0878 39%, #37157e 100%) 0 0 no-repeat padding-box;
    border-radius: 5px 5px 0 0;
    color: #fff;
    width: 115px;
    height: 0;
    text-align: center;
    padding-top: 30px;
    margin-left: auto;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.in-view .other-mngt div {
    height: 320px
}

.other-mngt span {
    display: block;
    padding-bottom: 50px;
    font-family: var(--primaryfont-semibold);
    font-size: 16px;
    line-height: 1.6;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.in-view .other-mngt span:first-child,
.in-view .other-mngt span:nth-child(2),
.in-view .other-mngt span:nth-child(3),
.in-view .other-mngt span:last-child,
.in-view .lc-mngt ul li:first-child,
.in-view .lc-mngt ul li:nth-child(2),
.in-view .lc-mngt ul li:nth-child(3),
.in-view .lc-mngt ul li:last-child {
    opacity: 1;
    visibility: visible
}

.in-view .other-mngt span:first-child,
.lc-mngt ul li:first-child {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.in-view .other-mngt span:nth-child(2),
.lc-mngt ul li:nth-child(2) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.in-view .other-mngt span:nth-child(3),
.lc-mngt ul li:nth-child(3) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.in-view .other-mngt span:last-child,
.lc-mngt ul li:last-child {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

.other-mngt span:last-child {
    padding-bottom: 40px
}

.prdt-app {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 37px 0 31px;
    margin-top: 20px
}

.prdt-app p {
    margin-bottom: 0
}

.life-mngt h3,
.other-mngt h3 {
    display: none
}

.cmplx-card {
    content: "";
    position: absolute;
    height: 240px;
    width: 240px;
    bottom: 0;
    right: -83px;
    z-index: 1
}

.empowering {
    text-align: center
}

.pagewrapper .empowering .content-wrap {
    padding: 70px 0 0
}

.empowering .flex-content {
    border: 1px solid #2f2f2f;
    border-radius: 10px;
    margin: 50px auto 0;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit
}

.empowering .flex-part-four {
    border-right: 1px solid #2f2f2f;
    padding: 30px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.empowering .flex-part-four:hover {
    -webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075);
    background-color: #191b1f;
    background: transparent -o-linear-gradient(295deg, #191b1f 0, #151515 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(155deg, #191b1f 0, #151515 100%) 0 0 no-repeat padding-box;
    border-color: #191b1f;
    border-radius: 10px
}

.empowering .flex-part-four:last-child {
    border-right: 0
}

.empowering p {
    margin: 20px 0 0;
    font-family: var(--primaryfont-semibold);
    font-size: 20px;
    color: #fff
}

.empowering-img {
    max-width: 220px;
    margin: 0 auto;
    padding: 10px 10px 0;
    border-radius: 10px
}

.empowering-img img {
    display: block
}

.emp-arrow {
    display: block;
    margin: 20px auto 0;
    width: 12px;
    height: 12px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.emp-arrow::before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    position: relative;
    top: -2px;
    right: -6px;
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    transform: rotate(130deg);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.emp-arrow::after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #666;
    -webkit-transform: rotate(-90deg) translate(24px, 4px);
    -ms-transform: rotate(-90deg) translate(24px, 4px);
    transform: rotate(-90deg) translate(24px, 4px);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

@-webkit-keyframes bounceRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

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

@keyframes bounceRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

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

.empowering .flex-part-four:hover .emp-arrow:before {
    border-color: #2869f6
}

.empowering .flex-part-four:hover .emp-arrow::after {
    background-color: #2869f6
}

.starter-guide p {
    max-width: 500px
}

.pagewrapper .starter-guide .content-wrap {
    padding: 70px 0
}

.starter-guide .flex-part-two:first-child {
    padding: 70px;
    width: 40%;
    position: relative
}

.starter-guide .flex-part-two:first-child:before {
    content: "";
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/home/starter-guide-bg.png) no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes rotation-circle {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
        -ms-transform: translate(-50%, -50%) rotate(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(359deg);
        transform: translate(-50%, -50%) rotate(359deg);
        -ms-transform: translate(-50%, -50%) rotate(359deg)
    }
}

@keyframes rotation-circle {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(359deg);
        transform: translate(-50%, -50%) rotate(359deg)
    }
}

.starter-guide .flex-part-two:last-child {
    padding-left: 5%;
    width: 60%
}

.starter-guide-img {
    max-width: 250px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.hm-testimonials h2 span {
    background: transparent -o-linear-gradient(176deg, #f60d2b 0, #2255ec 70%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(274deg, #f60d2b 0, #2255ec 70%) 0 0 no-repeat padding-box;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.hm-testimonials .flex-content {
    margin: 30px 0 50px
}

.hm-testimonials .testi-lists {
    padding: 0;
    position: relative
}

.hm-testimonials .testi-lists:after {
    content: "";
    position: absolute;
    right: 40px;
    bottom: 18px;
    z-index: 1;
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/home/home-app-sprite.svg) no-repeat;
    background-size: 440px 81px;
    background-position: -355px 0;
    width: 70px;
    height: 68px;
    display: none
}

.hm-testimonials .testimonials-cnt {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 60px 30px 40px;
    position: relative;
    min-height: 406px
}

.testi-mehmet,
.testi-neil,
.testi-hunter {
    position: relative
}

.testi-img {
    position: absolute;
    top: -59px;
    left: 50px;
    z-index: 1;
    width: 100px;
    height: 100px
}

.testi-img:before,
.hm-testimonials .testimonials-cnt:after,
.hm-testimonials .testimonials-cnt:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    z-index: -1;
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s
}

.hm-testimonials .testimonials-cnt:before {
    top: -20px;
    left: 80px;
    border: 1px solid #5eddd4;
    -webkit-animation: rotation 10s infinite linear;
    animation: rotation 10s infinite linear
}

.hm-testimonials .in-view .testimonials-cnt:before {
    top: -70px
}

.hm-testimonials .slick-track {
    padding-top: 100px
}

.testi-img:before {
    left: 13px;
    top: 42px;
    border: 1px solid #f58a83;
    -webkit-animation: rotation 8s infinite linear;
    animation: rotation 8s infinite linear
}

.in-view .testi-img:before {
    left: -17px
}

.hm-testimonials .flex-part-three:first-child .testi-img:after {
    background: #f5eee5
}

.hm-testimonials .flex-part-three:nth-child(2) .testi-img:after {
    background: #eefafd
}

.hm-testimonials .flex-part-three:nth-child(3) .testi-img:after {
    background: #eaebff
}

.hm-testimonials .testimonials-cnt:after {
    left: 105px;
    top: -30px;
    border: 1px solid #4e84f8
}

.hm-testimonials .in-view .testimonials-cnt:after {
    left: 145px;
    -webkit-animation: rotation 9s infinite linear;
    animation: rotation 9s infinite linear
}

.testi-cnt {
    font-family: var(--zf-splfontserif-regular)
}

.testi-name {
    font-size: 15px;
    line-height: 1.6
}

.testi-name span {
    font-family: var(--primaryfont-semibold);
    display: block;
    color: #2869f6;
    font-size: 18px;
    line-height: 1.6
}

.hm-testimonials .slick-initialized .slick-slide {
    padding-right: 20px;
    outline: 0
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.i18n-en .hmp-btm-cta h2 {
    font-size: 48px
}

.hmp-btm-cta h2 span.txt-block {
    display: block
}

.faq h2 {
    text-align: center;
    margin-bottom: 60px
}

.faq h2:before {
    display: block;
    content: '';
    background: url(//www.zohowebstatic.com/sites/zweb/images/creator/home/red-faq-icon.png) no-repeat;
    width: 90px;
    height: 70px;
    background-size: 100%;
    margin: auto
}

.faq-wrap {
    max-width: 980px;
    margin: auto
}

.faq-item {
    border-bottom: 1px solid #d3d3d3
}

.faq-item:first-child .faq-ans {
    display: block
}

.faq-ans {
    display: none;
    padding-bottom: 10px;
    padding-left: 42px
}

.faq-item h4 {
    margin-bottom: 0;
    font-family: var(--zf-secondary-medium);
    padding: 20px 0 20px 40px;
    cursor: pointer;
    position: relative;
    font-size: 20px;
    color: #000
}

.faq-item h4:hover {
    color: #555
}

.faq-item h4:before,
.faq-item h4:after {
    content: '';
    position: absolute;
    background: #ea5154
}

.faq-item:hover h4:before,
.faq-item:hover h4:after {
    background: #555
}

.faq-item h4:before {
    left: 0;
    top: 35px;
    height: 2px;
    width: 16px
}

.faq-item h4:after {
    left: 7px;
    width: 2px;
    top: 28px;
    height: 15px
}

.faq-item.active h4:after {
    height: 0
}

.block3 .zicon:before {
    position: absolute;
    left: -100px;
    top: 13px
}

.zicon:before {
    display: block;
    content: '';
    width: 50px;
    height: 50px;
    margin-bottom: 15px
}

.other-lang .watch-video,
.other-lang .ready-to-use,
.other-lang .hm-testimonials,
.other-lang .starter-guide,
.other-lang .platform-leader {
    display: none
}

.other-lang .turn-lists li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.i18n-es-xl .other-mngt span,
.i18n-fr .trust-apps span {
    font-size: 13px
}

.i18n-es-xl .trust-data {
    padding: 18px 5px
}

.i18n-es-xl .empowering p {
    font-size: 18px
}

.i18n-pt-br .trust-data {
    padding: 1px 20px
}

.i18n-nl .trust-apps span {
    font-size: 15px
}

.i18n-es-xl .trust-apps span,
.i18n-nl .other-mngt span {
    font-size: 14px
}

.i18n-fr .empowering p,
.i18n-id .trust-apps span,
.i18n-vi .empowering p,
.i18n-vi .trust-apps span {
    font-size: 16px
}

.i18n-vi .trust-data {
    padding: 17px 20px
}

.i18n-it .empowering p {
    font-size: 16px
}

.i18n-ja .trust-apps span {
    font-size: 16px
}

.i18n-ja .life-mngt ul li {
    width: 100%
}

.i18n-ar .zcr-home-banner,
.i18n-he .zcr-home-banner {
    width: 100%
}

.i18n-ar .zcr-home-banner .flex-part-two:first-child,
.i18n-he .zcr-home-banner .flex-part-two:first-child {
    padding: 0 0 0 5%
}

.i18n-ar .turn-content-slider,
.i18n-he .turn-content-slider {
    padding-left: 5%;
    padding-right: 0
}

.i18n-ar .slide-count-block,
.i18n-he .slide-count-block {
    right: 0;
    left: auto
}

.i18n-ar .slide-count-block span.prev-slide.arrow-right,
.i18n-he .slide-count-block span.prev-slide.arrow-right {
    left: auto;
    right: 0
}

.i18n-ar .slide-count-block:before,
.i18n-he .slide-count-block:before {
    right: 1px;
    left: auto
}

.i18n-ar .slide-count-block span.arrow-right,
.i18n-he .slide-count-block span.arrow-right {
    left: 0;
    right: auto
}

.i18n-ar .slide-count-block span.arrow-right.next-slide:after,
.i18n-he .slide-count-block span.arrow-right.next-slide:after {
    left: 0;
    right: auto
}

.i18n-ar .slide-count-block span.arrow-right:after,
.i18n-ar .slide-count-block span.arrow-right.active:after,
.i18n-he .slide-count-block span.arrow-right:after,
.i18n-he .slide-count-block span.arrow-right.active:after {
    webkit-transform: rotate(-45deg) skew(0, 0);
    -ms-transform: rotate(-45deg) skew(0, 0);
    -webkit-transform: rotate(-135deg) skew(0, 0);
    transform: rotate(-135deg) skew(0, 0)
}

.i18n-ar .slide-count-block span.arrow-right.prev-slide:after,
.i18n-he .slide-count-block span.arrow-right.prev-slide:after {
    left: 2px;
    right: auto
}

.i18n-ar .smpl-build ul li,
.i18n-ar .lc-mngt ul li,
.i18n-he .smpl-build ul li,
.i18n-he .lc-mngt ul li {
    padding: 0 25px 0 0
}

.i18n-ar .smpl-build ul li:before,
.i18n-ar .lc-mngt ul li:before,
.i18n-he .smpl-build ul li:before,
.i18n-he .lc-mngt ul li:before {
    right: -8px;
    left: auto
}

.i18n-ar .starter-guide .flex-part-two:last-child,
.i18n-he .starter-guide .flex-part-two:last-child {
    padding-right: 5%;
    padding-left: 0
}

.i18n-ar .watch-video,
.i18n-he .watch-video {
    padding: 0 30px 0 0
}

.i18n-ar .watch-video:before,
.i18n-he .watch-video:before {
    right: 0;
    left: auto
}

.i18n-ar .watch-video:after,
.i18n-he .watch-video:after {
    right: 8px;
    left: auto;
    border-left: 0;
    border-right: 6px solid #fff
}

.i18n-ar .zcr-tb-list,
.i18n-he .zcr-tb-list {
    padding-left: 0;
    padding-right: 20px
}

.i18n-ar .trust-data:first-child,
.i18n-he .trust-data:first-child {
    border-left: 1px dashed #9f9788;
    border-right: 0
}

.i18n-ar .other-mngt span,
.i18n-he .other-mngt span {
    text-align: center
}

.i18n-ar .other-mngt div,
.i18n-he .other-mngt div {
    margin-right: auto;
    margin-left: 0
}

.i18n-ar .cmplx-card,
.i18n-he .cmplx-card {
    left: -83px;
    right: auto;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.i18n-ar .emp-arrow::before,
.i18n-he .emp-arrow::before {
    left: -6px;
    right: auto;
    border-right: 2px solid #666;
    border-left: 0;
    -webkit-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    transform: rotate(-130deg)
}

.i18n-ar .empowering .flex-part-four:first-child,
.i18n-he .empowering .flex-part-four:first-child {
    border-right: 0
}

.i18n-ar .empowering .flex-part-four:last-child,
.i18n-he .empowering .flex-part-four:last-child {
    border-right: 0
}

.i18n-ar .emp-arrow::after,
.i18n-he .emp-arrow::after {
    -webkit-transform: rotate(-90deg) translate(24px, -3px);
    -ms-transform: rotate(-90deg) translate(24px, -3px);
    transform: rotate(-90deg) translate(24px, -3px)
}

.i18n-ar .zcr-btn-brd,
.i18n-he .zcr-btn-brd {
    margin-right: 1px
}

.i18n-ar .empowering p,
.i18n-he .empowering p {
    font-size: 15px
}

.i18n-ja .rated-platform {
    display: none
}

.i18n-ja .pagewrapper .empowering .content-wrap {
    padding: 70px 0 90px
}

.region-mea .zcr-tb-list li span,
.region-africa .zcr-tb-list li span,
.i18n-ar .zcr-tb-list li span {
    background: url("//www.zohowebstatic.com/sites/zweb/images/creator/zcr-trusted-brands-mea-sprite.png");
    background-size: auto 50px;
    background-position: center left;
    vertical-align: middle
}

.region-mea .zcr-tb-list li,
.region-africa .zcr-tb-list li,
.i18n-ar .zcr-tb-list li {
    padding: 14px 20px
}

.region-mea .zcr-tb-list .zcr-tb-damac span,
.region-africa .zcr-tb-list .zcr-tb-damac span,
.i18n-ar .zcr-tb-list .zcr-tb-damac span {
    width: 150px;
    height: 20px;
    top: 8px
}

.region-mea .zcr-tb-list .zcr-tb-extra span,
.region-africa .zcr-tb-list .zcr-tb-extra span,
.i18n-ar .zcr-tb-list .zcr-tb-extra span {
    background-position: -260px -3px;
    width: 75px;
    height: 45px
}

.region-mea .zcr-tb-list .zcr-tb-yellow span,
.region-africa .zcr-tb-list .zcr-tb-yellow span,
.i18n-ar .zcr-tb-list .zcr-tb-yellow span {
    background-position: -436px -15px;
    width: 120px;
    height: 34px;
    background-size: auto 65px;
    top: 5px
}

.region-mea .zcr-tb-list .zcr-tb-fdmc span,
.region-africa .zcr-tb-list .zcr-tb-fdmc span,
.i18n-ar .zcr-tb-list .zcr-tb-fdmc span {
    background-position: -557px -8px;
    width: 130px;
    height: 40px;
    background-size: auto 65px;
    top: 3px
}

.region-mea .zcr-tb-list .zcr-tb-iffco span,
.region-africa .zcr-tb-list .zcr-tb-iffco span,
.i18n-ar .zcr-tb-list .zcr-tb-iffco span {
    background-position: -150px -5px;
    width: 110px;
    height: 38px
}

.region-mea .zcr-tb-list .zcr-tb-rcsi span,
.region-africa .zcr-tb-list .zcr-tb-rcsi span,
.i18n-ar .zcr-tb-list .zcr-tb-rcsi span {
    background-position: -477px 0;
    width: 32px;
    height: 45px;
    background-size: auto 45px
}

.lang-rtl .zcr-tb-list .zcr-tb-omantel,
.lang-rtl .zcr-tb-list .zcr-tb-talabat,
.lang-rtl.region-africa .zcr-tb-list .zcr-tb-fdmc,
.lang-rtl.region-africa .zcr-tb-list .zcr-tb-fdmc span,
.region-africa .zcr-tb-list .zcr-tb-fdmc,
.region-mea .zcr-tb-list .zcr-tb-goil,
.region-mea .zcr-tb-list .zcr-tb-goil span,
.lang-rtl .zcr-tb-list .zcr-tb-goil,
.lang-rtl .zcr-tb-list .zcr-tb-goil span,
.zcr-tb-list li.zcr-tb-goil,
.region-africa .zcr-tb-list .zcr-tb-omantel,
.region-africa .zcr-tb-list .zcr-tb-talabat,
.region-mea .zcr-tb-omantel,
.region-mea .zcr-tb-talabat {
    display: none
}

.lang-rtl.region-africa .zcr-tb-list .zcr-tb-goil,
.lang-rtl.region-africa .zcr-tb-list .zcr-tb-goil span,
.region-africa .zcr-tb-list .zcr-tb-goil,
.region-africa .zcr-tb-list .zcr-tb-goil span {
    display: inline-block
}

.region-mea .zcr-tb-list .zcr-tb-omantel span,
.region-africa .zcr-tb-list .zcr-tb-omantel span,
.i18n-ar .zcr-tb-list .zcr-tb-omantel span {
    background-position: -532px 0;
    width: 84px;
    height: 40px;
    background-size: auto 40px
}

.region-mea .zcr-tb-list .zcr-tb-talabat span,
.region-africa .zcr-tb-list .zcr-tb-talabat span,
.i18n-ar .zcr-tb-list .zcr-tb-talabat span {
    background-position: -703px -16px;
    width: 120px;
    height: 30px;
    background-size: auto 62px;
    top: 5px
}

.region-mea .zcr-tb-list .zcr-tb-goil span,
.region-africa .zcr-tb-list .zcr-tb-goil span,
.i18n-ar .zcr-tb-list .zcr-tb-goil span {
    background-position: -615px 0;
    width: 32px;
    height: 40px;
    background-size: auto 40px;
    top: 3px
}

.zsiq_theme1.zsiq_floatmain {
    display: none !important
}

.tech-lists p {
    max-width: 370px
}

.getquote-box .rd-demoButton {
    display: none
}

.i18n-ar .signup-box .za-newsletter-container label,
.i18n-he .signup-box .za-newsletter-container label {
    padding-right: 20px
}

.hm-testimonials-vdo-sec {
    text-align: center;
    display: none;
    background: #000;
    color: #fff
}

.hm-testimonials-vdo-sec .content-wrap {
    padding: 90px 0 5px
}

.waves-prt {
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgb(151, 148, 148, 0.4);
    border-radius: 100%;
    left: 50%;
    top: 50%;
    z-index: 0;
    cursor: pointer;
    -webkit-animation: waves 1s linear infinite;
    animation: waves 1s linear infinite
}

.zcr-test-vdo-area {
    position: relative;
    margin: 40px auto 0;
    max-width: 800px;
    padding: 15px;
    border-radius: 60px 10px
}

.zcr-test-vdo-area:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    border-radius: 60px 20px
}

.zcr-vm-video-icon::before,
.zcr-vm-video-icon::after {
    content: "";
    position: absolute;
    z-index: 1;
    transform: translate(-50%, -50%)
}

.zcr-vm-video-icon::before {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #000;
    right: auto;
    top: 50%;
    cursor: pointer;
    bottom: auto;
    left: 50%;
    opacity: 1;
    border: 2px solid rgba(0, 0, 0, 0.3)
}

.zcr-vm-video-icon::after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 20px 0 20px 30px;
    width: 0;
    height: 0;
    left: 50.5%;
    top: 50%;
    cursor: pointer
}

.zcr-test-vdo-area img {
    display: block;
    border-radius: 50px 10px;
    border: 10px solid
}

.zcr-test-vdo-area h3 {
    position: absolute;
    left: 40px;
    bottom: 30px;
    z-index: 1;
    width: 80%;
    height: auto;
    font-size: 18px;
    z-index: 99;
    color: #fff;
    text-align: left;
    text-shadow: 0 5px 9px rgba(0, 0, 0, 1)
}

.i18n-id .hm-testimonials-vdo-sec,
.i18n-th .hm-testimonials-vdo-sec {
    display: block
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
        transform: translate(-50%, -50%) scale(0.5, 0.5);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }

    50% {
        opacity: .9;
        -ms-filter: "alpha(opacity=90)"
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(0.9, 0.9);
        transform: translate(-50%, -50%) scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }
}

@keyframes waves {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
        transform: translate(-50%, -50%) scale(0.5, 0.5);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }

    50% {
        opacity: .9;
        -ms-filter: "alpha(opacity=90)"
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(0.9, 0.9);
        transform: translate(-50%, -50%) scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }
}

.ccode-eucountries .signup-box-wrap .za-newsletter-container .news-signup a {
    color: #fff
}

.i18n-ar .signup-box.signup-box-dark .za-email-container a {
    color: #000
}

.other-lang .signup-box .za-email-container a {
    color: #000
}

.platform-list p span {
    font-size: 14px;
    line-height: 1.6;
    display: inline-block;
    color: #747474
}

.i18n-ar .zcr-flex-part-four p {
    direction: ltr
}

@media all and (min-width:1200px) {

    .inup1,
    .inup2,
    .inup3,
    .inup4,
    .inup5,
    .inup6 {
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
        transition: -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
        -o-transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
        transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3);
        transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.3)
    }

    .in-view .inup1,
    .in-view .inup2,
    .in-view .inup3,
    .in-view .inup4,
    .in-view .inup5,
    .in-view .inup6 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .fadeinup1,
    .fadeinup2,
    .fadeinup3,
    .fadeinup4,
    .fadeinup5,
    .fadeinup6,
    .fadeinup7,
    .fadeinup8,
    .fadeinup9 {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transition: opacity 1s ease-in, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        -o-transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2)
    }

    .fadeindown1 {
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transition: opacity 1s ease-in, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        -o-transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2);
        transition: opacity 1s ease-in, transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2), -webkit-transform 1s cubic-bezier(0.39, 0.575, 0.565, 1.2)
    }

    .in-view .fadeinup1,
    .in-view .fadeinup2,
    .in-view .fadeinup3,
    .in-view .fadeinup4,
    .in-view .fadeinup5,
    .in-view .fadeinup6,
    .in-view .fadeinup7,
    .in-view .fadeinup8,
    .in-view .fadeinup9,
    .in-view .fadeindown1,
    .in-view .fadeindown2,
    .in-view .fadeindown3,
    .in-view .fadeindown4 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }

    .fadeindown1,
    .fadeinup1,
    .inup1,
    .bnrimg1,
    .bnrimg4 {
        -webkit-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms
    }

    .fadeindown2,
    .fadeinup2,
    .inup2,
    .bnrimg2,
    .bnrimg5 {
        -webkit-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms
    }

    .fadeindown3,
    .fadeinup3,
    .inup3,
    .bnrimg3,
    .bnrimg6 {
        -webkit-transition-delay: 500ms;
        -o-transition-delay: 500ms;
        transition-delay: 500ms
    }

    .fadeinup4,
    .inup4 {
        -webkit-transition-delay: 700ms;
        -o-transition-delay: 700ms;
        transition-delay: 700ms
    }

    .fadeinup5,
    .inup5 {
        -webkit-transition-delay: 900ms;
        -o-transition-delay: 900ms;
        transition-delay: 900ms
    }

    .fadeinup6,
    .inup6 {
        -webkit-transition-delay: 1100ms;
        -o-transition-delay: 1100ms;
        transition-delay: 1100ms
    }

    .fadeinup7,
    .inup7 {
        -webkit-transition-delay: 1300ms;
        -o-transition-delay: 1300ms;
        transition-delay: 1300ms
    }

    .fadeinup8,
    .inup8 {
        -webkit-transition-delay: 1500ms;
        -o-transition-delay: 1500ms;
        transition-delay: 1500ms
    }

    .fadeinup9,
    .inup9 {
        -webkit-transition-delay: 1700ms;
        -o-transition-delay: 1700ms;
        transition-delay: 1700ms
    }

    .fadeinright1,
    .fadeinright2,
    .fadeinright3 {
        -webkit-transform: translateX(70px);
        -ms-transform: translateX(70px);
        transform: translateX(70px);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
        -o-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
        transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86)
    }

    .fadeinright1 {
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms
    }

    .in-view .fadeinright1,
    .in-view .fadeinright2,
    .in-view .fadeinright3 {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }

    .fadeinleft1,
    .fadeinleft2,
    .fadeinleft3 {
        -webkit-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        transform: translateX(-70px);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
        -o-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
        transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86)
    }

    .fadeinup1,
    .fadeinleft1,
    .inup1,
    .fadeinright1 {
        -webkit-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms
    }

    .in-view .fadeinleft1,
    .in-view .fadeinleft2,
    .in-view .fadeinleft3 {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }

    .i18n-de .trust-data {
        margin: 12px 0
    }

    .i18n-fr .trust-data {
        padding: 15px 17px;
        margin: 14px 0
    }

    .i18n-de .trust-apps span {
        font-size: 15px
    }
}

@media(max-width:1440px) {

    .zcr-internal,
    .zcr-portals,
    .zcr-core,
    .zcr-extend {
        padding: 22px
    }
}

@media all and (min-width:1400px) {
    .i18n-en h1 {
        font-size: 58px
    }

    .i18n-en h2 {
        font-size: 42px
    }

    .zcr-home-banner .flex-part-two:first-child p {
        font-size: 21px
    }

    .pagewrapper .zcr-home-banner .content-wrap {
        overflow: visible
    }

    .bnr-img img {
        max-width: 130%
    }

    .body-umain .zcr-home-banner .flex-part-two:last-child {
        min-height: 530px
    }

    .i18n-ar .empowering p,
    .i18n-he .empowering p {
        font-size: 17px
    }
}

@media(min-width:1200px) and (max-width:1399px) {
    .i18n-en h1 {
        font-size: 54px
    }

    .i18n-en h2 {
        font-size: 40px
    }
}

@media(min-width:1200px) and (max-width:1300px) {
    .turn-lists li {
        font-size: 15px;
        width: 19%
    }
}

@media(min-width:1200px) and (max-width:1220px) {
    .hm-testimonials .testimonials-cnt {
        min-height: 427px
    }
}

@media(min-width:992px) and (max-width:1399px) {
    .pagewrapper .zcr-home-banner .content-wrap {
        padding: 100px 0 120px
    }
}

@media(max-width:1280px) {
    .usecases-slider p {
        font-size: 17px;
        max-width: 290px
    }
}

@media all and (min-width:992px) and (max-width:1280px) {
    .i18n-pt-br .smpl-build ul li {
        padding-right: 10px
    }

    .i18n-th .smpl-build ul,
    .i18n-vi .smpl-build ul,
    .i18n-it .smpl-build ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media all and (min-width:992px) and (max-width:1199px) {
    .i18n-en h1 {
        font-size: 46px
    }

    .pagewrapper .content-wrap {
        width: 94%
    }

    .turn-lists li {
        width: 19%;
        font-size: 13px
    }

    .hm-testimonials .testimonials-cnt {
        min-height: 454px
    }

    .i18n-es-xl .trust-data {
        padding: 5px 5px
    }

    .i18n-es-xl .trust-apps span,
    .i18n-es-xl .empowering p {
        font-size: 15px
    }

    .i18n-nl .trust-data {
        padding: 15px 12px;
        margin: 13px 0
    }

    .i18n-nl .trust-apps span,
    .i18n-vi .trust-apps span {
        font-size: 14px
    }

    .i18n-vi .trust-data {
        padding: 18px 18px
    }

    .i18n-it .trust-data {
        padding: 17px 18px
    }

    .i18n-it .trust-apps span {
        font-size: 15px
    }

    .i18n-ja .trust-apps span {
        font-size: 14px
    }

    .i18n-ar .smpl-build ul li,
    .i18n-he .smpl-build ul li {
        padding: 0 25px
    }

    .i18n-fr .trust-data {
        margin: 8px 0
    }
}

@media(max-width:1199px) {

    .bnr-card,
    .body-umain .bnr-card {
        display: none
    }

    .slide-count-block {
        display: none
    }

    .trust-data {
        padding: 15px 18px
    }

    .usecases-slider {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
    }

    .usecases-slider .slider-wrap {
        width: 48%
    }

    .usecases-slider p {
        font-size: 16px
    }

    .cmplx-card {
        display: none
    }

    .smpl-build,
    .lc-mngt {
        padding: 40px
    }

    .empowering p {
        font-size: 17px
    }

    .starter-guide .flex-part-two:first-child {
        padding: 0
    }

    .starter-guide .flex-part-two:first-child:before {
        -webkit-animation: none;
        animation: none;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .i18n-en .hmp-btm-cta h2 {
        font-size: 38px
    }

    .i18n-de .trust-data {
        padding: 1px 18px
    }

    .i18n-fr .trust-data {
        padding: 9px 18px
    }

    .i18n-fr .trust-apps span {
        font-size: 14px
    }

    .region-mea .zcr-tb-list .zcr-tb-damac span,
    .region-africa .zcr-tb-list .zcr-tb-damac span,
    .i18n-ar .zcr-tb-list .zcr-tb-damac span {
        background-size: auto 40px;
        width: 120px
    }
}

@media all and (max-width:991px) {
    .pagewrapper .content-wrap {
        padding: 70px 0
    }

    .zcr-home-banner .flex-part-two:last-child,
    .body-umain .zcr-home-banner .flex-part-two:last-child {
        min-height: auto
    }

    .zcr-home-banner .act-btn.cta-btn {
        display: inline-block
    }

    .zcr-home-banner .flex-part-two:first-child {
        min-height: auto
    }

    .pagewrapper .hm-trusted-brands .content-wrap {
        padding: 30px
    }

    .trust-data {
        padding: 9px;
        margin: 14px 0
    }

    .trust-apps p {
        line-height: 1.1
    }

    .zcr-tb-list ul {
        max-width: 100%
    }

    .zcr-tb-list li {
        margin-top: 10px
    }

    .zcr-tr-brand .zcr-tb-amazon span {
        background-size: 373px;
        background-position: 0 2px;
        width: 80px;
        height: 28px;
        left: 0
    }

    .zcr-tb-list .zcr-tb-lyft span {
        background-position: -489px 1px;
        width: 54px;
        height: 38px;
        background-size: 540px;
        top: 7px
    }

    .zcr-tb-list .zcr-tb-volkswagen span {
        background-position: -235px 0;
        width: 43px;
        height: 41px;
        background-size: 640px;
        top: 2px
    }

    .zcr-tb-list .zcr-tb-saintgobian span {
        background-position: -128px 0;
        width: 92px;
        height: 41px;
        background-size: 600px;
        left: -3px;
        top: 3px
    }

    .zcr-tb-list .zcr-tb-swiggy span {
        background-position: -360px 0;
        width: 28px;
        height: 42px;
        background-size: 600px
    }

    .zcr-tb-list .zcr-tb-marriott span {
        background-position: -348px -48px;
        width: 96px;
        height: 41px;
        background-size: 700px;
        top: 5px;
        left: -5px
    }

    .usecases-slider {
        margin-top: 30px
    }

    .zcr-internal,
    .zcr-portals,
    .zcr-core,
    .zcr-extend {
        padding: 20px
    }

    .app-slider-list {
        margin: 40px 0
    }

    .smpl-build,
    .lc-mngt {
        padding: 25px
    }

    .smpl-build ul.flex-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .lc-mngt .app-mngt-list {
        padding: 0
    }

    .prdt-app {
        padding: 0 15px
    }

    .empowering .flex-part-four {
        padding: 18px
    }

    .empowering p {
        font-size: 15px
    }

    .turn-inf-list {
        margin-top: 10px
    }

    .turn-lists,
    .turn-img-lists {
        display: none
    }

    .turn-content-slider h3 {
        font-size: 24px
    }

    .turn-content-slider {
        padding-right: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .turn-cnts {
        opacity: 1 !important;
        width: 47%;
        margin-top: 60px;
        position: relative;
        z-index: 0 !important
    }

    .pagewrapper .hm-testimonials .content-wrap {
        max-width: 700px
    }

    .hm-testimonials .testimonials-cnt {
        min-height: auto
    }

    .hm-testimonials .zcr-text-center {
        text-align: left
    }

    .i18n-de .empowering p {
        font-size: 13px
    }

    .i18n-fr .trust-apps span {
        font-size: 13px
    }

    .i18n-ar .empowering p,
    .i18n-he .empowering p {
        text-align: center
    }

    .i18n-ar .other-mngt span,
    .i18n-he .other-mngt span {
        text-align: center
    }

    .i18n-ar .smpl-build ul li,
    .i18n-he .smpl-build ul li {
        margin-right: 0;
        margin-left: 30px
    }

    .i18n-ja .pagewrapper .empowering .content-wrap {
        padding: 30px 0 60px
    }
}

@media(min-width:992px) {
    .i18n-id .trust-data {
        margin: 11px 0
    }
}

@media(min-width:768px) and (max-width:1289px) {
    .slick-prev {
        left: -10px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .i18n-en h1 {
        font-size: 50px
    }

    .i18n-en h2 {
        font-size: 32px
    }

    .zcr-home-banner,
    .body-umain .zcr-home-banner {
        padding: 0 0 150px
    }

    .zcr-home-banner .flex-part-two {
        width: 100%;
        text-align: center
    }

    .zcr-home-banner .flex-part-two:first-child {
        padding-right: 0
    }

    .zcr-home-banner .flex-part-two:first-child p {
        margin: 0 auto 20px;
        font-size: 18px;
        max-width: 600px
    }

    .body-umain .bnr-img {
        display: none
    }

    .trust-apps span {
        font-size: 16px
    }

    .cmplex-build h3 {
        font-size: 24px
    }

    .smpl-build ul.flex-content {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .smpl-build ul li {
        width: auto;
        margin-right: 30px
    }

    .empowering .flex-content {
        margin: 50px auto 0
    }

    .i18n-es-xl .trust-data {
        padding: 0 5px
    }

    .i18n-es-xl .empowering p {
        font-size: 13px
    }

    .i18n-pt-br .trust-apps span {
        font-size: 14px
    }

    .i18n-de .trust-data {
        padding: 0 9px;
        margin: 10px 0
    }

    .i18n-fr .trust-data {
        padding: 1px 9px
    }

    .i18n-nl .trust-apps span {
        font-size: 16px
    }

    .i18n-nl .trust-data {
        padding: 0 9px;
        margin: 11px 0
    }

    .i18n-id .trust-apps span {
        font-size: 14px
    }

    .i18n-vi .trust-data {
        padding: 0 9px;
        margin: 8px 0
    }

    .i18n-vi .trust-apps span {
        font-size: 17px
    }

    .i18n-it .trust-data {
        padding: 11px 6px
    }

    .i18n-it .trust-apps span {
        font-size: 14px
    }

    .i18n-ja .trust-data {
        padding: 12px 9px
    }

    .i18n-ja .trust-apps span {
        font-size: 12px
    }

    .i18n-ar .zcr-tb-list .zcr-tb-marriott span,
    .i18n-he .zcr-tb-list .zcr-tb-marriott span {
        left: 0
    }

    .i18n-ar .zcr-home-banner .flex-content h1,
    .i18n-ar .zcr-home-banner .flex-content p,
    .i18n-he .zcr-home-banner .flex-content h1,
    .i18n-he .zcr-home-banner .flex-content p {
        text-align: center
    }

    .region-mea .zcr-tb-list .zcr-tb-damac span,
    .region-africa .zcr-tb-list .zcr-tb-damac span,
    .i18n-ar .zcr-tb-list .zcr-tb-damac span {
        width: 90px;
        height: 20px;
        top: 8px;
        background-size: auto 30px
    }

    .region-mea .zcr-tb-list .zcr-tb-yellow span,
    .region-africa .zcr-tb-list .zcr-tb-yellow span,
    .i18n-ar .zcr-tb-list .zcr-tb-yellow span {
        background-position: -336px -15px;
        width: 93px;
        height: 23px;
        background-size: auto 50px
    }

    .region-mea .zcr-tb-list .zcr-tb-fdmc span,
    .region-africa .zcr-tb-list .zcr-tb-fdmc span,
    .i18n-ar .zcr-tb-list .zcr-tb-fdmc span {
        background-position: -429px -6px;
        width: 100px;
        height: 37px;
        background-size: auto 50px;
        top: 3px
    }

    .region-mea .zcr-tb-list .zcr-tb-iffco span,
    .region-africa .zcr-tb-list .zcr-tb-iffco span,
    .i18n-ar .zcr-tb-list .zcr-tb-iffco span {
        background-position: -120px -5px;
        width: 89px;
        height: 31px;
        background-size: auto 40px;
        top: 5px
    }
}

@media all and (max-width:767px) {
    h1 {
        font-size: 40px
    }

    h2 {
        font-size: 30px
    }

    .pagewrapper .content-wrap {
        padding: 60px 0;
        max-width: 600px
    }

    .flex-part-two,
    .flex-part-three,
    .flex-part-four {
        width: 100%
    }

    .act-btn {
        padding: 10px 20px
    }

    .zcr-home-banner,
    .body-umain .zcr-home-banner {
        padding: 0 0 120px
    }

    .zcr-home-banner .flex-part-two:first-child {
        padding: 0
    }

    .body-umain .bnr-img {
        display: none
    }

    .watch-video {
        margin: 0;
        font-size: 20px;
        line-height: 22px
    }

    .watch-video:before {
        width: 24px;
        height: 24px
    }

    .watch-video:after {
        left: 10px;
        top: 7px
    }

    .zcr-home-banner .flex-part-two:first-child p {
        font-size: 18px
    }

    .i18n-en .hm-trusted-brands h2 {
        margin: 15px 0
    }

    .hm-trusted-brands {
        margin-top: -120px
    }

    .pagewrapper .hm-trusted-brands .content-wrap {
        max-width: 100%;
        padding: 20px
    }

    .trust-apps {
        width: 100%;
        margin-top: 0
    }

    .trust-data {
        padding: 10px 12px
    }

    .zcr-tb-list {
        width: 100%
    }

    .mbl-hide {
        display: none
    }

    .web-hide {
        display: block !important
    }

    .zcr-tb-list {
        padding-left: 0
    }

    .zcr-tb-list li {
        width: 47%
    }

    .zcr-tb-list ul {
        max-width: 100%
    }

    .in-view .zcr-tb-list li span {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .zcr-tb-list li:nth-child(3),
    .zcr-tr-brand .zcr-tb-list li {
        margin-top: 15px;
        padding: 10px
    }

    .zcr-tr-brand .zcr-tb-amazon span {
        top: 15px
    }

    .zcr-tb-list .zcr-tb-volkswagen span {
        top: 7px
    }

    .zcr-tb-list .zcr-tb-saintgobian span {
        left: 1px
    }

    .zcr-tb-list .zcr-tb-marriott span {
        left: -2px;
        top: 7px
    }

    .hm-trusted-brands:before {
        height: 80%
    }

    .zcr-usecases h2 {
        text-align: left
    }

    .usecases-slider .slider-wrap {
        width: 100%;
        max-width: 400px
    }

    .turn-idea .zcr-text-center {
        text-align: left
    }

    .turn-cnts:first-child {
        margin-top: 40px
    }

    .turn-cnts {
        margin-top: 55px;
        width: 100%
    }

    .turn-inf-list {
        margin-top: 10px
    }

    .turn-idea .zcr-btn-clr {
        margin-top: 40px
    }

    .turn-content-slider svg {
        width: 50px;
        height: 50px;
        margin-bottom: 10px
    }

    .region-mea .zcr-tb-list .zcr-tb-goil span,
    .region-africa .zcr-tb-list .zcr-tb-goil span,
    .i18n-ar .zcr-tb-list .zcr-tb-goil span {
        top: 5px
    }

    .ready-to-use h2,
    .ready-to-use .zcr-text-center {
        text-align: left
    }

    .app-slider-list {
        margin: 40px 0 30px
    }

    .online-mng,
    .school-mng,
    .lead-mng,
    .restaurant-mng,
    .logistics-mng,
    .employee-mng,
    .quotation-mng,
    .vendor-mng,
    .property-mng,
    .gym-mng {
        width: 50px;
        height: 50px;
        margin: 0 10px 0 0
    }

    .ready-to-use .slick-slide {
        padding: 15px;
        margin-right: 15px
    }

    .ready-to-use .slick-slide p {
        margin-bottom: 0;
        font-size: 14px
    }

    .app-sprite-icon {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
        margin-bottom: 0
    }

    .slick-next {
        right: -14px
    }

    .slider-app {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    li.slider-count {
        margin-bottom: 10px;
        width: 49%
    }

    .slick-prev {
        left: -13px
    }

    li.slider-count a {
        padding: 15px;
        border: 1px solid #e8e8e8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #000;
        font-size: 20px;
        font-family: var(--primaryfont-semibold);
        border-radius: 5px
    }

    li.slider-count p {
        margin-bottom: 0;
        padding-left: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .smpl-build,
    .lc-mngt {
        width: 100%;
        padding: 20px
    }

    .life-mngt,
    .other-mngt {
        width: 50%
    }

    .smpl-build ul.flex-content,
    .life-mngt ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .smpl-build ul li {
        width: auto;
        margin-right: 25px;
        padding-left: 20px
    }

    .life-mngt ul li,
    .other-mngt div span {
        margin-right: 0
    }

    .smpl-build ul li:last-child,
    .life-mngt ul li:last-child,
    .other-mngt div span:last-child {
        margin-right: 0
    }

    .lc-mngt {
        margin-top: 40px
    }

    .lc-mngt .app-mngt-list {
        padding: 0;
        min-height: auto;
        max-width: 360px
    }

    .life-mngt h3,
    .other-mngt h3 {
        display: none;
        font-size: 19px
    }

    .other-mngt {
        margin-top: 20px;
        display: block
    }

    .other-mngt span {
        padding: 0 0 50px 0;
        position: relative;
        font-family: var(--primaryfont-regular)
    }

    .other-mngt div {
        margin-left: auto;
        width: 100px
    }

    .other-mngt span:before {
        display: none
    }

    .other-mngt span:last-child {
        padding-bottom: 0
    }

    .smpl-build ul {
        margin: 20px 0 15px
    }

    .cmplex-build h3 {
        font-size: 26px
    }

    .prdt-app {
        padding: 0 11px 0 9px;
        max-width: 360px
    }

    .pagewrapper .empowering .content-wrap {
        padding: 30px 0
    }

    .empowering .flex-content {
        margin: 40px 0 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 100%
    }

    .empowering-img {
        min-height: auto
    }

    .empowering h2 {
        text-align: left
    }

    .empowering .flex-part-four {
        border-right: 0;
        width: 25%;
        padding: 10px;
        position: relative
    }

    .empowering p {
        font-size: 15px
    }

    .emp-arrow {
        position: absolute;
        top: 4px;
        right: 21px;
        z-index: 1;
        width: 10px;
        height: 10px
    }

    .emp-arrow::before {
        width: 8px;
        height: 8px;
        top: -2px;
        right: -4px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff
    }

    .emp-arrow::after {
        background-color: #fff;
        height: 20px;
        -webkit-transform: rotate(-90deg) translate(16px, 1px);
        -ms-transform: rotate(-90deg) translate(16px, 1px);
        transform: rotate(-90deg) translate(16px, 1px)
    }

    .empowering .flex-part-four:hover .emp-arrow,
    .empowering .flex-part-four:hover .emp-arrow:before {
        border-color: #fff;
        -webkit-animation: none;
        animation: none
    }

    .empowering .flex-part-four:hover .emp-arrow::after {
        background-color: #fff
    }

    .starter-guide .flex-part-two:first-child,
    .starter-guide .flex-part-two:last-child {
        width: 100%
    }

    .starter-guide .flex-part-two:last-child {
        padding-left: 0
    }

    .starter-guide .flex-part-two:first-child {
        padding: 0;
        background-position: left
    }

    .starter-guide-img {
        margin: 0 0 30px
    }

    .hmp-btm-cta.zcr-text-center {
        text-align: left
    }

    .i18n-en .hmp-btm-cta h2 {
        font-size: 30px
    }

    .hmp-btm-cta h2 span.txt-block {
        display: inline
    }

    .hm-testimonials-vdo-sec .content-wrap {
        padding: 50px 0 5px
    }

    .i18n-es-xl .other-mngt span {
        font-size: 12px
    }

    .i18n-de h1 {
        font-size: 38px
    }

    .other-lang .empowering .flex-part-four {
        width: 50%
    }

    .other-lang .empowering-img {
        max-width: 100%
    }

    .other-lang .empowering-img img {
        max-width: 50px
    }

    .other-lang .empowering p {
        position: absolute;
        top: 10px;
        left: 80px;
        text-align: left;
        font-size: 15px;
        max-width: 170px
    }

    .other-lang .emp-arrow {
        right: 24px;
        bottom: 20px;
        top: auto
    }

    .i18n-nl .other-mngt span {
        font-size: 13px
    }

    .i18n-nl .cmplex-build h3 {
        font-size: 22px
    }

    .i18n-id .other-mngt span {
        font-size: 14px
    }

    .i18n-vi .trust-data {
        padding: 0 9px;
        margin: 10px 0
    }

    .i18n-vi .trust-apps span {
        font-size: 17px
    }

    .i18n-ar .zcr-tb-list,
    .i18n-he .zcr-tb-list {
        padding: 0
    }

    .i18n-ar .zcr-home-banner .flex-part-two:first-child,
    .i18n-he .zcr-home-banner .flex-part-two:first-child {
        padding: 0
    }

    .i18n-ar .lc-mngt ul li,
    .i18n-he .lc-mngt ul li {
        width: 100%
    }

    .i18n-ar .empowering p,
    .i18n-he .empowering p {
        left: auto;
        text-align: right;
        right: 80px
    }

    .i18n-ar .emp-arrow,
    .i18n-he .emp-arrow {
        right: auto;
        top: auto;
        left: 34px
    }

    .i18n-ar .emp-arrow::before,
    .i18n-he .emp-arrow::before {
        border-color: #fff;
        top: -10px
    }

    .i18n-ar .turn-idea .zcr-text-center,
    .i18n-ar .empowering h2,
    .i18n-ar .hmp-btm-cta h2,
    .i18n-ar .hmp-btm-cta div,
    .i18n-he .turn-idea .zcr-text-center,
    .i18n-he .empowering h2,
    .i18n-he .hmp-btm-cta h2,
    .i18n-he .hmp-btm-cta div {
        text-align: right
    }

    .region-mea .zcr-tb-list .zcr-tb-damac span,
    .region-africa .zcr-tb-list .zcr-tb-damac span,
    .i18n-ar .zcr-tb-list .zcr-tb-damac span {
        background-size: auto 31px;
        width: 93px;
        top: 11px
    }

    .region-mea .zcr-tb-list .zcr-tb-extra span,
    .region-africa .zcr-tb-list .zcr-tb-extra span,
    .i18n-ar .zcr-tb-list .zcr-tb-extra span {
        top: 5px
    }

    .region-mea .zcr-tb-list .zcr-tb-yellow span,
    .region-africa .zcr-tb-list .zcr-tb-yellow span,
    .i18n-ar .zcr-tb-list .zcr-tb-yellow span {
        background-position: -336px -15px;
        width: 92px;
        height: 24px;
        background-size: auto 50px;
        top: 10px
    }

    .region-mea .zcr-tb-list .zcr-tb-fdmc span,
    .region-africa .zcr-tb-list .zcr-tb-fdmc span,
    .i18n-ar .zcr-tb-list .zcr-tb-fdmc span {
        background-position: -385px -6px;
        width: 91px;
        height: 35px;
        background-size: auto 45px;
        top: 10px
    }

    .region-mea .zcr-tb-list .zcr-tb-iffco span,
    .region-africa .zcr-tb-list .zcr-tb-iffco span,
    .i18n-ar .zcr-tb-list .zcr-tb-iffco span {
        background-position: -120px -5px;
        width: 89px;
        height: 31px;
        background-size: auto 40px;
        top: 7px
    }

    .i18n-ar .zcr-tb-list .zcr-tb-rcsi span {
        top: 3px
    }
}

@media(max-width:600px) {
    .empowering .flex-content {
        max-width: 400px
    }

    .empowering .flex-part-four {
        width: 50%
    }

    .zcr-test-vdo-area img {
        border: 5px solid
    }

    .zcr-test-vdo-area {
        padding: 5px
    }

    .zcr-test-vdo-area h3 {
        left: 25px;
        bottom: 10px;
        font-size: 13px
    }

    .zcr-vm-video-icon::after {
        border-width: 10px 0 10px 15px;
        top: 45%
    }

    .zcr-vm-video-icon::before {
        width: 50px;
        height: 50px;
        top: 45%
    }

    .waves-prt {
        width: 90px;
        height: 90px;
        background: rgba(151, 148, 148, 0.7);
        top: 45%
    }

    .other-lang .empowering .flex-content {
        max-width: 320px
    }

    .other-lang .empowering .flex-part-four {
        width: 100%
    }
}

@media(max-width:480px) {
    h2 {
        font-size: 24px
    }

    li.slider-count {
        width: 100%
    }

    .slider-app li:nth-child(n+6) {
        display: none
    }

    li.slider-count p {
        padding-left: 0
    }

    .hm-testimonials .slick-initialized .slick-slide {
        padding-right: 0
    }
}

@media(max-width:360px) {
    .empowering p {
        font-size: 14px
    }

    .other-lang .empowering p {
        font-size: 14px
    }

    .other-lang .life-mngt-chart,
    .other-lang .other-mngt,
    .other-lang .prdt-app p:last-child {
        display: none
    }

    .other-lang .life-mngt {
        width: 90%
    }

    .i18n-de .lc-mngt ul li {
        font-size: 13px
    }
}

.i18n-ar .signup-box-wrap,
.i18n-he .signup-box-wrap {
    margin: 0 auto 0 0
}

.i18n-ar .za-org-namespace-box.za-company-box.field-error .field-msg,
.i18n-he .za-org-namespace-box.za-company-box.field-error .field-msg {
    right: 0;
    left: auto
}

.i18n-fr section.hmp-btm-cta.zcr-text-center h2 {
    font-size: 37px;
    margin-bottom: 30px
}

.i18n-he .faq h2.zcr-text-center {
    text-align: center
}

.i18n-he .platform-list p {
    direction: ltr
}

.i18n-he .zw-promo-top {
    display: none
}

.i18n-he .zw-product-header span.zprd-display-name {
    padding-left: 0;
    padding-right: 10px
}

.i18n-he li.leaf.zmenu-features {
    display: none
}

@media(max-width:991px) {

    .i18n-ar .turn-content-slider,
    .i18n-he .turn-content-slider {
        padding-left: 0
    }
}