.pagewrapper {
   overflow: hidden;
}

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

.tbl-desc {
   font-size: 12px;
   margin-bottom: 10px;
   position: relative;
   bottom: -40px;
   color: #0000008a;
}

/*menu overwriiten*/

#block-panels-mini-product-menu {
   background: #fff;
}

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

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

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

.flex-content-two {
   width: 50%;
}

.flex-content-three {
   width: 33.3%;
}

.outsys-sprite {
   background: url(/sites/zweb/images/creator/power-up-compare-sprite.png) no-repeat;
   background-size: 1412px auto;
}

/* Banner  */
.pagewrapper .banner .content-wrap {
   max-width: 1280px;
   position: relative;
   padding-top: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: 30px;
}

.bnr-inner {
   width: 50%;
}

.bnr-center {
   max-width: 650px;
   margin: 0 auto;
}

.bnr-center p {
   max-width: 640px;
   margin: 0 auto 20px;
}

.bnr-center h1 .zcr-prd-name {
   display: block;
}

/* End Banner */
/* banner-img */
.bnr-img {
   text-align: center;
   position: relative
}

.secd-img-bnr {
   position: absolute;
   left: 32%;
   top: 20%;
   z-index: 1;
   height: 0;
   transition: all ease 1s
}

.in-view .secd-img-bnr {
   height: 97px
}

/* end banner-img */

/* 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: 20px 0px 0;
}

.zcr-tb-list li {
   display: inline-block;
   background: transparent;
   padding: 10px 20px;
   position: relative;
   border-radius: 5px;
   border: 1px solid #ccc;
   width: 18%;
   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/zweb/images/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);
}

.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: 120px;
   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: -452px 0;
   width: 46px;
   height: 46px;
   background-size: 700px;
   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 {
   -webkit-filter: brightness(100) invert(1);
   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 */
/* Development Time  */
.dev-time {
   background: #000000;
   color: #fff;
   text-align: center;
}

.dev-time .flex-content {
   justify-content: space-between;
   align-items: center;
   margin-top: 60px;
}

.dev-time .flex-content-two {
   width: 40%;
}

.dev-time h2 {
   width: 800px;
   margin: 0 auto 20px;
}

.logic-bsn-code {
   margin: 0px 60px 0;
   max-width: 100px;
   height: 100px;
}

.abstract-code {
   margin: 0 50px 0 auto;
   max-width: 150px;
   width: 150px;
   height: 100px;
   display: flex;
   align-items: center;
}

.enterprise-main-sec {
   position: relative;
}

.enterprise-main-sec img {
   width: 70%;
}

.enterprise-sec-lft,
.enterprise-sec-cnt,
.enterprise-sec-rigt {
   position: absolute;
   z-index: 1;
   display: block;
   -webkit-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
}

.enterprise-sec-lft {
   background: url(/sites/zweb/images/creator/enterprise-development-left.svg) no-repeat;
   background-size: contain;
   top: 50%;
   left: 12%;
   width: 20%;
   height: 50%;
}

.enterprise-sec-cnt {
   background: url(/sites/zweb/images/creator/enterprise-development-center.svg) no-repeat;
   background-size: contain;
   right: 40%;
   bottom: 5%;
   width: 21%;
   height: 11%;

}

.enterprise-sec-rigt {
   background: url(/sites/zweb/images/creator/enterprise-development-right.svg) no-repeat;
   background-size: contain;
   right: 8%;
   bottom: 0%;
   width: 20%;
   height: 35%;

}

.in-view .enterprise-sec-lft,
.in-view .enterprise-sec-rigt {
   -webkit-animation: float1 8s linear infinite;
   animation: float1 8s linear infinite;
}

.in-view .enterprise-sec-cnt {
   -webkit-animation: float2 8s linear infinite;
   animation: float2 8s linear infinite;
}

.arrowAnim {
   width: 50px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
}

.arrow {
   width: 20px;
   height: 20px;
   border: 3px solid;
   border-color: #FFF transparent transparent #FFF;
   transform: rotate(-225deg);
}


.arrowSliding {
   position: absolute;
   z-index: 1;
   -webkit-animation: slide 4s linear infinite;
   animation: slide 4s linear infinite;
}

.delay1 {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}

.delay2 {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
}

.delay3 {
   -webkit-animation-delay: 3s;
   animation-delay: 3s;
}

@-webkit-keyframes slide {
   0% {
      opacity: 0;
      transform: translateX(-60px);
   }

   20% {
      opacity: 1;
      transform: translateX(-30px);
   }

   80% {
      opacity: 1;
      transform: translateX(30px);
   }

   100% {
      opacity: 0;
      transform: translateX(60px);
   }
}

@keyframes slide {
   0% {
      opacity: 0;
      transform: translateX(-60px);
   }

   20% {
      opacity: 1;
      transform: translateX(-30px);
   }

   80% {
      opacity: 1;
      transform: translateX(30px);
   }

   100% {
      opacity: 0;
      transform: translateX(60px);
   }
}




/* End Development Time   */
/* Go from  */
.go-from {
   background: #000;
   color: #fff;
}

.go-from h2 {
   text-align: center;
}

.go-from span {
   display: block;
   font-size: 18px;
   line-height: 1.6;
   max-width: 260px;
}

.go-from h3 {
   font-size: 24px;
   line-height: 1.6;
}

.go-from .flex-content {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

.go-from .flex-content-three {
   width: 30.3%;
   margin-top: 50px;
   padding-left: 40px;
   position: relative;
}

.go-from .flex-content-three:before {
   content: "";
   position: absolute;
   z-index: 1;
   top: 10px;
   left: 0;
   background: url(/sites/zweb/images/creator/power-up-compare-sprite.png) no-repeat;
   background-size: 1412px 321px;
   background-position: -1380px -16px;
   display: block;
   width: 30px;
   height: 71px;
}

.go-from .flex-content-three:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   background: #000;
   width: 30px;
   height: 71px;
   -webkit-transition: all ease 2s;
   -o-transition: all ease 2s;
   transition: all ease 2s;
}

.go-from .in-view .flex-content-three:after {
   top: 90px;
}

.go-from .flex-content-three p {
   margin-bottom: 0;
}

/* End Go form */
/* odoo studio Table */
.odoo-table {
   background: #F5F8FF;
}

.odoo-table h2 {
   max-width: 560px;
   margin: 0 auto;
   text-align: center;
}

.native-table {
   margin-top: 90px;
   position: relative;
   z-index: 1;
}

.native-table .flex-contents {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.native-table .flex-contents p {
   width: 25%;
   margin: 0;
   padding: 30px;
   color: #000;
   border-bottom: 1px solid #DDDFE6;
}

.native-table .flex-contents p span {
   display: none;
   font-size: 14px;
   line-height: 1.6;
   margin-bottom: 10px;
   color: #4f4bcb;
   text-align: center;
}

.native-table .flex-contents p:first-child {
   font-size: 20px;
   line-height: 1.6;
   font-family: var(--primaryfont-regular);
}

.native-table .flex-contents:first-child p:nth-child(1) {
   background-color: transparent;
}

.native-table .flex-contents:first-child p:nth-child(2) {
   color: #fff;
}

.native-table .flex-contents:first-child p {
   font-size: 18px;
   line-height: 1.6;
   font-family: var(--zf-secondary-semibold);
}

.native-table .flex-contents p:nth-child(2),
.native-table .flex-contents p:nth-child(3) {
   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;
}

.native-table .flex-contents p:nth-child(2) {
   background-color: var(--zcr-dark-bg);
}

.native-table .flex-contents p:nth-child(2) .tick,
.native-table .flex-contents p:nth-child(3) .tick {
   display: block;
   -webkit-transform: rotate(48deg);
   -ms-transform: rotate(48deg);
   transform: rotate(48deg);
   height: 26px;
   width: 12px;
   border-bottom: 3px solid #fff;
   border-right: 3px solid #fff;
   margin: 0 auto;
   text-align: center;
}

.native-table .flex-contents p:nth-child(3) .tick {
   border-color: var(--zcr-dark-bg);
}

.native-table .flex-contents p:nth-child(3) .close {
   position: relative;
   width: 24px;
   height: 24px;
   display: block;
   margin: 0 auto;
}

.native-table .flex-contents p:nth-child(3) .close:before,
.native-table .flex-contents p:nth-child(3) .close:after {
   content: "";
   position: absolute;
   left: 10px;
   top: 0px;
   content: ' ';
   height: 24px;
   width: 3px;
   background-color: #DBD9E6;
}

.native-table .flex-contents p:nth-child(3) .close:before {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.native-table .flex-contents p:nth-child(3) .close:after {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.native-table .flex-contents p:first-child {
   width: 50%;
}

.native-table .flex-contents p span.tbl-odoo-txt,
.native-table .flex-contents p span.tbl-zc-txt {
   display: block;
   color: #000;
   font-family: var(--zf-secondary-medium);
   margin-top: 10px;
}

.native-table .flex-contents p span.tbl-zc-txt {
   color: #fff;
}

.native-table .flex-contents:last-child p {
   border: none;
}

.zcr-two-column {
   justify-content: space-between;
   flex-direction: column;
}

/* End odoo studio Table */
/* Digitilization */
.digitilization-sys {
   padding: 90px 0;
   overflow: hidden;
}

.digitilization-sys .content-wrap {
   background: #000;
   color: #fff;
   border-radius: 20px;
   padding: 90px 70px;
   position: relative;
}

.digitilization-sys:before {
   content: "";
   position: absolute;
   left: 50%;
   top: -800px;
   border-radius: 50%;
   background: #331d3f;
   height: 900px;
   width: 900px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 1;
   opacity: 0.4;
   -webkit-filter: blur(60px);
   filter: blur(60px);
   -webkit-box-shadow: 0px 52px 14px #9f8da9;
   box-shadow: 0px 52px 14px #9f8da9;
   display: none;
}

.digitilization-sys h2 {
   max-width: 600px;
   margin: 0 auto 15px;
   text-align: center;
   position: relative;
   z-index: 2;
}

.digitilization-sys h4 {
   margin-bottom: 5px;
}

.digitilization-sys ul {
   margin: 0px -10px;
   -webkit-box-align: initial;
   -ms-flex-align: initial;
   align-items: initial;
}

.digitilization-sys li {
   width: 20%;
   padding: 0px 10px;
   margin-top: 40px;
}

.digitilization-sys li span {
   display: block;
}

.digitilization-sys .outsys-sprite {
   position: absolute;
   z-index: 1;
}

.digitial-one,
.digitial-two,
.digitial-three,
.digitial-four,
.digitial-five,
.digitial-six {
   display: block;
   width: 80px;
   height: 80px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all ease 1s;
   -o-transition: all ease 1s;
   transition: all ease 1s;
   -webkit-transform: scale(0.2);
   -ms-transform: scale(0.2);
   transform: scale(0.2);
}

.in-view .digitial-one,
.in-view .digitial-two,
.in-view .digitial-three,
.in-view .digitial-four,
.in-view .digitial-five,
.in-view .digitial-six {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
   visibility: visible;
}

.digitial-one {
   background-position: -834px 0;
   left: -40px;
   bottom: 40px;
}

.digitial-two {
   background-position: -915px 0;
   left: 90px;
   top: -40px;
}

.in-view .digitial-two {
   -webkit-transition-delay: .8s;
   -o-transition-delay: .8s;
   transition-delay: .8s;
}

.digitial-three {
   background-position: -996px 0;
   right: 140px;
   top: -40px;
}

.in-view .digitial-three {
   -webkit-transition-delay: .9s;
   -o-transition-delay: .9s;
   transition-delay: .9s;
}

.digitial-four {
   background-position: -1077px 0;
   right: -30px;
   top: 90px;
}

.in-view .digitial-four {
   -webkit-transition-delay: 1s;
   -o-transition-delay: 1s;
   transition-delay: 1s;
}

.digitial-five {
   background-position: -1158px 0;
   right: -30px;
   bottom: -30px;
}

.in-view .digitial-five {
   -webkit-transition-delay: 1.1s;
   -o-transition-delay: 1.1s;
   transition-delay: 1.1s;
}

/* End Digitilization */
/* Stands For */
.stands-sys {
   position: relative;
   padding-bottom: 60px;
}

.stands-sys .content-wrap {
   max-width: 1000px;
}

.stands-sys h2 {
   text-align: center;
   margin: 0 auto;
   max-width: 550px;
}

.empower-evo svg,
.end-digitilization svg,
.collaborative-dev svg,
.market-accelerate svg {
   position: absolute;
   left: 50%;
   bottom: -60px;
   z-index: 1;
   width: auto;
   height: auto;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}

.empower-evo .path,
.end-digitilization .path,
.collaborative-dev .path {
   stroke-dasharray: 1000;
   stroke-dashoffset: 1000;
}

.empower-evo .dashed,
.end-digitilization .dashed,
.collaborative-dev .dashed {
   stroke-dasharray: 5;
}

.empower-evo.in-view .path,
.end-digitilization.in-view .path,
.collaborative-dev.in-view .path {
   -webkit-animation: dash 2s linear forwards;
   animation: dash 2s linear forwards;
}

@keyframes dash {
   from {
      stroke-dashoffset: 1000;
   }

   to {
      stroke-dashoffset: 0;
   }
}

.empower-evo .flex-content {
   margin-top: 90px;
}

.stands-sys .flex-content-two:first-child {
   padding: 0 8% 0 0;
}

.stands-img {
   max-width: 350px;
   margin: 0 auto;
   text-align: center;
   position: relative;
}

.delivery-sys,
.end-sys,
.accelerate-sys,
.certified-sys {
   position: absolute;
   z-index: 1;
}

.delivery-sys {
   left: -20%;
   top: 20%;
   width: 169px;
   height: 178px;
   background-position: 0 -74px;
   -webkit-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
}

.end-sys {
   width: 196px;
   height: 93px;
   background-position: -171px -74px;
   top: 10%;
   right: 0%;
   -webkit-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
}

.accelerate-sys {
   width: 172px;
   height: 247px;
   background-position: -369px -74px;
   top: 20%;
   left: -20%;
   -webkit-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
}

.certified-sys {
   width: 212px;
   height: 166px;
   background-position: -543px -74px;
   bottom: 20%;
   right: 0%;
   -webkit-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
}

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

.stands-sys .flex-reverse .flex-content-two:first-child {
   padding: 0 0 0 8%;
}

.stands-sys p {
   max-width: 400px;
}

/* End Stands For */
/* Testimoials  */
.testimonials-compare h2 {
   text-align: center;
}

.testimonial-section {
   margin-top: 60px;
}

.slick-slide {
   padding: 0px 15px;
}

.cmp-cust-name {
   color: #4C8AF4;
   font-family: var(--primaryfont-semibold);
   margin: 0;
}

.cmp-cust-name span {
   display: block;
   color: #7f7f7f;
   font-size: 16px;
   line-height: 1.6;
}

.cmpr-slider-cnt {
   padding: 50px 20px 20px;
   border: 1px solid #DEDEDE;
   position: relative;
   border-radius: 10px;
   -webkit-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
}

.cmpr-slider-cnt:hover {
   -webkit-box-shadow: 0px 20px 30px #00000012;
   box-shadow: 0px 20px 30px #00000012;
}

.cmpr-tst-img {
   position: absolute;
   top: -30px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 1;
   background: #fff;
   height: auto;
   width: 100px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 5px 10px;
   -webkit-box-shadow: 0px 10px 40px #0000001D;
   box-shadow: 0px 10px 40px #0000001D;
   border-radius: 30px;
   display: none;
}

.cmpr-tst-img img {
   width: 46px;
   height: 46px;
   border-radius: 50%;
   display: block;
}

.cmpr-tst-img svg {
   margin-left: 10px;
}

.slick-list {
   padding: 0px 0;
   outline: none;
}
.slick-dots {
   display: none;
}
.reaction-img {
   -webkit-animation: 4s ease infinite normal none running zoomin 2s;
   animation: 4s ease infinite normal none running zoomin 2s;
}

@-webkit-keyframes zoomin {
   0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      transform: scale(0.6)
   }

   50% {
      -webkit-transform: scale(1);
      transform: scale(1);
      transform: scale(1)
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      transform: scale(0.6)
   }
}

@keyframes zoomin {
   0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      transform: scale(0.6)
   }

   50% {
      -webkit-transform: scale(1);
      transform: scale(1);
      transform: scale(1)
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      transform: scale(0.6)
   }
}

/* End Testimonials */
/* Vibrat community */
.vibrat-cmty {
   background: url(/sites/zweb/images/creator/vibrant-cmty-bg.png) no-repeat;
   background-size: cover;
}

.pagewrapper .vibrat-cmty .content-wrap {
   max-width: 1280px;
}

.vibrat-cmty h2 {
   text-align: center;
   max-width: 850px;
   margin: 0 auto 15px;
}

.vibrat-cmty .flex-content {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   margin-top: 80px;
}

.flex-content-six {
   width: 14.6%;
   text-align: center;
}

.vibrat-chart {
   margin-bottom: 50px;
}

.vibrat-chart img,
.vibrat-partner img,
.vibrat-impl img {
   display: block;
}

.vibrat-chart,
.vibrat-partner,
.vibrat-impl {
   -webkit-box-shadow: 0 4px 10px #e0e0e0;
   box-shadow: 0 4px 10px #e0e0e0;
}

.sys-partner,
.sys-cmty-value {
   border-radius: 8px;
   -webkit-box-shadow: 0 4px 10px #e0e0e0;
   box-shadow: 0 4px 10px #e0e0e0;
   background: #fff;
}

.sys-partner {
   padding: 20px;
   display: inline-block;
}

.sys-partner svg {
   display: block;
}

.sys-cmty-value {
   text-align: center;
   padding: 30px 10px;
   font-size: 14px;
   line-height: 1.6;
   margin: 20px 0 0;
}

.sys-cmty-value span {
   display: block;
   font-size: 28px;
   line-height: 1.6;
   margin-bottom: 5px;
   font-family: var(--primaryfont-bold);
}

.vibrat-partner {
   margin-top: 180px;
}

.vibrat-impl {
   margin-top: 50px;
}

.vibrat-cmty .flex-content-six:nth-child(2) {
   margin-top: 30px;
}

.vibrat-cmty .flex-content-six:nth-child(4) {
   margin-top: 70px;
}

.vibrat-cmty .flex-content-six:nth-child(6) {
   margin-top: 100px;
}

/* End Vibrat community */
/* Partners */
.outsys-partner .flex-content {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: inherit;
   -ms-flex-align: inherit;
   align-items: inherit;
}

.outsys-partner ul li {
   width: 14.6%;
   border: 1px solid #ccc;
   border-radius: 8px;
   padding: 10px 20px;
   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;
}

.zcr-hexa,
.zcr-mazars,
.zcr-loba,
.zcr-az,
.zcr-ini-slutn,
.zcr-kdg {
   display: block;
   margin: 0 auto;
   -webkit-transform: scale(0.2);
   -ms-transform: scale(0.2);
   transform: scale(0.2);
   -webkit-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
   opacity: 0;
   visibility: hidden;
}

.in-view .zcr-hexa,
.in-view .zcr-mazars,
.in-view .zcr-loba,
.in-view .zcr-az,
.in-view .zcr-ini-slutn,
.in-view .zcr-kdg {
   -webkit-transform: scale(0.7);
   -ms-transform: scale(0.7);
   transform: scale(0.7);
   opacity: 1;
   visibility: visible;
}

.in-view .zcr-mazars {
   -webkit-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.in-view .zcr-loba {
   -webkit-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

.in-view .zcr-az {
   -webkit-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   transition-delay: 0.4s;
}

.in-view .zcr-ini-slutn {
   -webkit-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

.in-view .zcr-kdg {
   -webkit-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   transition-delay: 0.6s;
}

.zcr-hexa {
   width: 109px;
   height: 59px;
   background-position: -1px -10px;
}

.zcr-mazars {
   background-position: -114px -28px;
   width: 149px;
   height: 24px;
}

.zcr-loba {
   width: 134px;
   height: 34px;
   background-position: -267px -23px;
}

.zcr-az {
   background-position: -406px -3px;
   width: 103px;
   height: 69px;
}

.zcr-ini-slutn {
   width: 168px;
   height: 22px;
   background-position: -515px -28px;
}

.zcr-kdg {
   width: 144px;
   height: 43px;
   background-position: -687px -19px;
}

.outsys-partner .act-btn {
   background: #f0483e;
   color: #fff;
}

.outsys-partner .act-btn {
   margin-top: 60px;
}

/* End Partners */
/* 10x Faster */
.cmpr-faster .content-wrap {
   max-width: 1280px;
}

.cmpr-faster h2 {
   text-align: center;
   max-width: 800px;
   margin: 0 auto 15px;
}

.cmpr-faster h2 span {
   color: #5E4AD7;
}

.cmpr-faster .flex-content {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   margin-top: 90px;
}

.cont-sec {
   width: 40%;
   padding-right: 8%;
}

.cont-sec>div {
   max-width: 450px;
   padding: 20px 0;
   position: relative;
   text-align: left;
   z-index: 3;
   cursor: pointer;
}

.cont-sec>div svg {

   position: absolute;
   left: 0px;
   top: 25px;
   width: 42px;
   height: 42px;
   z-index: 1;
}

.cont-sec>div p {
   margin-bottom: 0;
}

.cont-sec>div:before {
   position: absolute;
   content: "";
   width: 1px;
   height: 100%;
   background: #f9fafd;
   left: -30px;
   top: 0;
   z-index: -1;
   -webkit-transition: 0.5s ease width;
   -o-transition: 0.5s ease width;
   transition: 0.5s ease width;
}

.cont-sec>div.selected:before {
   width: 115%;
}

.cont-sec>.video-cont-sec.selected:first-child:before {
   -webkit-transition: 13s ease width;
   -o-transition: 13s ease width;
   transition: 13s ease width;
   -webkit-transition: 13s linear width;
}

.cont-sec>.video-cont-sec:nth-child(2).selected:before {
   -webkit-transition: 8s ease width;
   -o-transition: 8s ease width;
   transition: 8s ease width;
   -webkit-transition: 8s linear width;
}

.cont-sec>.video-cont-sec.selected:last-child:before {
   -webkit-transition: 18s ease width;
   -o-transition: 18s ease width;
   transition: 18s ease width;
   -webkit-transition: 18s linear width;
}

.cont-sec>div:after {
   position: absolute;
   content: "";
   width: 1px;
   height: 100%;
   left: -30px;
   top: 0;
   z-index: 7;
   opacity: 0.3;
}

.multi-video-sec {
   width: 60%;
   position: relative;
}

.video-sec {
   opacity: 0;
   visibility: hidden;
   position: absolute;
   -o-transition: opacity .3s linear .35s, visibility .4s linear .35s, right .4s linear 0.5s;
   transition: opacity .3s linear .35s, visibility .4s linear .35s, right .4s linear 0.5s;
   -webkit-transition: opacity .3s linear .35s, visibility .4s linear .35s, right .4s linear 0.5s;
   top: 0;
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.video-sec.active-video {
   opacity: 1;
   visibility: visible;
}

.video-sec video {
   width: 100%;
}

/* End 10x Faster */
/* Bottom CTA */
.outsys-cta {
   background: var(--zcr-dark-bg);
   color: #fff;
   text-align: center;
}

.outsys-cta h2 {
   max-width: 900px;
   margin: 0px auto 15px;
}

.outsys-cta p {
   max-width: 750px;
   margin: 0px auto 30px;
}

/* End Bottom CTA */
@-webkit-keyframes updown {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }

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

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

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

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

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

@keyframes float1 {
   from {
      transform: translateY(0)
   }

   50% {
      transform: translateY(15px)
   }

   to {
      transform: translateY(0px)
   }
}

@keyframes float2 {
   from {
      transform: translateY(0)
   }

   50% {
      transform: translateY(-15px)
   }

   to {
      transform: translateY(0px)
   }
}

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

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

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

@media all and (max-width:1199px) {

   .arrowSliding {
      top: 30%;
   }

   /* banner-img */
   .secd-img-bnr {
      left: 26%;
   }

   /* end banner-img */

}

@media all and (min-width:992px) and (max-width:1199px) {
   .pagewrapper .content-wrap {
      width: 94%;
   }


}

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

   .bnr-inner {
      width: 100%;
      margin: 0 auto;
      text-align: center;
   }

   .bnr-center h1 {
      max-width: 600px;
      margin: 0 auto;
   }

   /* 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 */
   /* Outsystems Table */
   .native-table {
      margin-top: 50px;
   }

   .native-table .flex-contents:first-child p:nth-child(2),
   .native-table .flex-contents:first-child p:nth-child(3) {
      position: relative;
      font-size: 0;
   }

   .native-table .flex-contents:first-child p:nth-child(2):before,
   .native-table .flex-contents:first-child p:nth-child(3):before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      display: block;
      -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
      transform: translate(-50%, -50%) scale(0.5);
   }

   .native-table .flex-contents:first-child p:nth-child(2):before {
      background: url(/sites/zweb/images/creator/power-up-compare-sprite.png) no-repeat;
      background-size: 1412px 321px;
      background-position: -1300px -4px;
      width: 76px;
      height: 73px;
      -webkit-filter: brightness(100);
      filter: brightness(100);
   }

   .native-table .flex-contents:first-child p:nth-child(3):before {
      background: url(/sites/zweb/images/creator/odoo-logo.svg) no-repeat;
      background-position: center;
      background-size: contain;
      width: 100px;
      height: 100px;
   }

   .native-table .flex-contents p:first-child {
      font-size: 16px;
   }

   .native-table .flex-contents p {
      padding: 20px;
   }

   .native-table .flex-contents p:nth-child(3) .close:before,
   .native-table .flex-contents p:nth-child(3) .close:after {
      left: 10px;
      top: 4px;
      height: 20px;
   }

   .bkg-circle-sec {
      height: 241px;
   }

   /* End Outsystems Table */
   /* Vibrant Community  */
   .flex-content-six {
      width: 15%;
   }

   .sys-cmty-value {
      font-size: 12px;
   }

   /* End Vibrant Community  */
   /* Partners  */
   .outsys-partner ul li {
      width: 31.3%;
      min-height: 91px;
      margin-bottom: 20px;
   }

   /* End Partners */
   /* Digitilization */
   .digitilization-sys .outsys-sprite {
      display: none;
   }

   .digitilization-sys .content-wrap {
      padding: 70px 20px;
   }

   .digitilization-sys li span {
      font-size: 14px;
      line-height: 1.6;
   }

   /* End Digitilization */
   /* Stands for */
   .delivery-sys {
      bottom: 0;
      top: unset;
      left: 0;
   }

   .end-sys {
      top: 60%;
      right: 0;
   }

   .accelerate-sys {
      left: 0;
   }

   .certified-sys {
      right: 0;
   }

   .arrowSliding {
      top: 30%;
   }

   /* End Stands for */
   /* banner-sec */
   .bnr-center h1 .zcr-prd-name {
      display: inline-block;
   }

   .bnr-center p {
      max-width: 500px;
   }

   /* end banner-sec */
   /* banner-img */
   .banner .flex-content-two {
      width: 100%;
      max-width: 400px; 
      margin: 30px auto 0;
   }

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

   /* end banner-img */
   .flex-content-two {
      width: 100%;
      max-width: 400px;
      margin: 0 auto;
   }
}

@media(min-width:768px) and (max-width:991px) {

   .tab_container .flex-content-two:nth-child(1),
   .tab_container .flex-content-two:last-child {
      margin-bottom: 30px;
   }
}

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

   .pagewrapper .banner .content-wrap {
      margin-bottom: 0px;
   }

   .bnr-center h1 {
      margin: 0;
   }

   .bnr-inner {
      margin: 0;
      text-align: left;
   }

   .bnr-center p {
      margin: 10px 0px;
   }

   .banner .content-wrap {
      padding-bottom: 0px;
   }

   .native-table .flex-contents p:first-child {
      font-size: 14px;
   }

   .flex-content-two,.banner .flex-content-two {
      width: 100%;
      margin: 0;
   }

   .flex-content-three,
   .flex-content-six {
      width: 100%;
   }

   .abstract-code,
   .logic-bsn-code {
      max-width: 50px;
      max-height: 50px;
   }

   .dev-time h2,
   .dev-time p {
      max-width: 400px;
      margin: 0 0 20px;
      text-align: left;
   }

   .dev-time .flex-content {
      display: none;
   }

   .enterprise-main-sec img {
      width: 100%;
   }

   .enterprise-sec-lft {
      left: 0%;
   }

   /* Outsystems Table */

   .native-table .flex-contents p:nth-child(2) .tick,
   .native-table .flex-contents p:nth-child(3) .tick {
      height: 18px;
      width: 8px;
   }

   /* End Outsystems Table */
   /* Stands for  */
   .in-view .enterprise-sec-lft,
   .in-view .enterprise-sec-cnt,
   .in-view .enterprise-sec-rigt {
      animation: none;
   }

   .stands-img {
      margin: 0;
   }

   .empower-evo svg,
   .end-digitilization svg,
   .collaborative-dev svg,
   .market-accelerate svg {
      display: none;
   }

   .stands-sys {
      padding-bottom: 0;
   }

   .stands-sys .flex-reverse .flex-content-two:first-child {
      padding: 0;
   }

   /* End Stands for */
   /* Vibrant Community  */
   .vibrat-cmty .flex-content-six:nth-child(1),
   .vibrat-cmty .flex-content-six:nth-child(3),
   .vibrat-cmty .flex-content-six:nth-child(5),
   .sys-partner {
      display: none;
   }

   .vibrat-cmty .flex-content-six:nth-child(4),
   .vibrat-cmty .flex-content-six:nth-child(6) {
      margin-top: 30px;
   }

   .vibrat-cmty .flex-content {
      max-width: 220px;
      margin: 0 auto;
   }

   .sys-cmty-value {
      margin: 0;
   }

   /* End Vibrant Community */
   /* Partners  */
   .outsys-partner ul li {
      width: 46%;
   }

   /* End Partners */
   /* Digitilization  */
   .digitilization-sys .content-wrap {
      padding: 60px 20px;
   }

   .digitilization-sys ul {
      margin: 0;
   }

   .digitilization-sys li {
      width: 100%;
      padding: 0px 20px;
      position: relative;
   }

   .digitilization-sys li:before {
      content: "";
      position: absolute;
      left: 20px;
      bottom: -20px;
      width: 50%;
      height: 1px;
      background: #484848;
      z-index: 1;
   }

   .digitilization-sys li:last-child:before {
      display: none;
   }

   .digitilization-sys {
      padding-top: 30px;
   }

   /* End Digitilization */
   .odoo-table h2,
   .cmp-key-dif h2,
   .stands-sys h2,
   .digitilization-sys h2 {
      margin: 0px;
      text-align: left;
   }

   /* banner-img */
   .bnr-img img {
      max-width: 290px;
   }

   .bnr-center {
      margin: 0px 0px 30px;
   }

   .bnr-img {
      text-align: left;
   }

   /* end banner-img */

}

@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 */
   /* Partners  */
   .outsys-partner ul li {
      width: 100%;
   }

   .outsys-partner ul li:last-child {
      margin-bottom: 0;
   }

   .outsys-partner .flex-content {
      max-width: 200px;
      margin: 0 auto;
   }

   /* End Partners */
   /* oddo table */
   .native-table .flex-contents p span {
      font-size: 10px;
   }

   /* end oddo table */
}

/* Custom Footer */
.footer-sec-wrap .product-links.three-column>div.product-mbl:nth-child(2) h4,
.footer-sec-wrap .product-links.three-column>div.product-mbl:nth-child(2) ul,
.footer-sec-wrap .product-links.three-column>div.product-mbl:nth-child(3) h4:first-child,
.footer-sec-wrap .product-links.three-column>div.product-mbl:nth-child(3) ul:nth-child(2) {
   display: none;
}

.footer-sec-wrap .product-links.three-column>div.product-mbl:nth-child(2) h4:nth-child(3),
.footer-sec-wrap .product-links.three-column>div.product-mbl:nth-child(2) ul:last-child {
   display: block;
}

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

   .footer-sec-wrap .product-links.three-column>div.product-mbl:nth-child(2) h4:nth-child(3),
   .footer-sec-wrap .product-links.three-column>div.product-mbl:nth-child(3) h4:nth-child(3) {
      margin-top: 0px;
   }
}

/* Custom Footer */