@font-face {
    font-family: "Roboto_Slab_Light";
    font-weight: 300;
    font-style: normal;
    src: url("https://stratus.zohostatic.com.cn/webfonts/robotoslablight/font.eot");
    src: url("https://stratus.zohostatic.com.cn/webfonts/robotoslablight/font.eot?#iefix") format("eot"),
        url("https://stratus.zohostatic.com.cn/webfonts/robotoslablight/font.woff2") format("woff2"),
        url("https://stratus.zohostatic.com.cn/webfonts/robotoslablight/font.woff") format("woff"),
        url("https://stratus.zohostatic.com.cn/webfonts/robotoslablight/font.ttf") format("truetype"),
        url("https://stratus.zohostatic.com.cn/webfonts/robotoslablight/font.svg#RobotoSlab-Light") format("svg");
}

@font-face {
    font-family: "Roboto_Slab_Regular";
    font-weight: 400;
    font-style: normal;
    src: url("https://stratus.zohostatic.com.cn/webfonts/robotoslabregular/font.eot");
    src: url("https://stratus.zohostatic.com.cn/webfonts/robotoslabregular/font.eot?#iefix") format("eot"),
        url("https://stratus.zohostatic.com.cn/webfonts/robotoslabregular/font.woff2") format("woff2"),
        url("https://stratus.zohostatic.com.cn/webfonts/robotoslabregular/font.woff") format("woff"),
        url("https://stratus.zohostatic.com.cn/webfonts/robotoslabregular/font.ttf") format("truetype"),
        url("https://stratus.zohostatic.com.cn/webfonts/robotoslabregular/font.svg#RobotoSlab-Regular") format("svg");
}
#mini-panel-product_menu .expanded.dropdown .caret{    background: url(/sites/default/files/zoho_general_pages/zgheader-footer-sprite.png) no-repeat -168px 0px/990px auto;}
#mini-panel-product_menu{margin-top: -1px;}
.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);
}

/*menu overwriiten*/
#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;
}

.menu-icon-help-header > a img {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

.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%;
}

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

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

.black-bg {
    background: #000000;
}

.blue-bg {
    background: #1996FC;
}

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

.green-bg {
    background: #277D5D;
}

.yellow-bg {
    background: #FEC82E;
}

.orange-bg {
    background: #FD4A39;
}

/* Banner  */
.banner {
    background: -o-linear-gradient(318deg, #3725b0 0%, #1c1358 100%);
    background: linear-gradient(132deg, #3725b0 0%, #1c1358 100%);
    color: #fff;
    padding: 30px 0 120px;
    position: relative;
}

.umain .banner {
    padding: 30px 0 120px;
}

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

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

.banner .flex-part-two:first-child p {
    max-width: 510px;
}

.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;
}

.banner .flex-part-two:last-child {
    /*min-height:580px;*/
    min-height: 450px;
}

.umain .banner .flex-part-two:last-child {
    min-height: auto;
}

.umain .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;
}

.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;
}

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

.umain .banner .act-btn.cta-btn {
    display: inline-block;
}

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

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

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

.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,
form .za-country-container .globalcountrycode-signup,
form .za-state-container .za-globalstate-signup {
    color: #fff;
}

#countryCodeDiv:before,
#countryconfirmCodeDiv:before {
    border-top: 8px solid #fff;
}

.signup-box-wrap .socl-signup span {
    background: url(/sites/default/files/zoho_general_pages/zgheader-footer-sprite.png) no-repeat;
    background-size: 700px auto;
}

.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-newsletter,
#signup-termservice {
    border-color: #fff;
}

.signup-box input {
    background-color: #201662;
    border: 1px solid #8B80D6;
}

#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;
}

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

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

.banner ::-moz-placeholder {
    color: #fff;
}

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

.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: #201662 !important;
    border: 1px solid #8b80d6;
}

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

#countryCodeDiv {
    border: none!important;
    border-right: 1px solid #8b80d6!important;
}

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

form .za-country-container.za-country-container-arrow::after,
form .za-state-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;
}

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

/* End Banner */
/* Trusted Brands */
.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;
}

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

.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: 0px;
    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;
}

/* End Trusted Brands */
/* Turn Your Idea */
.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 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.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: 28px;
    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: 0px;
    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;
}
.zcr-btn-clr,.turn-idea .zcr-btn-clr{
  display: inline-block;
    font-family: var(--primaryfont-semibold);
    border-radius: 3px;
    font-size: 15px;
    padding: 12px 30px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background: #2869f6;
}
/* Turn Your Idea */
/* Free ready to use */
.ready-to-use {
    overflow: hidden;
}

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

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

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

.app-slider-list::after {
    background: rgb(255, 255, 255);
    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,.app-slider-list .slider-count{
    /*padding: 50px 30px 20px;*/
    border-radius: 10px;
    margin-right: 20px;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.app-slider-list .slider-count{
    padding: 50px 30px 20px;
    border-radius: 10px;
    margin-right: 20px;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.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: #000000;
}

.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: #000000;
}

.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(/sites/default/files/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(/sites/default/files/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:before {
    background-position: 0 -16px;
}

.online-mng:after {
    background: transparent -o-linear-gradient(295deg, #5182F4 0%, #1C4FDA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(155deg, #5182F4 0%, #1C4FDA 100%) 0% 0% no-repeat padding-box;
}

.school-mng:before,
.lead-mng:before,
.restaurant-mng:before {
    width: 50px;
}

.school-mng:before {
    background-size: 530px 70px;
    background-position: -43px -16px;
}

.school-mng:after {
    background: transparent -o-linear-gradient(301deg, #5588FE 0%, #7630FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(149deg, #5588FE 0%, #7630FE 100%) 0% 0% no-repeat padding-box;
}

.lead-mng:before {
    background-size: 530px 70px;
    background-position: -94px -9px;
    width: 46px;
    height: 50px;
}

.lead-mng:after {
    background: transparent -o-linear-gradient(297deg, #F4BF1E 0%, #F78B42 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(153deg, #F4BF1E 0%, #F78B42 100%) 0% 0% no-repeat padding-box;
}

.restaurant-mng:before {
    background-size: 530px 70px;
    background-position: -139px -10px;
    height: 50px;
}

.restaurant-mng:after {
    background: transparent -o-linear-gradient(301deg, #FF7747 0%, #FE27A6 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(149deg, #FF7747 0%, #FE27A6 100%) 0% 0% no-repeat padding-box;
}

.logistics-mng:before,
.employee-mng:before {
    width: 42px;
    height: 42px;
}

.logistics-mng:before {
    background-size: 530px 70px;
    background-position: -189px -14px;
}

.logistics-mng:after {
    background: transparent -o-linear-gradient(305deg, #6CDD61 0%, #17AA7C 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(145deg, #6CDD61 0%, #17AA7C 100%) 0% 0% no-repeat padding-box;
}

.employee-mng:before {
    background-size: 530px 70px;
    background-position: -231px -13px;
}

.employee-mng:after {
    background: transparent -o-linear-gradient(295deg, #5182F4 0%, #1C4FDA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(155deg, #5182F4 0%, #1C4FDA 100%) 0% 0% no-repeat padding-box;
}

.quotation-mng:before {
    background-size: 530px 70px;
    background-position: -272px -13px;
    width: 35px;
    height: 46px;
}

.quotation-mng:after {
    background: transparent -o-linear-gradient(301deg, #FF7747 0%, #FE27A6 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(149deg, #FF7747 0%, #FE27A6 100%) 0% 0% no-repeat padding-box;
}

.vendor-mng::before,
.property-mng:before {
    width: 44px;
    height: 44px;
}

.vendor-mng::before {
    background-size: 530px 70px;
    background-position: -306px -13px;
}

.vendor-mng:after {
    background: transparent -o-linear-gradient(305deg, #6CDD61 0%, #17AA7C 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(145deg, #6CDD61 0%, #17AA7C 100%) 0% 0% no-repeat padding-box;
}

.property-mng:before {
    background-size: 530px 70px;
    background-position: -350px -13px;
}

.property-mng:after {
    background: transparent -o-linear-gradient(301deg, #5588FE 0%, #7630FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(149deg, #5588FE 0%, #7630FE 100%) 0% 0% no-repeat padding-box;
}

.gym-mng::before {
    background-size: 530px 70px;
    background-position: -394px -13px;
    width: 41px;
    height: 46px;
}

.gym-mng:after {
    background: transparent -o-linear-gradient(297deg, #5182F4 0%, #1C4FDA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(153deg, #5182F4 0%, #1C4FDA 100%) 0% 0% no-repeat padding-box;
}

/* End Free ready to use */
/* Simple to complex build */
.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 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.smpl-build ul li:before,
.lc-mngt ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    z-index: 1;
    background: url(/sites/default/files/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 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.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: 0px 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 0px 0px;
    width: 115px;
    height: 0;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.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 0px 0px;
    color: #fff;
    width: 115px;
    height: 0;
    text-align: center;
    padding-top: 30px;
    margin-left: auto;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.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 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.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: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.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;
}

/* End Simple to complex build */
/* Empowering */
.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 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.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: none;
}

.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 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

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

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

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

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

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

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

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

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

/* .empowering .flex-part-four:hover .emp-arrow{
    -webkit-animation: bounceRight 2s infinite;
            animation: bounceRight 2s infinite;
  } */
.empowering .flex-part-four:hover .emp-arrow:before {
    border-color: #2869F6;
}

.empowering .flex-part-four:hover .emp-arrow::after {
    background-color: #2869F6;
}
/* End Empowering */
/* Starter Guide */
.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(/sites/default/files/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(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
    }

    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(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    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;
}

/* End Starter Guide */
/* Testimonials */
.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: 0px;
    position: relative;
}

.hm-testimonials .testi-lists:after {
    content: "";
    position: absolute;
    right: 40px;
    bottom: 18px;
    z-index: 1;
    background: url(/sites/default/files/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: 340px;
}

.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: "Roboto_Slab_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: none;
}

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

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

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

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

/* End Testimonials */
/* Bottom CTA */
.i18n-en .hmp-btm-cta h2 {
    font-size: 48px;
}

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

/* End bottom CTA */
/*FAQ*/
.faq h2 {
    text-align: center;
    margin-bottom: 60px;
}

.faq h2:before {
    display: block;
    content: '';
    background: url(/sites/default/files/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 0px 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: 0px;
    top: 35px;
    height: 2px;
    width: 16px;
}

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

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

.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%;
}
/* Arabic starts */
.i18n-ar .banner,
.i18n-he .banner {
    overflow: hidden;
    width: 100%;
}

.i18n-ar .banner .flex-part-two:first-child,
.i18n-he .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: none;
}

.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: 1px solid #2f2f2f;
}

.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 .cnt-alg-center a,
.i18n-ar .cnt-alg-center abbr,
.i18n-ar .cnt-alg-center acronym,
.i18n-ar .cnt-alg-center address,
.i18n-ar .cnt-alg-center applet,
.i18n-ar .cnt-alg-center article,
.i18n-ar .cnt-alg-center aside,
.i18n-ar .cnt-alg-center audio,
.i18n-ar .cnt-alg-center b,
.i18n-ar .cnt-alg-center big,
.i18n-ar .cnt-alg-center blockquote,
.i18n-ar .cnt-alg-center canvas,
.i18n-ar .cnt-alg-center caption,
.i18n-ar .cnt-alg-center center,
.i18n-ar .cnt-alg-center cite,
.i18n-ar .cnt-alg-center code,
.i18n-ar .cnt-alg-center dd,
.i18n-ar .cnt-alg-center del,
.i18n-ar .cnt-alg-center details,
.i18n-ar .cnt-alg-center dfn,
.i18n-ar .cnt-alg-center div,
.i18n-ar .cnt-alg-center dl,
.i18n-ar .cnt-alg-center dt,
.i18n-ar .cnt-alg-center em,
.i18n-ar .cnt-alg-center embed,
.i18n-ar .cnt-alg-center fieldset,
.i18n-ar .cnt-alg-center figcaption,
.i18n-ar .cnt-alg-center figure,
.i18n-ar .cnt-alg-center footer,
.i18n-ar .cnt-alg-center form,
.i18n-ar .cnt-alg-center h1,
.i18n-ar .cnt-alg-center h2,
.i18n-ar .cnt-alg-center h3,
.i18n-ar .cnt-alg-center h4,
.i18n-ar .cnt-alg-center h5,
.i18n-ar .cnt-alg-center h6,
.i18n-ar .cnt-alg-center header,
.i18n-ar .cnt-alg-center hgroup,
.i18n-ar .cnt-alg-center i,
.i18n-ar .cnt-alg-center iframe,
.i18n-ar .cnt-alg-center img,
.i18n-ar .cnt-alg-center ins,
.i18n-ar .cnt-alg-center kbd,
.i18n-ar .cnt-alg-center label,
.i18n-ar .cnt-alg-center legend,
.i18n-ar .cnt-alg-center li,
.i18n-ar .cnt-alg-center mark,
.i18n-ar .cnt-alg-center menu,
.i18n-ar .cnt-alg-center nav,
.i18n-ar .cnt-alg-center object,
.i18n-ar .cnt-alg-center ol,
.i18n-ar .cnt-alg-center output,
.i18n-ar .cnt-alg-center p,
.i18n-ar .cnt-alg-center pre,
.i18n-ar .cnt-alg-center q,
.i18n-ar .cnt-alg-center ruby,
.i18n-ar .cnt-alg-center s,
.i18n-ar .cnt-alg-center samp,
.i18n-ar .cnt-alg-center section,
.i18n-ar .cnt-alg-center small,
.i18n-ar .cnt-alg-center span,
.i18n-ar .cnt-alg-center strike,
.i18n-ar .cnt-alg-center strong,
.i18n-ar .cnt-alg-center sub,
.i18n-ar .cnt-alg-center summary,
.i18n-ar .cnt-alg-center sup,
.i18n-ar .cnt-alg-center table,
.i18n-ar .cnt-alg-center tbody,
.i18n-ar .cnt-alg-center td,
.i18n-ar .cnt-alg-center tfoot,
.i18n-ar .cnt-alg-center th,
.i18n-ar .cnt-alg-center thead,
.i18n-ar .cnt-alg-center time,
.i18n-ar .cnt-alg-center tr,
.i18n-ar .cnt-alg-center tt,
.i18n-ar .cnt-alg-center u,
.i18n-ar .cnt-alg-center ul,
.i18n-ar .cnt-alg-center var,
.i18n-ar .cnt-alg-center video,
body.i18n-ar .cnt-alg-center,
.i18n-he .cnt-alg-center a,
.i18n-he .cnt-alg-center abbr,
.i18n-he .cnt-alg-center acronym,
.i18n-he .cnt-alg-center address,
.i18n-he .cnt-alg-center applet,
.i18n-he .cnt-alg-center article,
.i18n-he .cnt-alg-center aside,
.i18n-he .cnt-alg-center audio,
.i18n-he .cnt-alg-center b,
.i18n-he .cnt-alg-center big,
.i18n-he .cnt-alg-center blockquote,
.i18n-he .cnt-alg-center canvas,
.i18n-he .cnt-alg-center caption,
.i18n-he .cnt-alg-center center,
.i18n-he .cnt-alg-center cite,
.i18n-he .cnt-alg-center code,
.i18n-he .cnt-alg-center dd,
.i18n-he .cnt-alg-center del,
.i18n-he .cnt-alg-center details,
.i18n-he .cnt-alg-center dfn,
.i18n-he .cnt-alg-center div,
.i18n-he .cnt-alg-center dl,
.i18n-he .cnt-alg-center dt,
.i18n-he .cnt-alg-center em,
.i18n-he .cnt-alg-center embed,
.i18n-he .cnt-alg-center fieldset,
.i18n-he .cnt-alg-center figcaption,
.i18n-he .cnt-alg-center figure,
.i18n-he .cnt-alg-center footer,
.i18n-he .cnt-alg-center form,
.i18n-he .cnt-alg-center h1,
.i18n-he .cnt-alg-center h2,
.i18n-he .cnt-alg-center h3,
.i18n-he .cnt-alg-center h4,
.i18n-he .cnt-alg-center h5,
.i18n-he .cnt-alg-center h6,
.i18n-he .cnt-alg-center header,
.i18n-he .cnt-alg-center hgroup,
.i18n-he .cnt-alg-center i,
.i18n-he .cnt-alg-center iframe,
.i18n-he .cnt-alg-center img,
.i18n-he .cnt-alg-center ins,
.i18n-he .cnt-alg-center kbd,
.i18n-he .cnt-alg-center label,
.i18n-he .cnt-alg-center legend,
.i18n-he .cnt-alg-center li,
.i18n-he .cnt-alg-center mark,
.i18n-he .cnt-alg-center menu,
.i18n-he .cnt-alg-center nav,
.i18n-he .cnt-alg-center object,
.i18n-he .cnt-alg-center ol,
.i18n-he .cnt-alg-center output,
.i18n-he .cnt-alg-center p,
.i18n-he .cnt-alg-center pre,
.i18n-he .cnt-alg-center q,
.i18n-he .cnt-alg-center ruby,
.i18n-he .cnt-alg-center s,
.i18n-he .cnt-alg-center samp,
.i18n-he .cnt-alg-center section,
.i18n-he .cnt-alg-center small,
.i18n-he .cnt-alg-center span,
.i18n-he .cnt-alg-center strike,
.i18n-he .cnt-alg-center strong,
.i18n-he .cnt-alg-center sub,
.i18n-he .cnt-alg-center summary,
.i18n-he .cnt-alg-center sup,
.i18n-he .cnt-alg-center table,
.i18n-he .cnt-alg-center tbody,
.i18n-he .cnt-alg-center td,
.i18n-he .cnt-alg-center tfoot,
.i18n-he .cnt-alg-center th,
.i18n-he .cnt-alg-center thead,
.i18n-he .cnt-alg-center time,
.i18n-he .cnt-alg-center tr,
.i18n-he .cnt-alg-center tt,
.i18n-he .cnt-alg-center u,
.i18n-he .cnt-alg-center ul,
.i18n-he .cnt-alg-center var,
.i18n-he .cnt-alg-center video,
body.i18n-he .cnt-alg-center {
    text-align: center;
}

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

/* Arabic ends */
.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("https://www.zoho.com/sites/default/files/creator/images/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 0px;
  width: 32px;
  height: 45px;
  background-size: auto 45px;
  }
  .region-mea .zcr-tb-list .zcr-tb-omantel,.region-mea .zcr-tb-list .zcr-tb-talabat,.region-mea .zcr-tb-list .zcr-tb-goil,.region-africa .zcr-tb-list .zcr-tb-omantel,.region-africa .zcr-tb-list .zcr-tb-talabat,.region-africa .zcr-tb-list .zcr-tb-goil,.i18n-ar .zcr-tb-list .zcr-tb-omantel,.i18n-ar .zcr-tb-list .zcr-tb-talabat,.i18n-ar .zcr-tb-list .zcr-tb-goil{
      display: none;
  }
  .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 0px;
  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 0px;
  width: 32px;
  height: 40px;
  background-size: auto 40px;
  }
@media all and (min-width:1200px) {

    .inup1,
    .inup2,
    .inup3,
    .inup4,
    .inup5,
    .inup6 {
        -webkit-transform: translate3d(0px, 40px, 0);
        transform: translate3d(0px, 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(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
    }

    .fadeinup1,
    .fadeinup2,
    .fadeinup3,
    .fadeinup4,
    .fadeinup5,
    .fadeinup6,
    .fadeinup7,
    .fadeinup8,
    .fadeinup9 {
        -webkit-transform: translate3d(0px, 60px, 0);
        transform: translate3d(0px, 60px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.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(0px, -60px, 0);
        transform: translate3d(0px, -60px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.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(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.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;
}
    /*Other Lang*/
    .i18n-de .trust-apps span {
        font-size: 15px;
    }

    /*End Other Lang*/
}

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

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

    /*Banner*/
    .banner .flex-part-two:first-child p {
        font-size: 21px;
    }

    .pagewrapper .banner .content-wrap {
        overflow: visible;
    }

    .bnr-img img {
        max-width: 130%;
    }
.umain .banner .flex-part-two:last-child {
    min-height: 580px;
}
    /*End Banner*/
    /*Other lang*/
    .i18n-ar .empowering p,
    .i18n-he .empowering p {
        font-size: 17px;
    }

    /*End Other Lang*/
}

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

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

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

    /* Turn Your Idea */
    .turn-lists li {
        font-size: 15px;
        width: 19%;
    }

    /* End Turn Your Idea */
}

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

    /*Testimonials*/
    .hm-testimonials .testimonials-cnt {
        min-height: 427px;
    }

    /*End Testimonials*/
}
@media(min-width:992px) and (max-width:1399px){
.pagewrapper .banner .content-wrap{
padding: 100px 0 120px;
padding-bottom: 60px;
}

}
@media all and (min-width:992px) and (max-width:1280px) {
    /*Other Lang*/
    .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;
}
.i18n-th .smpl-build ul li,.i18n-vi .smpl-build ul li,.i18n-it .smpl-build ul{
    width: 48%;
}
    /*End Other Lang*/
}

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

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

    /* Turn Your Idea */
    .turn-lists li {
        width: 19%;
        font-size: 13px;
    }

    /* End Turn Your Idea */
    /* Testimoials  */
    .hm-testimonials .testimonials-cnt {
        min-height: 454px;
    }

    /* End Testimoials */
    /*Other lang*/
    .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: 0px 25px;
    }
.i18n-fr .trust-data{
    margin: 8px 0;
}
    /*End Other Lang*/
}

@media(max-width:1199px) {

    /* Banner  */
    .bnr-card,
    .umain .bnr-card {
        display: none;
    }

    /* End Banner */
    /* Turn Your Idea */
    .slide-count-block {
        display: none;
    }

    /* End Turn Your Idea */
    /* Trusted Brands */
    .trust-data {
        padding: 15px 18px;
    }

    /* End Trusted Brands */
    /* Simple to complex build */
    .cmplx-card {
        display: none;
    }

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

    /* End Simple to complex build */
    /* Empowering */
    .empowering p {
        font-size: 17px;
    }

    /* End Empowering */
    /* Starter Guide  */
    .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%);
    }

    /* End Starter Guide */
    /*Bottom CTA*/
    .i18n-en .hmp-btm-cta h2 {
        font-size: 38px;
    }

    /*End Bottom CTA*/
    /*Other Lang*/
    .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;
    }
    /*End Other Lang*/

}

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

    /* Banner  */
    .banner .flex-part-two:last-child,
    .umain .banner .flex-part-two:last-child {
        min-height: auto;
    }

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

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

    /* End Banner */
    /* Trusted Brands */
    .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: 0px 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 0px;
        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;
    }

    /* End Trusted Brands */
    /* Free ready to use */
    .app-slider-list {
        margin: 40px 0;
    }

    /* End Free ready to use */
    /* Simple to complex build */
    .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;
    }

    /* End Simple to complex build */
    /* Empowering */
    .empowering .flex-part-four {
        padding: 18px;
    }

    .empowering p {
        font-size: 15px;
    }

    /* End Empowering */
    /* Turn Your Idea */
    .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;
    }

    /* End Turn Your Idea */
    /* Testimonials */
    .pagewrapper .hm-testimonials .content-wrap {
        max-width: 700px;
    }

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

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

    /* End Testimonials */
    /*Other Lang*/
    .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;
}
    /*End Other Lang*/
}
@media(min-width:992px){
.i18n-id .trust-data{
    margin: 11px 0;
}
}
@media(min-width:768px) and (max-width:1289px) {

    /* Free ready to use */
    .slick-prev {
        left: -10px;
    }

    /* End Free ready to use */
}

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

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

    /*Banner*/
    .banner,
    .umain .banner {
        padding: 30px 0 150px;
    }

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

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

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

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

    /*End Banner*/
    /* Trusted Brands */
    .trust-apps span {
        font-size: 16px;
    }

    /* End Trusted Brands */
    /* Simple to complex build */
    .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;
    }

    /* End Simple to complex build */
    /* Empowering  */
    .empowering .flex-content {
        margin: 50px auto 0px;
    }

    /* End Empowering */
    /*Other lang*/
    .i18n-es-xl .trust-data {
        padding: 0px 5px;
    }

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

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

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

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

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

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

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

    .i18n-vi .trust-data {
        padding: 0px 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: 0px;
    }

    .i18n-ar .banner .flex-content h1,
    .i18n-ar .banner .flex-content p,
    .i18n-he .banner .flex-content h1,
    .i18n-he .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;
    }
    /*End Other Lang*/
}

@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;
    }

    /* Banner  */
    .banner,
    .umain .banner {
        padding: 50px 0 120px;
    }

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

    .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;
    }

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

    /* End Banner */
    /* Trusted Brands */
    .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;
    }

    /* End Trusted Brands */
    /* Turn Your Idea */
    .turn-idea .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;
    }

    /* End Turn Your Idea */
    /* Free ready to use */
    .ready-to-use h2,
    .ready-to-use .text-center {
        text-align: left;
    }

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

    .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: 5px 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: 0px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    /* End Free ready to use */
    /* Simple to complex build */
    .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;
    }

    /* End Simple to complex build */
    /* Empowering */
    .pagewrapper .empowering .content-wrap {
        padding: 30px 0;
    }

    .empowering .flex-content {
        margin: 40px 0 0px;
        -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: none;
        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;
    }

    /* End Empowering */
        /* Starter Guide */
    .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;
    }

    /* End Starter Guide */
    /* Bottom CTA */
    .hmp-btm-cta.text-center {
        text-align: left;
    }

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

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

    /* End Bottom CTA */
    /*Other Lang*/
    .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: 0px 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 .banner .flex-part-two:first-child,
    .i18n-he .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 .text-center,
    .i18n-ar .empowering h2,
    .i18n-ar .hmp-btm-cta h2,
    .i18n-ar .hmp-btm-cta div,
    .i18n-he .turn-idea .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;
}
    /*End Other Lang*/
}

@media(max-width:600px) {

    /* Empowering */
    .empowering .flex-content {
        max-width: 400px;
    }

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

    /* End Empowering */
    /*Other Lang*/
    .other-lang .empowering .flex-content {
        max-width: 320px;
    }

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

    /*End Other Lang*/
}

@media(max-width:480px) {

    /* Free ready to use  */
    li.slider-count {
        width: 100%;
    }

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

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

    /* End Free ready to use  */
    /* Testimonials */
    .hm-testimonials .slick-initialized .slick-slide {
        padding-right: 0;
    }

    /* End Testimonials */
}

@media(max-width:360px) {

    /* Empowering */
    .empowering p {
        font-size: 14px;
    }

    /* End Empowering */
    /*Other Lang*/
    .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;
    }

    /*End Other Lang*/
}

.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;
}


/*FR CSS STARTS*/
.i18n-fr section.hmp-btm-cta.text-center h2 {
    font-size: 37px;
    margin-bottom: 30px;
}

/*FR CSS ENDS*/
/*AWARD STARTS*/
.tech-platform-bottom{margin-top: 30px;}
.tech-platform-top{margin-bottom: 30px;}
.award-home-btn{
    border: 1px solid #03a9f5;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 6px;
    margin-top: 20px;
}
.platform-leader .tech-platform:nth-child(4) .award-home-btn,.platform-leader .tech-platform:nth-child(2) .award-home-btn,.platform-leader .tech-platform:nth-child(6) .award-home-btn{border: 1px solid #bf1e1e; color: #bf1e1e;}
.tech-platform-bottom .tech-lists{min-height: 300px;}
.platform-leader .tech-platform:nth-child(3) h3,.platform-leader .tech-platform:nth-child(5) h3 { color: #1ba8ea;}
.platform-leader .tech-platform:nth-child(2) h3,.platform-leader .tech-platform:nth-child(4) h3 {color: #bf1e1e;}
/*AWARD ENDS*/
/* Trusted */
      .zcr-tr-brand-dark-thm{
      background-color: #15002e;
      color: #fff;
      }
      .zcr-tb-list>h2 {
      display: block;
      text-align: center;
      position: relative;
      }
      .zcr-tb-list ul {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 2px 0px 0;
      }
      .zcr-tb-list li {
      display: inline-block;
      background: transparent;
      padding: 9px 20px;
      position: relative;
      border-radius: 5px;
      border: 1px dashed #ccc;
      margin-top: 30px;
      }
      .zcr-tr-brand-dark-thm .zcr-tb-list li{
      border:1px solid #373737
      }
      .zcr-tb-list li span {
      display: inline-block;
      background: url(/sites/default/files/creator/creator-trusted-brand-sprite.svg) no-repeat;
      background-size: 500px auto;
      vertical-align: middle;
      -webkit-transform: scale(.2);
      -ms-transform: scale(.2);
      transform: scale(.2);
      opacity: 0;
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
      position: relative;
      }
      .in-view .zcr-tb-list li span {
      opacity: 1;
      -ms-filter: "alpha(opacity=100)";
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      }
.in-view .zcr-tb-list li.zcr-tb-mtn span{
-webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
}
      .zcr-tb-list .zcr-tb-amazon span {
      background-position: 2px 0px;
      width: 118px;
      height: 35px;
      background-size: 540px;
      left: 0;
      top: 12px;
      }
      .zcr-tr-brand-dark-thm .zcr-tb-amazon span{
        background-size: 950px;
        background-position: -725px -66px;
      }
      .zcr-tb-list .zcr-tb-saintgobian span {
      background-position: -173px 0;
      width: 120px;
      height: 51px;
      top: 0px;
      background-size: 800px;
      }
      .zcr-tb-list .zcr-tb-volkswagen span {
      background-position: -294px 0;
      width: 54px;
      height: 51px;
      background-size: 800px;
      top: 2px;
      }
      .zcr-tb-list .zcr-tb-marriott span {
      background-position: -468px -65px;
      width: 122px;
      height: 48px;
      background-size: 930px;
      }
      .zcr-tb-list .zcr-tb-swiggy span {
      background-position: -421px 0;
      width: 31px;
      height: 51px;
      background-size: 700px;
      top: 2px;
      }
      .zcr-tb-list .zcr-tb-mtn span {
    background-position: -776px -15px;
    width: 76px;
    height: 43px;
    background-size: 1200px;
    top: 2px;
      }
      .zcr-tb-list .zcr-tb-lyft span {
      background-position: -633px 1px;
      width: 65px;
      height: 46px;
      background-size: 700px;
      }
      .zcr-tb-list .zcr-tb-up span {
      background-position: -498px 0;
      width: 137px;
      height: 46px;
      background-size: 700px;
      top: 2px;
      }
      .zcr-tr-brand-dark-thm .zcr-tb-up span{
      background-position: -615px -96px;
      background-size: 800px;
      }
      .zcr-tb-list .zcr-tb-comcast span{
      background-position: -590px -65px;
      width: 120px;
      height: 48px;
      background-size: 930px;
      }
      .zcr-tr-brand-dark-thm .zcr-tb-comcast span{
      background-position: -590px -112px;
      }
      .zcr-tb-list .zcr-tb-cbre span{
      background-position: -198px -41px;
      width: 123px;
      height: 48px;
      background-size: 640px;
      left: 0;
      top: 6px;
      }
      .zcr-tb-list .zcr-tb-srtyker span{
      background-position: -60px -41px;
      width: 138px;
      height: 48px;
      background-size: 640px;
      left: 0;
      top: 6px;
      }
      .zcr-tb-list .zcr-tb-pwc span{
      background-position: 26px -66px;
      width: 117px;
      height: 50px;
      background-size: 940px;
      left: 0;
      top: 1px;
      }
      .zcr-tr-brand-dark-thm .zcr-tb-pwc span{
      background-position: 26px -116px;
      }
      .zcr-tb-list .zcr-tb-audile span{
         background-size: 770px;
         background-position: -334px 1px;
         width: 129px;
         height: 50px;
         left: 0;
         top: 0px;
      }
      .zcr-tr-brand-dark-thm .zcr-tb-audile span {
         background-position: -1012px -79px;
         background-size: 1140px;
      }
      .zcr-tr-brand-dark-thm .zcr-tb-volkswagen span,.zcr-tr-brand-dark-thm .zcr-tb-srtyker span{
      filter: brightness(100) invert(1);
      }
      .zcr-tb-list li:first-child span {
      -webkit-transition-delay: .2s;
      -o-transition-delay: .2s;
      transition-delay: .2s;
      }
      .zcr-tb-list li:nth-child(2) span {
      -webkit-transition-delay: .3s;
      -o-transition-delay: .3s;
      transition-delay: .3s;
      }
      .zcr-tb-list li:nth-child(3) span {
      -webkit-transition-delay: .4s;
      -o-transition-delay: .4s;
      transition-delay: .4s;
      }
      .zcr-tb-list li:nth-child(4) span {
      -webkit-transition-delay: .5s;
      -o-transition-delay: .5s;
      transition-delay: .5s;
      }
      .zcr-tb-list li:nth-child(5) span {
      -webkit-transition-delay: .6s;
      -o-transition-delay: .6s;
      transition-delay: .6s;
      }
      .zcr-tb-list li:nth-child(6) span {
      -webkit-transition-delay: .7s;
      -o-transition-delay: .7s;
      transition-delay: .7s;
      }
      .zcr-tb-list li:nth-child(7) span {
      -webkit-transition-delay: .8s;
      -o-transition-delay: .8s;
      transition-delay: .8s;
      }
      .zcr-tb-list li:nth-child(8) span {
      -webkit-transition-delay: .9s;
      -o-transition-delay: .9s;
      transition-delay: .9s;
      }
      .zcr-tb-list li:nth-child(9) span {
      -webkit-transition-delay: 1s;
      -o-transition-delay: 1s;
      transition-delay: 1s;
      }
      .zcr-tb-list li:nth-child(10) span {
      -webkit-transition-delay: 1.1s;
      -o-transition-delay: 1.1s;
      transition-delay: 1.1s;
      }
      .zcr-tb-list li:nth-child(11) span {
      -webkit-transition-delay: 1.2s;
      -o-transition-delay: 1.2s;
      transition-delay: 1.2s;
      }
      .zcr-tb-list li:nth-child(12) span {
      -webkit-transition-delay: 1.3s;
      -o-transition-delay: 1.3s;
      transition-delay: 1.3s;
      }
      .zcr-tb-list li:nth-child(13) span {
      -webkit-transition-delay: 1.4s;
      -o-transition-delay: 1.4s;
      transition-delay: 1.4s;
      }
      .zcr-tr-brand-white-thm .zcr-tb-amazon,.zcr-tr-brand-white-thm .zcr-tb-audile {
      background: #f4f4f4;
      border: 1px solid #d6d6d6;
      }
      .zcr-tr-brand-white-thm .zcr-tb-saintgobian,.zcr-tr-brand-white-thm .zcr-tb-swiggy,.zcr-tr-brand-white-thm .zcr-tb-mtn,.zcr-tr-brand-white-thm .zcr-tb-pwc {
      background: #fff6ef;
      border: 1px solid #f1b312;
      }
      .zcr-tr-brand-white-thm .zcr-tb-volkswagen,.zcr-tr-brand-white-thm .zcr-tb-srtyker {
      background: #e1ecfe;
      border: 1px solid #a9c2ea;
      }
      .zcr-tr-brand-white-thm .zcr-tb-cbre {
      background: #d8ffed;
      border: 1px solid #95edc7;
      }
      .zcr-tr-brand-white-thm .zcr-tb-up {
      background: #e8fbff;
      border: 1px solid #9feeff;
      }
      .zcr-tr-brand-white-thm .zcr-tb-comcast {
      background: #ffecee;
      border: 1px solid #ffb3b9;
      }
      .zcr-tr-brand-white-thm .zcr-tb-lyft {
      background: #ffebfd;
      border: 1px solid #f796d1;
      }
      .zcr-tr-brand-white-thm .zcr-tb-marriott{
      background: #fdf0f5;
      border: 1px solid #c3607e;
      }
      /* End Trusted */
@media only screen and (max-width:991px){
    .zpromotion p{font-size:12px;line-height:1.5}
/* Trusted Brands */
      .zcr-tb-list ul{
      max-width: 550px;
      margin:20px auto 0px;
      }
      .zcr-tb-list li{
      width: 32%;
      height: 73px;
      margin-top: 20px;
      }
      /* End Trusted Brands */
}
@media only screen and (max-width:767px){
.menu-icon-help-header .product-title a {
    background-image: url(/sites/default/files/zoho_general_pages/zoho-logo-darkbg.svg);
}
/********* learn-more-button ********/
.zcr-btn-brd, .zcr-btn-clr{
    font-size: 14px;
    padding: 10px 25px;
    border: 1px solid #007fff;
}
.zcr-txt-clr {
    font-size: 14px;
    padding: 0;
}
/******* end-learn-more-buttonr *******/
    #block-panels-mini-product-menu{height:auto;}
    .zpromotion{padding: 10px;}
    .zpremoclose{right:15px;}
ul.dropdown-menu.threeCol-sec li .uc-menus a{
    padding-left: 0!important;
}
.zmobile-menu-new ul li .dropdown-menu .third-level a {
    padding: 2px 0 2px 5px!important;
}
}
@media all and (max-width:600px) {
      /* Trusted Brands */
      .zcr-tb-list ul{
      max-width: 370px;
      }
      .zcr-tb-list li{
      width: 48%;
      }
      /* End Trusted Brands */
      }
@media all and (max-width:480px) {
      /* Trusted Brands */
      .zcr-tb-list ul{
      max-width: 200px;
      }
      .zcr-tb-list li{
      width: 100%;
      }
      /* End Trusted Brands */