:root {
   --sprite-icon: url("//cdn.zoho.com.cn/sites/zweb/images/creator/business-users/sprite.svg");
   --zcnt-gray-bg: #F5F5F5;
   --zcnt-black-bg: #000000;
   --zcnt-blue-bg: #000E33;
   --zcnt-lightblue-bg: #E4EDFF;
}

.zinline-block {
   display: inline-block
}

.zblock-txt {
   display: block
}

.page-wrapper .content-wrap {
   padding: 100px 0
}

.page-wrapper h1 {
   font-family: var(--zf-primary-semibold);
   font-size: 72px;
   letter-spacing: -1.44px;
}

.page-wrapper h2 {
   font-size: 48px;
   letter-spacing: -0.96px;
}

.page-wrapper h3 {
   font-size: 24px;
   letter-spacing: -0.48px;
}

.page-wrapper ul li {
   font-size: 17px;
   line-height: 1.6
}

.page-wrapper img {
   vertical-align: top
}

.page-wrapper .ztag {
   display: inline-block;
   font-family: var(--zf-primary-semibold);
   font-size: 16px;
   color: #0047FF;
   letter-spacing: -0.32px;
   margin-bottom: 3px;
}

.page-wrapper .zblock-title {
   max-width: 500px;
   margin-bottom: 60px;
}

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

.page-wrapper .cta-wrap {
   margin-top: 25px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 15px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.page-wrapper .zdemo-cta {
   display: inline-block;
   font-family: var(--zf-primary-semibold), sans-serif;
   padding: 12px 30px;
   border: 1px solid #000;
   cursor: pointer;
   z-index: 1;
   font-size: 15px;
   text-transform: uppercase;
   position: relative;
   text-align: center;
   color: #000;
}

.page-wrapper .mob-only {
   display: none
}

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

.zflex-one-col {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 100%;
   flex: 0 0 100%
}

.zflex-two-col {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%
}

.zflex-three-col {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.33%;
   flex: 0 0 33.33%;
}

.zflex-row-reverse-lg {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse
}

.zcr-banner-section .zflex-two-col:first-child {
   -ms-flex: 0 0 60%;
   -webkit-box-flex: 0;
   flex: 0 0 60%
}

.zcr-banner-section .zflex-two-col:last-child {
   -ms-flex: 0 0 40%;
   -webkit-box-flex: 0;
   flex: 0 0 40%
}

.zcr-banner-section .banner-content {
   padding-right: 8%;
   max-width: 720px;
}

.zcr-banner-section .banner-image {
   position: relative;
   max-width: 400px;
}

.zcr-banner-section .banner-image .bnr-img {
   position: relative;
   margin-bottom: 38%;
   max-width: 373px;
   width: 95%;
}

.zcr-banner-section .banner-image .bnr-icon-1 {
   position: absolute;
   right: 0px;
   bottom: 0px;
   max-width: 277px;
   width: 70%;
   filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="16" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.08)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
   -webkit-filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.08));
   filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.08));
}

.zcr-banner-section .banner-image .bnr-icon-2 {
   position: absolute;
   top: 30%;
   left: 43%;
   max-width: 135px;
   width: 34%;
}

.zcr-banner-section .banner-image .bnr-svg-arrow {
   position: absolute;
   right: 10%;
   bottom: 8%;
   max-width: 200px;
   width: 50%;
}

.zcr-banner-section .banner-image .bnr-svg-arrow svg {
   width: 100%;
   height: auto;
}

.zcr-banner-section p span {
   font-family: var(--zf-primary-semibold);
}

.zcr-banner-section p:last-child {
   margin-bottom: 0
}

.zcr-banner-section .cta-wrap {
   -webkit-box-pack: unset;
   -ms-flex-pack: unset;
   justify-content: unset;
}

.zcr-challenges-section {
   position: relative;
}

.zcr-challenges-section::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   background: var(--zcnt-gray-bg);
}

.zcr-challenges-section .zcr-challenges-wrap {
   position: relative;
   background: var(--zcnt-blue-bg);
   color: #fff;
   width: 95%;
   margin: 0px auto;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.zcr-challenges-section .zcr-challenges-wrap .zblock-title-left,
.zcr-challenges-section .zcr-challenges-wrap .zblock-title-right {
   max-width: 700px;
   margin-bottom: 60px;
}

.zcr-challenges-section .zcr-challenges-wrap .zblock-title-right {
   max-width: 520px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 60px 30px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box {
   position: relative;
   width: calc(33.33% - 20px);
   border-bottom: 1px solid #001D66;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box h3:before {
   content: '';
   display: block;
   background: var(--sprite-icon) no-repeat 0 0 / 455px auto;
   height: 30px;
   margin-bottom: 15px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box:nth-child(1) h3:before {
   background-position: -3px -1px;
   width: 23px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box:nth-child(2) h3:before {
   background-position: -30px -2px;
   width: 30px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box:nth-child(3) h3:before {
   background-position: -63px 0;
   width: 26px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box:nth-child(4) h3:before {
   background-position: -94px 0;
   width: 25px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box:nth-child(5) h3:before {
   background-position: -123px 0;
   width: 30px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box:nth-child(6) h3:before {
   background-position: -154px -2px;
   width: 30px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box:nth-child(7) h3:before {
   background-position: -187px -1px;
   width: 25px;
}

.zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box:nth-child(8) h3:before {
   background-position: -221px 0;
   width: 19px;
}

.page-wrapper .zcr-cta-section .content-wrap {
   background: #FFF;
   box-shadow: 0px 40px 80px -16px rgba(0, 0, 0, 0.16);
   max-width: 1150px;
   width: 90%;
   padding: 70px 0;
}

.zcr-cta-section {
   position: relative;
   background: var(--zcnt-blue-bg);
   width: 95%;
   margin: 0px auto;
}

.zcr-cta-section:before {
   content: '';
   background: #fff;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 50%;
}

.zcr-cta-section .block-content {
   max-width: 750px;
   margin: 0px auto;
   text-align: center;
}

.zcr-benefits-section .zcr-benefits-wrap {
   -webkit-box-align: unset;
   -ms-flex-align: unset;
   -ms-grid-row-align: unset;
   align-items: unset
}

.zcr-benefits-section .zcr-benefits-leftside {
   -ms-flex: 0 0 46%;
   -webkit-box-flex: 0;
   flex: 0 0 46%
}

.zcr-benefits-section .zcr-benefits-rightside {
   -ms-flex: 0 0 54%;
   -webkit-box-flex: 0;
   flex: 0 0 54%
}

.zcr-benefits-section .zcr-sticky-block {
   position: -webkit-sticky;
   position: sticky;
   top: 80px;
   padding-right: 6%;
}

.zcr-benefits-section .bnft-block {
   padding-left: 6%;
}

.zcr-benefits-section .bnft-block .bnft-box {
   padding-block: 40px;
   border-bottom: 1px solid #919191;
}

.zcr-benefits-section .bnft-block .bnft-box:first-child {
   padding-top: 0px;
}

.zcr-benefits-section .bnft-block .bnft-box:last-child {
   border-bottom-width: 0px;
   padding-bottom: 0px;
}

.zcr-benefits-section .bnft-block .bnft-box p:last-child {
   margin-bottom: 0
}

.zcr-benefits-section .bnft-block .bnft-box .bnft-img {
   padding-right: 30px;
}

.zcr-middle-cta-section {
   background: var(--zcnt-gray-bg);
}

.zcr-middle-cta-section .block-content {
   text-align: center;
   max-width: 800px;
   margin: 0 auto
}

.zcr-middle-cta-section .block-content h2 span {
   display: inline-block;
}

.zcr-middle-cta-section .block-content p:last-child {
   margin-bottom: 0
}

.zcr-capabilities-section {
   background: var(--zcnt-gray-bg);
}

.zcr-capabilities-section-wrapper {
   background: var(--zcnt-lightblue-bg);
   width: 95%;
   margin: 0px auto;
   border-radius: 4px;
}

.zcr-capabilities-section .zflex-two-col:first-child {
   -ms-flex: 0 0 40%;
   -webkit-box-flex: 0;
   flex: 0 0 40%
}

.zcr-capabilities-section .zflex-two-col:last-child {
   -ms-flex: 0 0 60%;
   -webkit-box-flex: 0;
   flex: 0 0 60%
}

.zcr-capabilities-section .zblock-title {
   max-width: 800px;
   margin: 0px auto 40px;
   text-align: center;
}

.zcr-capabilities-section .zcard-block .zcard-filter-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 20px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.zcr-capabilities-section .zcard-block .zcard-filter-buttons .filter-button {
   border: 1px solid transparent;
   border-radius: 8px;
   background: #D4E2FC;
   color: #333;
   padding: 10px 20px;
   font-family: var(--zf-primary-semibold);
   font-size: 15px;
   cursor: pointer;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

.zcr-capabilities-section .zcard-block .zcard-filter-buttons .filter-button.active {
   background: #0047FF;
   color: #fff;
}

.zcr-capabilities-section .zcard-block .zcard-box {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   margin-top: 60px;
   display: none;
}

.zcr-capabilities-section .zcard-block {
   max-width: 1110px;
   margin: 0px auto;
}

.zcr-capabilities-section .zcard-block .zcard-box .zcard-content {
   max-width: 420px;
   padding-right: 10%;
}

.zcr-capabilities-section .zcard-block .zcard-box .zcard-img {
   box-shadow: 0px 16px 24px -4px rgba(0, 0, 0, 0.25);
   border-radius: 17px;
   display: inline-block;
}

.zcr-feature-section {
   background: var(--zcnt-gray-bg);
   overflow: hidden;
}

.zcr-feature-section .zcr-feature-wrap {
   width: 100%;
   max-width: 1920px;
   margin: 0 auto;
   overflow: hidden;
}

.zcr-feature-section .fea-title,
.zcr-feature-section .fea-btm-note {
   margin-bottom: 60px;
   max-width: 700px;
}

.zcr-feature-section .fea-btm-note {
   margin-top: 50px;
   margin-bottom: unset;
   font-family: var(--primaryfont-bold);
}

.zcr-feature-section .fea-btm-note p {
   font-size: 20px;
   line-height: 1.3;
}

.zcr-feature-section p:last-child {
   margin-bottom: 0px;
}

.zcr-feature-section .fea-title p span {
   font-family: var(--zf-primary-semibold);
}

.zcr-feature-section .fea-block .fea-box {
   padding: 32px 24px;
   border-radius: 4px;
   background: #FFF;
   color: #000;
   margin: 0 12px;
}

.zcr-feature-section .fea-block .fea-box h3:before {
   content: '';
   display: block;
   background: var(--sprite-icon) no-repeat 0 0 / 455px auto;
   height: 30px;
   margin-bottom: 15px;
}

.zcr-feature-section .fea-block .fea-box:nth-child(1) h3:before {
   background-position: -249px -3px;
   width: 30px;
}

.zcr-feature-section .fea-block .fea-box:nth-child(2) h3:before {
   background-position: -283px -4px;
   width: 32px;
}

.zcr-feature-section .fea-block .fea-box:nth-child(3) h3:before {
   background-position: -320px -2px;
   width: 28px;
}

.zcr-feature-section .fea-block .fea-box:nth-child(4) h3:before {
   background-position: -354px -2px;
   width: 30px;
}

.zcr-feature-section .fea-block .fea-box:nth-child(5) h3:before {
   background-position: -387px -2px;
   width: 34px;
}

.zcr-feature-section .fea-block .fea-box:nth-child(6) h3:before {
   background-position: -424px -2px;
   width: 30px;
}

.zcr-feature-section .fea-block .fea-box:nth-child(7) h3:before {
   background-position: -187px -1px;
   width: 25px;
}

.zcr-feature-section .fea-block .fea-box:nth-child(8) h3:before {
   background-position: -221px 0;
   width: 19px;
}

.zcr-feature-section .fea-block .fea-box p {
   color: #595959;
}

.zcr-feature-section .slick-list {
   overflow: visible;
   margin: 0 -15px
}

.zcr-feature-section .slick-track {
   margin-left: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.zcr-feature-section .slick-slide {
   height: auto;
}

.zcr-feature-section .slick-arrow {
   position: absolute;
   left: auto;
   height: 60px;
   width: 60px;
   background-color: #fff;
   border-radius: 50%;
   top: -80px;
   -webkit-transition: background-color .4s ease;
   transition: background-color .4s ease
}

.zcr-feature-section .slick-arrow:hover {
   background-color: #d9d9d9
}

.zcr-feature-section .slick-arrow:before,
.zcr-feature-section .slick-arrow:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto
}

.zcr-feature-section .slick-arrow:before {
   background: #000;
   width: 14px;
   height: 2px;
   -webkit-transform: translate(0, 50%);
   transform: translate(0, 50%)
}

.zcr-feature-section .slick-arrow:after {
   background: transparent;
   width: 8px;
   height: 8px;
   border: 2px solid #000;
   border-width: 2px 0 0 2px;
   -webkit-transform: rotate(-45deg) translate(-30%, -10%);
   transform: rotate(-45deg) translate(-30%, -10%)
}

.zcr-feature-section .slick-next.slick-arrow:after {
   -webkit-transform: rotate(135deg) translate(0%, -20%);
   transform: rotate(135deg) translate(0%, -20%);
   left: 3px;
}

.zcr-feature-section .slick-prev {
   right: 130px
}

.zcr-feature-section .slick-next {
   right: 60px
}

.zcr-feature-section .slick-next.slick-disabled,
.zcr-feature-section .slick-prev.slick-disabled {
   opacity: .3;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}


.zcr-testimonial-section .testi-block {
   margin-top: 35px;
   -webkit-box-align: unset;
   -ms-flex-align: unset;
   -ms-grid-row-align: unset;
   align-items: unset;
   gap: 30px;
}

.zcr-testimonial-section .slick-track {
   margin-left: 0
}

.zcr-testimonial-section .slick-list {
   margin: 0 -15px
}

.zcr-testimonial-section .testi-block .testi-box {
   position: relative;
   min-height: 450px;
   padding: 25px;
   border: 1px solid #EBEBEB;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 0px 12px;
}

.zcr-testimonial-section .testi-block .testi-box p:last-child {
   margin-bottom: 0px;
}

.zcr-testimonial-section .testi-block .testi-box .testi-logo {
   margin-bottom: 30px;
}

.zcr-testimonial-section .testi-block .testi-box .testi-cont p {
   font-size: 19px;
   line-height: 1.5;
}

.zcr-testimonial-section .testi-block .testi-box .testi-desg {
   margin-top: 30px;
}

.zcr-testimonial-section .testi-block .testi-box .testi-desg p {
   font-family: var(--zf-primary-semibold);
   font-size: 20px;
}

.zcr-testimonial-section .testi-block .testi-box .testi-desg p span {
   display: block;
   font-size: 12px;
   font-family: var(--zf-primary-regular);
}

.zcr-bottom-cta-section {
   background: var(--zcnt-black-bg);
   color: #fff;
}

.zcr-bottom-cta-section .block-content {
   text-align: center;
   max-width: 625px;
   margin: 0 auto
}

.zcr-bottom-cta-section .block-content p:last-child {
   margin-bottom: 0
}

.page-wrapper .zcr-bottom-cta-section .zdemo-cta {
   border-color: #fff;
   color: #fff;
}


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

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

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

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

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

.zcr-faq-section .faq-item .faq-ques:hover {
   color: #555
}

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

.zcr-faq-section .faq-item:hover .faq-ques:before,
.zcr-faq-section .faq-item:hover .faq-ques:after {
   background: #555
}

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

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

.zcr-faq-section .faq-item.active .faq-ques:after {
   height: 0
}

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

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

@media only screen and (max-width: 1440px) {
   .page-wrapper h1 {
      font-size: 56px
   }

   .page-wrapper h2 {
      font-size: 44px
   }

   .zcr-challenges-section .zcr-challenges-wrap,
   .zcr-cta-section,
   .zcr-capabilities-section-wrapper {
      width: 100%;
   }
}

@media only screen and (max-width: 1280px) {
   .page-wrapper .content-wrap {
      padding: 70px 0
   }


   .page-wrapper h1 {
      font-size: 40px
   }

   .page-wrapper h2 {
      font-size: 30px
   }
}

@media only screen and (max-width: 1024px) {
   .page-wrapper h1 {
      font-size: 34px
   }

   .page-wrapper h2 {
      font-size: 28px
   }

   .zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: unset;
      -ms-flex-align: unset;
      -ms-grid-row-align: unset;
      align-items: unset;
   }

   .zcr-feature-section .feature-slider {
      padding-bottom: 75px;
   }

   .zcr-feature-section .slick-arrow {
      top: unset;
      bottom: -20px;
      height: 50px;
      width: 50px;
   }

   .zcr-feature-section .slick-prev,
   .zcr-feature-section .slick-next {
      right: 0;
      left: 0;
      margin: auto
   }

   .zcr-feature-section .slick-prev {
      -webkit-transform: translate(-62%, -50%);
      transform: translate(-62%, -50%);
   }

   .zcr-feature-section .slick-next {
      -webkit-transform: translate(62%, -50%);
      transform: translate(62%, -50%)
   }

   .zcr-feature-section .fea-btm-note p {
      font-size: 18px;
   }
}

@media only screen and (max-width: 991px) {
   .page-wrapper h1 {
      font-size: 30px
   }

   .page-wrapper h2 {
      font-size: 25px
   }

   .page-wrapper h3 {
      font-size: 21px
   }

   .page-wrapper .zblock-title,
   .zcr-capabilities-section .zblock-title,
   .zcr-challenges-section .zcr-challenges-wrap .zblock-title-left,
   .zcr-challenges-section .zcr-challenges-wrap .zblock-title-right,
   .zcr-bottom-cta-section .block-content,
   .zcr-middle-cta-section .block-content {
      max-width: 600px;
      margin-bottom: 40px;
   }

   .zcr-bottom-cta-section .block-content,
   .zcr-middle-cta-section .block-content {
      margin-bottom: 0px;
   }

   .zcr-challenges-section .zcr-challenges-wrap .zblock-title-left {
      padding-right: 40px;
   }

   .zcr-challenges-section .zcr-challenges-wrap .zblock-title-right {
      padding-left: 20px;
   }

   .zcr-challenges-section .zcr-challenges-wrap .challenges-block {
      gap: 40px 50px;
   }

   .zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box {
      width: calc(50% - 25px);
   }

   .zcr-benefits-section .zcr-benefits-leftside,
   .zcr-benefits-section .zcr-benefits-rightside,
   .zcr-benefits-section .bnft-block .bnft-box .zflex-two-col {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%
   }

   .zcr-benefits-section .zcr-sticky-block {
      position: unset;
      top: unset;
      padding-right: unset
   }

   .zcr-benefits-section .bnft-block {
      margin-top: 30px;
      padding-left: unset;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 30px;
   }

   .zcr-benefits-section .bnft-block .bnft-box {
      padding: 25px;
      border: 1px solid #EEEEEE;
      width: calc(50% - 15px);
      border-radius: 12px;
   }

   .zcr-benefits-section .bnft-block .bnft-box:first-child {
      padding-top: 25px;
   }

   .zcr-benefits-section .bnft-block .bnft-box:last-child {
      padding-bottom: 25px;
      border-bottom-width: 1px;
   }

   .zcr-benefits-section .bnft-block .bnft-box .bnft-img {
      padding-right: 0px;
      padding-bottom: 30px;
   }

   .zcr-capabilities-section .zcard-block .zcard-box:nth-child(2n-1) .flex-content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
   }

   .zcr-capabilities-section .zcard-block .zcard-box .zcard-content {
      padding-right: 18%;
      max-width: 100%;
   }

   .zcr-capabilities-section .zcard-block .zcard-box:nth-child(2n-1) .zcard-content {
      padding-left: 18%;
      padding-right: 0%;
   }

   .zcr-testimonial-section .testi-block .testi-box {
      min-height: auto;
      display: block;
   }

   .zcr-feature-section .fea-btm-note p {
      font-size: 16px;
   }
}

@media only screen and (max-width: 767px) {
   .page-wrapper .mob-only {
      display: block
   }

   .page-wrapper .content-wrap {
      padding: 50px 0;
      max-width: 600px
   }

   .page-wrapper .zcr-cta-section .content-wrap {
      padding: 50px 25px;
   }

   .page-wrapper .cta-wrap {
      -webkit-box-pack: unset;
      -ms-flex-pack: unset;
      justify-content: unset;
   }

   .page-wrapper .zblock-title {
      margin-bottom: 40px
   }

   .zflex-one-col,
   .zflex-two-col,
   .zflex-three-col,
   .zcr-banner-section .zflex-two-col:first-child,
   .zcr-banner-section .zflex-two-col:last-child,
   .zcr-capabilities-section .zflex-two-col:first-child,
   .zcr-capabilities-section .zflex-two-col:last-child {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%
   }


   .page-wrapper .zblock-title,
   .zcr-capabilities-section .zblock-title,
   .zcr-banner-section .banner-content,
   .zcr-challenges-section .zcr-challenges-wrap .zblock-title-left,
   .zcr-challenges-section .zcr-challenges-wrap .zblock-title-right,
   .zcr-bottom-cta-section .block-content,
   .zcr-middle-cta-section .block-content,
   .zcr-cta-section .block-content,
   .zcr-feature-section .fea-title,
   .zcr-feature-section .fea-btm-note,
   .page-wrapper .zcr-cta-section .content-wrap {
      text-align: unset;
      max-width: 100%;
   }

   .zcr-banner-section .banner-content {
      margin-top: unset;
      padding-right: unset;
      margin-bottom: 30px;
   }

   .zcr-challenges-section .zcr-challenges-wrap {
      background: var(--zcnt-blue-bg);
   }

   .zcr-capabilities-section {
      background: var(--zcnt-lightblue-bg);
   }

   .zcr-challenges-section .zcr-challenges-wrap .zblock-title-left {
      padding-right: unset;
      margin-bottom: 0px
   }

   .zcr-challenges-section .zcr-challenges-wrap .zblock-title-right {
      padding-left: unset;
   }

   .zcr-challenges-section .zcr-challenges-wrap .challenges-block .challenges-box,
   .zcr-cta-section .block-content {
      width: 100%;
   }

   .zcr-challenges-section .zcr-challenges-wrap,
   .zcr-capabilities-section-wrapper {
      border-radius: 0px;
   }

   .zcr-benefits-section .bnft-block {
      -webkit-column-gap: 0px;
      -moz-column-gap: 0px;
      column-gap: 0px;
   }

   .zcr-benefits-section .bnft-block .bnft-box {
      width: 100%;
   }

   .zcr-capabilities-section .zcard-block .zcard-box .zcard-content,
   .zcr-capabilities-section .zcard-block .zcard-box:nth-child(2n-1) .zcard-content {
      padding-left: 0%;
      padding-right: 0%;
   }

}

@media screen and (min-width: 1200px) {
   .zcr-banner-section .bnr-icon-1 {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transition: all 800ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 800ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
   }

   .zcr-banner-section .middle-animated .bnr-icon-1 {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-transform: scale(1);
      transform: scale(1);
   }

   .zcr-banner-section .circle {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: .6s all linear;
      transition: .6s all linear
   }

   .zcr-banner-section .middle-animated .circle {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   }

   .zcr-banner-section .middle-animated #circle_1 {
      -webkit-transition-delay: 0.8s;
      transition-delay: 0.8s
   }

   .zcr-banner-section .middle-animated #circle_2 {
      -webkit-transition-delay: 1s;
      transition-delay: 1s
   }

   .zcr-banner-section .middle-animated #circle_3 {
      -webkit-transition-delay: 1.1s;
      transition-delay: 1.1s
   }

   .zcr-banner-section .middle-animated #circle_4 {
      -webkit-transition-delay: 1.2s;
      transition-delay: 1.2s
   }

   .zcr-banner-section .middle-animated #circle_5 {
      -webkit-transition-delay: 1.3s;
      transition-delay: 1.3s
   }

   .zcr-banner-section .middle-animated #circle_6 {
      -webkit-transition-delay: 1.4s;
      transition-delay: 1.4s
   }

   .zcr-banner-section .middle-animated #circle_7 {
      -webkit-transition-delay: 1.5s;
      transition-delay: 1.5s
   }

   .zcr-banner-section .middle-animated #circle_8 {
      -webkit-transition-delay: 1.6s;
      transition-delay: 1.6s
   }

   .zcr-banner-section .middle-animated #circle_9 {
      -webkit-transition-delay: 1.7s;
      transition-delay: 1.7s
   }

   .zcr-banner-section #line {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   }

   .zcr-banner-section .middle-animated #line {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      stroke-dasharray: 2000;
      stroke-dashoffset: 2000;
      -webkit-animation: dash 2.8s linear 1.7s alternate forwards;
      animation: dash 2.8s linear 1.7s alternate forwards;
   }

   .zcr-banner-section .bnr-icon-2 {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: translate(0, 20px);
      transform: translate(0, 20px);
      -webkit-transition: all 800ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 800ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
   }

   .zcr-banner-section .middle-animated .bnr-icon-2 {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition-delay: 2.2s;
      transition-delay: 2.2s;
      -webkit-animation: floating 3.5s linear 2.8s infinite alternate;
      animation: floating 3.5s linear 2.8s infinite alternate
   }

}

@-webkit-keyframes dash {
   from {
      stroke-dashoffset: 2000
   }

   to {
      stroke-dashoffset: 1
   }
}

@keyframes dash {
   from {
      stroke-dashoffset: 2000
   }

   to {
      stroke-dashoffset: 1
   }
}

@-webkit-keyframes floating {
   from {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
   }

   to {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px)
   }
}

@keyframes floating {
   from {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
   }

   to {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px)
   }
}

/* trusted-brands */
.zcr-tr-brand {
   width: 100%;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   background: var(--zcnt-gray-bg);
   margin: 0px auto;
  z-index: -1;
}
.zcr-tr-brand .zcr-tb-list > h2 {display: block;text-align: center;position: relative; font-size: 23px;}
@media screen and (min-width:1199px) {
   .zcr-tr-brand .zcr-tb-list li {width: 15%;}
}
@media all and (min-width:992px) and (max-width:1199px) {
   .zcr-tr-brand .zcr-tb-list {max-width: 600px;margin: 0 auto;}
   .zcr-tr-brand .zcr-tb-list li {width: 32%;}
}
@media all and (max-width:991px) {
   .zcr-tr-brand .zcr-tb-list li {width: 48%;}
}
@media(max-width:480px) {
   .zcr-tr-brand .zcr-tb-list li {width: 100%;}
}
/* end-trusted-brands */