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

/* Common Style */
.text-left {
    text-align: left !important;
}

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

.content-flex {
    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;
}

.zwc-semi-bold {
    font-family: var(--zf-primary-semibold);
}

/* End Common Style */

/* Banner */
.bnr-inner {
    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; */
}

.bnr-left {
    width: 60%;
    padding-right: 120px;
}

.bnr-right {
    width: 40%;
    text-align: center;
    position: relative;
}

.bnr-right:before {
    content: "";
    position: absolute;
    left: -80px;
    top: 55%;
    height: 250px;
    width: 250px;
    z-index: 1;
    background: url(/sites/zweb/images/creator/banner-store.png) no-repeat;
    background-size: contain;
    -webkit-animation: mover 10s linear infinite;
    animation: updown 10s linear infinite;
}

.app-dasboard {
    position: absolute;
    width: 219px;
    height: 219px;
    right: -40px;
    top: 150px;
    z-index: 1;
    -webkit-animation: mover 10s linear infinite;
    animation: updown 10s linear infinite;
}

.app-mobile {
    position: absolute;
    width: 200px;
    height: 100px;
    left: -70px;
    top: 70px;
    z-index: 1;
    -webkit-animation: mover 10s linear infinite;
    animation: updown 10s linear infinite;
}

.app-web {
    position: absolute;
    width: 180px;
    height: 100px;
    right: -30px;
    bottom: 170px;
    z-index: 1;
    -webkit-animation: mover 10s linear infinite;
    animation: updown 10s linear infinite;
}


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

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

/* Banner End*/
/* Building Success */
.zwc-bcs-heading {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    display: block;
}

.zwc-business .zwc-flx-cnt {
    display: flex;
    flex-wrap: wrap;
    max-width: 930px;
    margin: 24px auto 0;
}

.zwc-business .zwc-flex-part-three {
    width: 33.3%;
}

.zwc-business .zwc-flex-part-three p {
    font-size: 62px;
    letter-spacing: -1.259px;
    font-family: var(--primaryfont-semibold);
    text-align: center;
    margin-bottom: 0;
}

.zwc-business .zwc-flex-part-three p.zwc-bsis-text {
    font-family: var(--secondaryfont-regular);
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin-top: 8px;
    letter-spacing: normal;
}

/* End Building Success */
/* Platform */
.platform {
    background-color: #15022F;
    color: #fff;
    position: relative;
}

.platform:before,
.platform:after {
    content: "";
    position: absolute;
    height: 175px;
    width: 195px;
    z-index: 1;
    background: url(/sites/zweb/images/creator/app-dev-bg-top.png) no-repeat;
    background-size: contain;
    -webkit-animation: rotation 25s infinite linear;
    animation: rotation 25s infinite linear;
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: 0.3;
}

.platform:before {
    top: -80px;
    left: 0;
}

.platform:after {
    bottom: -80px;
    right: -10px;
}

.platform-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.platform-flex>div {
    width: calc(50% - 25px);
}

.platform-flex>div:nth-child(2) {
    margin-top: 40px;
}

.platform-svg {
    display: inline-block;
}

.platform h2 {
    margin: 30px auto 30px;
    max-width: 810px;
    position: relative;
    z-index: 1;
    padding: 10px 0px 10px 20px;
}

.platform h2:before,
.platform h2:after {
    content: "";
    position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
    z-index: -1;
}

.platform h2:before {
    left: 0;
    background: transparent -o-linear-gradient(right, #290758 0%, #1D1D1D00 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, right top, left top, from(#290758), to(#1D1D1D00)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(270deg, #290758 0%, #1D1D1D00 100%) 0% 0% no-repeat padding-box;
    display: none;
}

.platform h2:after {
    width: 100%;
    right: 0;
    background: transparent -o-linear-gradient(left, #290758 0%, #1D1D1D00 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, right top, from(#290758), to(#1D1D1D00)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #290758 0%, #1D1D1D00 100%) 0% 0% no-repeat padding-box;
}

.platform p {
    max-width: 820px;
    margin: 0 auto;
}

.zwc-platform-list {
    margin-bottom: 20px;
}

.zwc-platform-list li {
    position: relative;
    padding: 0 0 10px 15px;
}

.zwc-platform-list li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 10px;
}

.zwc-platform-list.white-bg li:before {
    background: #000;
}

:is(.platform, .customers) .lm-link {
    margin-top: 30px;
}

/* Platform End */
/* App Development  */
.app-development .content-wrap {
    padding-bottom: 0px;
}

.app-development .content-flex {
    margin: 90px 0px;
}

.app-development .content-wrap>h2 {
    max-width: 640px;
    margin-inline: auto;
}

.app-development .content-wrap>p {
    max-width: 770px;
    margin-inline: auto;
}

.content-area {
    width: 50%;
    padding-right: 30px;
}

.img-area {
    width: 50%;
    text-align: right;
    padding-left: 30px;
}

.blue-pattern {
    position: relative;
}

.blue-pattern:before {
    content: "";
    position: absolute;
    left: -10px;
    bottom: -15px;
    height: 147px;
    width: 133px;
    background-color: #fff;
    background-image: -o-radial-gradient(circle, #6860ff 30%, transparent 10%), -o-radial-gradient(circle, #6860ff 30%, transparent 10%);
    background-image: radial-gradient(circle, #6860ff 30%, transparent 10%), radial-gradient(circle, #6860ff 30%, transparent 10%);
    background-size: 10px 10px;
    background-position: 0 0, 30px 30px;
    z-index: -1;
}

.blue-pattern.blur-ptrn-rgt:before {
    left: initial;
    bottom: -10px;
    right: 0;
}

.green-pattern {
    position: relative;
}

.green-pattern:before {
    content: "";
    position: absolute;
    left: 60px;
    top: -43px;
    height: 147px;
    width: 133px;
    background-color: #fff;
    background-image: -o-radial-gradient(circle, #87f8cd 30%, transparent 10%), -o-radial-gradient(circle, #87f8cd 30%, transparent 10%);
    background-image: radial-gradient(circle, #87f8cd 30%, transparent 10%), radial-gradient(circle, #87f8cd 30%, transparent 10%);
    background-size: 10px 10px;
    background-position: 0 0, 30px 30px;
    z-index: -1;
}

/* End App Development  */
/* middle cta sec */
.zwc-mid-cta {
    background-color: #15022E;
    color: #fff;
    text-align: center;
}

.zwc-mid-cta h2 {
    margin-bottom: 30px;
}

.zwc-mid-cta p:has(+ p) {
    margin-bottom: 10px;
}

.zwc-mid-cta *:has(+a:last-child) {
    margin-bottom: 40px;
}

/* middle cta sec end */
/* Development Platform */
.development-platform .content-wrap {
    padding-bottom: 0px;
}

.development-platform h2 {
    margin: 0 auto 15px;
    text-align: center;
}

.development-platform p {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 20px;
}

.data-management {
    position: relative;
}

.data-management:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100px;
    background: #EFEEFE;
    height: 270px;
    width: 52%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: -1;
}

.data-management.bl-three:before,
.data-management.gr-three:before {
    top: 170px;
    height: 350px;
}

.data-management .content-wrap {
    padding: 0px 0px 35px;
}

.data-management .content-flex .devplatform-points {
    width: 50%;
}

.data-management .content-flex .devplatform-content {
    width: 50%;
    padding-left: 100px;
}

.data-management.green-clr .content-flex .devplatform-content {
    padding-left: 0px;
}

.data-management.green-clr .content-flex .devplatform-points {
    padding-right: 100px;
}

.data-management.green-clr:before {
    background: #e1f7ee;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    right: 0;
    left: inherit;
}

.development-platform .content-flex .devplatform-content p {
    text-align: left;
}

.devplatform-points .content-flex {
    margin: 0px -30px;
}

.dev-left,
.dev-right {
    width: 50%;
    padding: 30px;
}

.dev-points {
    padding: 20px 0px;
}

.dev-inner {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px #00000010;
    box-shadow: 0px 0px 30px #00000010;
    padding: 25px 15px 20px 15px;
    text-align: center;
    border-radius: 8px;
}

.dev-inner span svg {
    width: 50px;
    height: 50px;
    fill: #695fff;
}

.data-management.green-clr .dev-inner span svg {
    fill: #0fd88b;
}

/* End Development Platform */
.zwc-apps-sec {
    text-align: center;
    background: #15002e;
    color: #fff;
}

.zwc-apps-sec h2 {
    text-align: center;
    margin-bottom: 40px;
}

.related-apps-cnt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.related-apps-card {
    background: #fff;
    padding: 20px 10px;
    width: calc(20% - 16px);
    border-radius: 15px;
    transition: all ease .5s;
}

.related-apps-card:hover {
    transform: translateY(-10px);
}

.related-apps-card a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000;
}

.related-apps-card p {
    margin-bottom: 0;
    font-size: 15px;
    font-family: var(--primaryfont-semibold);
    transition: all ease .5s;
}

.related-apps-card:hover p {
    color: #086be6;
}

.related-apps-icon {
    transition: all ease .5s;
}

.related-apps-icon img {
    display: block;
    margin-bottom: 15px;
}

.related-apps-card:hover .related-apps-icon {
    transform: scale(1.2);
}

/* Platform End-to-End */
.platform-end-to-end {
    background-color: #FFF7EA;
}

.platform-img {
    width: 40%;
}

.platform-content {
    width: 60%;
    padding-left: 90px;
}

/* End Platform End-to-End */
/* Customer Stories */
.customers {
    background: #15002e;
    color: #fff;
    position: relative;
    text-align: center;
}

.customers .content-wrap {
    padding: 120px 0;
    max-width: 1280px;
}

.customers h2 {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 0;
}

.customers .content-flex {
    margin: 40px -40px 0;
}

.customers .content-flex .customer-content {
    width: 25%;
    padding: 20px;
}

.customers .content-flex .customer-content:hover a {
    background-color: #eec482;
    color: #000;
}

.customers .content-flex .customer-content:hover h4 {
    color: #000;
}

.customers .content-flex .customer-content a {
    padding: 30px;
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #504a42;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #15002e;
    text-align: center;
}

.customers h4 {
    color: #eec482;
    font-size: 22px;
}

.icon {
    background: url(/sites/zweb/images/creator/home/creator-home-sprite.png) no-repeat;
    background-size: 1100px auto;
    display: inline-block;
    vertical-align: middle;
}

.customer-content span {
    display: block;
}

.customers span.icon {
    width: 80px;
    height: 80px;
    background-position: -546px -70px;
    margin: auto;
}

span.icon.customer-daniel {
    background: url(/sites/zweb/images/creator/ebooks/daniel-iuzzolino.jpg) 0 0 / 80px no-repeat;
    border-radius: 100%;
}

span.icon.customer-ryan {
    background-position: -795px -80px;
}

span.icon.customer-bob {
    background-position: -889px -77px;
}

span.icon.customer-rachel {
    background-position: -695px -81px;
}

.cust-name {
    font-family: var(--zf-primary-semibold);
    margin: 10px 0 5px 0;
}

.cust-designation,
.cust-org {
    font-size: 14px;
}

.lm-link {
    position: relative;
    margin: 10px 0 0 0px;
    display: inline-block;
    font-family: var(--zf-secondary-medium);
}

.lm-link span {
    position: absolute;
    right: -5px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    top: 3px;
}

.lm-link:hover span {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0);
}

.lm-link span:before {
    content: '';
    width: 16px;
    height: 2px;
    background: #0047ff;
    position: absolute;
    top: 10px;
    right: -20px;
}

.zcr-txt-clr-dark.lm-link span:before {
    background: #2769f5;
}

.lm-link span:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    right: -20px;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #0047ff;
    border-bottom: 2px solid #0047ff;
}

.zcr-txt-clr-dark.lm-link span:after {
    border-right: 2px solid #2769f5;
    border-bottom: 2px solid #2769f5;
}

/* End Customer Stories */
/* Creator */
.creators .content-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.creators h2 span {
    display: block;
}

.creators-heading {
    width: 40%;
    padding-right: 40px;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.creator-title {
    position: absolute;
    max-width: 400px;
}

.creator-title.creators-title-fixed {
    position: fixed;
    top: 100px;
}

.creators-content {
    width: 60%;
}

.creators-content .content-flex {
    margin: 0px -30px;
}

.creators-points {
    width: 50%;
    padding: 30px;
}

.creators-points:nth-child(1),
.creators-points:nth-child(2) {
    padding-top: 0px;
}

.creators-points.point-icon::before {
    content: "";
    width: 50px;
    height: 64px;
    background: url(/sites/zweb/images/creator/application-development/application-development-sprite.svg) 1px 6px / 307px no-repeat;
    display: block;
    margin-bottom: 10px;
}

.creators-points.point-icon:nth-child(4):before {
    width: 54px;
    background-position: -54px 6px;
}

.creators-points.point-icon:nth-child(6):before {
    background-position: -114px 6px;
}

.creators-points svg {
    display: block;
    margin-bottom: 10px;
}

/* End Creator */
/* Clients */
.clients-view {
    background-color: #15022E;
    color: #fff;
}

.tb-testimonial {
    width: 30%;
}

.tb-list {
    width: 70%;
    padding-left: 50px;
}

.tb-test-quote span {
    color: #ffce00;
    font-family: var(--zf-primary-semibold);
    font-size: 22px;
    margin-right: 5px;
}

.tb-test-quote span:before {
    content: '';
    background: url(/sites/zweb/images/creator/quote.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 5px;
}

.tb-testimonial>span {
    font-size: 20px;
}

.clients-view span label {
    border-left: 3px solid #e82121;
    padding-left: 7px;
    font-family: var(--zf-primary-semibold);
    font-size: 22px;
}

.tb-list li {
    display: inline-block;
    width: 24%;
    margin: 30px 0;
}

.tb-list li span {
    display: inline-block;
    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;
}

.tb-list .data-loaded span {
    background: url(/sites/zweb/images/creator/home/creator-home-sprite.png) no-repeat;
    background-size: 1000px auto;
}

.tb-list .tb-mtn span {
    background-position: -664px -198px;
    width: 77px;
    height: 31px;
}

.in-view .tb-list li span {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tb-list li:first-child span {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.tb-list li:nth-child(2) span {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.tb-list .tb-audible span {
    background-position: -764px -197px;
    width: 105px;
    height: 30px;
}

.tb-list li:nth-child(3) span {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.tb-list .tb-zomoto span {
    background-position: -887px -203px;
    width: 102px;
    height: 22px;
}

.tb-list li:nth-child(4) span {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.tb-list .tb-tata span {
    background-position: -734px -305px;
    width: 134px;
    height: 34px;
}

.tb-list li:nth-child(5) span {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.tb-list .tb-samsonite span {
    background-position: -880px -305px;
    width: 120px;
    height: 32px;
}

.tb-list li:nth-child(6) span {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}

.tb-list .tb-aboitz span {
    background-position: 1px -375px;
    width: 110px;
    height: 32px;
}

.tb-list li:nth-child(7) span {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.tb-list .tb-saint-gobain span {
    background-position: -238px -364px;
    width: 120px;
    height: 51px;
    top: -12px;
    position: relative;
}

.tb-list li:nth-child(8) span {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
}

.tb-list .tb-siemens span {
    background-position: -111px -371px;
    width: 120px;
    height: 32px;
}

/* End Clients */
/* Industry Recognition */
.industry {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.industry:before,
.industry:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 90px;
    background: #fff;
}

.industry:before {
    top: 0;
    z-index: 1;
}

.industry:after {
    bottom: 97px;
    z-index: -1;
}

.industry .content-wrap {
    padding: 120px 0px 90px;
}

.industry .content-wrap span:not(.zcr-prd-name) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: auto;
}

.industry .content-wrap span:not(.zcr-prd-name):before,
.industry .content-wrap span:not(.zcr-prd-name):after {
    content: "";
    position: absolute;
    height: 170px;
    width: 170px;
    background: url(/sites/zweb/images/creator/app-dev-bg-top.png) no-repeat;
    background-size: contain;
    -webkit-animation: rotation 15s infinite linear;
    animation: rotation 15s infinite linear;
    opacity: 0.2;
}

.industry .content-wrap span:not(.zcr-prd-name):before {
    top: 10px;
    right: 20px;
    z-index: 1;
}

.industry .content-wrap span:not(.zcr-prd-name):after {
    top: 329px;
    left: 265px;
    z-index: -1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.industry-heading {
    position: relative;
}

.industry-heading:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    z-index: -1;
    background: #EFEEFE;
    height: 335px;
    width: 100%;
    border-radius: 30px;
}

.industry .content-wrap.industry-content {
    max-width: 1280px;
    padding: 30px 0 0;
}

.industry .content-wrap.industry-content .content-flex {
    margin: 0px -30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.industry-lists {
    width: 33.3%;
    padding: 0px 30px;
}

.industry-part {
    -webkit-box-shadow: 20px 20px 30px #00000010;
    box-shadow: 20px 20px 30px #00000010;
    padding: 40px 25px 20px;
    height: 265px;
    background: #fff;
}

.industry-lists img {
    max-height: 60px;
}

.industry-lists img.gartner {
    margin-bottom: 35px;
}

.industry-lists img.research {
    margin-bottom: 30px;
}

.industry-lists img.frost {
    margin-bottom: 55px;
}

/* End Industry Recognition */
/* CTA */
.bottom-cta {
    text-align: center;
}

.bottom-cta h2 {
    max-width: 680px;
    margin: 0 auto;
}

.bottom-cta .act-btn {
    margin-top: 45px;
}

.act-btn {
    display: inline-block;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    padding: 8px 30px;
    margin: 0;
    background: #f0483e;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    font-size: 15px;
}

/* End CTA */
/* Leap sec */
.zwc-leap-inner> :is(h2, p) {
    text-align: center;
    max-width: 800px;
    margin-inline: auto;
}

.leap-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
}

.leap-flex>div {
    width: calc(33% - 10px);
    border: 1px solid #d4dbe0;
    border-radius: 16px;
    padding: 24px;
}

.leap-flex h3 {
    max-width: 250px;
}

.leap-flex div:nth-child(2) p {
    max-width: 270px;
}

.leap-flex h3:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(/sites/zweb/images/creator/application-development/application-development-sprite.svg) -170px -1px / 307px no-repeat;
    display: block;
    margin-bottom: 15px;
}

.leap-flex div:nth-child(2) h3:before {
    background-position: -227px 3px;
}

.leap-flex div:nth-child(3) h3:before {
    background-position: -276px 5px;
}

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

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

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

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

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

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

.faq-item h4 {
    margin-bottom: 0;
    font-family: var(--zf-secondary-medium);
    padding: 20px 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;
}

.faq-item ul li{
    position: relative;
    margin-bottom: 10px;
    padding: 0 0 10px 15px;
}

.faq-item ul li::before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
}

.faq-item a.inlne-block{
    display: inline-block;
}
/*FAQ*/
.zcr-tb-list li:first-child,
.zcr-tb-list li:nth-child(2),
.zcr-tb-list li:nth-child(3),
.zcr-tb-list li:nth-child(4) {
    margin-top: 0;
}

.zcr-tr-brand {
    width: 68%;

}

.clients-view,
.content-flex {
    justify-content: space-between;

}

.zcr-tb-list ul {
    margin: 0px;
}

.zcr-tb-list li {
    width: 23%;
}

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

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

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

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

/* Media Query */
@media(max-width:1400px) {

    /* Banner */
    .pagewrapper .banner .content-wrap {
        padding: 90px 0px 110px;
    }

    /* End Banner */
}

@media (min-width:1400px) {
    .i18n-en h1 {
        font-size: 46px;
    }

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

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

@media(max-width:1233px) {

    /* Banner */
    .pagewrapper .banner .content-wrap {
        padding: 70px 0px 90px;
    }

    /* End Banner */
}

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

    .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(min-width:992px) and (max-width:1199px) {
    .pagewrapper .content-wrap {
        width: 94%;
    }

    /* Banner */
    .bnr-right:before {
        top: 35%;
    }

    .app-dasboard {
        top: 70px;
    }

    /* End Banner */
    /* Customer Stories */
    .customers .content-flex .customer-content a {
        padding: 30px 15px;
    }

    .customers h4 {
        font-size: 19px;
    }

    .customers .content-flex {
        margin: 40px -10px 0;
    }

    .customers .content-flex .customer-content {
        padding: 20px 10px;
    }

    /* End Customer Stories */
    /* Industry */
    .industry-part p {
        font-size: 15px;
    }

    /* End Industry */
}

@media (max-width: 1199px) {
    .zcr-tb-list ul {
        margin: 20px auto 0;
    }

    .zcr-tr-brand,
    .tb-testimonial {
        width: 100%;
    }

    .zcr-tb-list li:first-child,
    .zcr-tb-list li:nth-child(2),
    .zcr-tb-list li:nth-child(3),
    .zcr-tb-list li:nth-child(4) {
        margin-top: 20px;
    }

    .leap-flex>div {
        width: calc(33% - 12px);
    }

    .creator-title{
        max-width: 320px;
    }
}

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

    /* Banner */
    .bnr-left,
    .bnr-right {
        width: 100%;
        text-align: center;
    }

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

    .bnr-right:before {
        height: 200px;
        left: -20px;
        -webkit-animation: none;
        animation: none;
        top: 50%;
    }

    .bnr-left {
        padding-right: 0px;
        margin-bottom: 50px;
    }

    .bnr-left :is(h1, p) {
        max-width: 700px;
        margin-inline: auto;
    }

    .app-mobile {
        left: -30px;
        top: 30px;
        -webkit-animation: none;
        animation: none;
    }

    .app-dasboard {
        top: 0;
        right: -45px;
    }

    .app-web,
    .app-dasboard {
        -webkit-animation: none;
        animation: none;
    }

    /* End Banner */
    /* Creator */
    .creators-heading {
        padding-right: 25px;
    }

    .creators-content .content-flex {
        margin: 0px -20px;
    }

    .creators-points {
        padding: 30px 20px;
    }

    .creator-title,
    .creators-title-fixed {
        max-width: 340px;
    }

    /* End Creator */
    /* Industry Recognition */
    .industry .content-wrap.industry-content .content-flex {
        margin: 0px -10px;
    }

    .industry-lists {
        padding: 0px 10px;
    }

    .industry-part {
        padding: 40px 15px 20px;
    }

    .industry-part p {
        font-size: 14px;
    }

    .industry .content-wrap span:not(.zcr-prd-name):before {
        top: -40px;
    }

    .industry .content-wrap span:not(.zcr-prd-name):after {
        top: 281px;
        left: 220px;
    }

    /* End Industry Recognition */
    /* Platform End-to-End */
    .platform-content,
    .platform-img {
        width: 50%;
    }

    .platform-content {
        padding-left: 20px;
    }

    /* End Platform End-to-End */
    /* Development Platform */
    .data-management .content-wrap {
        padding: 10px 0px 35px;
    }

    .data-management.green-clr:before {
        top: 90px;
    }

    .data-management.green-clr,
    .gr-three:before {
        top: 255px;
    }

    .data-management .content-flex .devplatform-content {
        padding-left: 50px;
    }

    .dev-left,
    .dev-right {
        padding: 30px 10px;
    }

    .devplatform-points .content-flex {
        margin: 0px -10px;
    }

    .dev-inner {
        padding: 25px 10px 20px 10px;
    }

    .dev-inner h5 {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .data-management.green-clr .content-flex .devplatform-points {
        padding-right: 50px;
    }

    .data-management.green-clr,
    .gr-three:before {
        top: 0;
    }

    /* End Development Platform */
    /* App Development  */
    .img-area {
        padding-right: 0px;
    }

    .green-pattern:before {
        left: 10px;
    }

    /* End App Development  */
    /* Customer Stories */
    .customers .content-wrap {
        padding: 70px 0px;
    }

    .customers .content-flex {
        margin: 20px auto;
        max-width: 750px;
    }

    .customers .content-flex .customer-content {
        width: 50%;
    }

    /* End Customer Stories */
    /* Clients */
    .tb-list li {
        width: 31%;
    }

    /* End Clients */
    /*Development Platform*/
    .zcr-tb-list ul {
        max-width: 100%;
    }

    .platform:before {
        display: none;
    }

    .platform-flex {
        display: block;
    }

    .platform-flex>div {
        width: 100%;
    }

    .platform h2,
    .platform p {
        margin-inline: initial;
    }

    .related-apps-cnt {
        max-width: 700px;
        margin-inline: auto;
    }

    .related-apps-card {
        width: calc(33% - 11px);
    }

    .leap-flex>div {
        width: calc(50% - 10px);
    }
}

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

    /*Industry*/
    .industry:before {
        height: 38px;
    }

    .industry:after {
        bottom: 75px;
        height: 80px;
    }

}

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

    /* Building Success */
    .zwc-business .zwc-flx-cnt {
        gap: 30px;
    }

    .zwc-business .zwc-flex-part-three {
        width: 28.3%;
    }

    .zwc-business .zwc-flex-part-three p {
        font-size: 56px;
    }

    .zwc-business .zwc-flex-part-three p.zwc-bsis-text {
        font-size: 16px;
        margin-top: 2px;
    }

    /* End Building Success */
    /* platform */
    .platform:after {
        display: none;
    }

    .zwc-platform-list li {
        font-size: 16px;
    }

    .platform-img,
    .platform-content {
        width: 100%;
    }

    .platform-content {
        padding-left: 0px;
    }

    /* End platform */
    /* Creator */
    .creators-heading {
        width: 100%;
        padding-right: 0px;
    }

    .creators-content,
    .creators-points {
        width: 100%;
    }

    .creators-points,
    .creators-points:nth-child(1),
    .creators-points:nth-child(2) {
        padding: 15px 30px 0;
    }

    .creator-title,
    .creators-title-fixed {
        position: static !important;
        max-width: none;
    }

    /* End Creator */
    /* Industry Recognition */
    .industry .content-wrap {
        padding: 80px 0px 60px;
        max-width: 500px;
    }

    .industry .content-wrap span:not(.zcr-prd-name) {
        display: none;
    }

    .industry-lists {
        margin-bottom: 20px;
        width: 100%;
    }

    .industry-part {
        padding: 30px 25px 10px;
        height: auto;
        background: #fff;
    }

    .industry:before,
    .industry:after {
        display: none;
    }

    /* End Industry Recognition */
    /* Development Platform */
    .data-management .content-wrap {
        max-width: 480px;
        padding: 0px 0px 30px;
    }

    .data-management .content-flex .devplatform-points {
        width: 100%;
    }

    .data-management .content-flex .devplatform-content {
        width: 100%;
        padding-left: 0px;
        text-align: left;
    }

    .data-management:before {
        display: none;
    }

    .dev-left,
    .dev-right {
        width: 100%;
        padding: 0;
    }

    .dev-points {
        padding: 10px 0px;
    }

    .data-management.flex-reverse .content-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
        margin: 0px auto;
    }

    .dev-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: left;
        padding: 0;
    }

    .dev-inner span svg {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

    .data-management.green-clr .content-flex .devplatform-points {
        padding-right: 0px;
        text-align: left;
    }

    /* End Development Platform */
    /* App Development  */
    .app-development .content-flex {
        margin: 40px auto 0;
        max-width: 480px;
    }

    .app-development .content-wrap .content-flex.flex-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }

    .content-area,
    .img-area {
        width: 100%;
        margin-bottom: 40px;
    }

    .content-area {
        padding-right: 0px;
    }

    .img-area {
        text-align: center;
        padding-left: 0;
    }

    .green-pattern:before {
        left: 0;
    }

    /* End App Development  */
    /* Customer Stories */
    .customers .content-flex {
        max-width: 450px;
        margin-bottom: 0;
    }

    .customers .content-flex .customer-content {
        text-align: center;
        width: 100%;
        padding: 10px 0px;
    }

    /* End Customer Stories */
    /* Clients */
    .tb-testimonial,
    .tb-list {
        width: 100%;
    }

    .tb-list {
        padding-left: 0px;
    }

    .tb-list li {
        margin: 15px 0;
        vertical-align: top;
    }

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

    /* End Clients */
    /* FAQ */
    .faq-item h4 {
        font-size: 18px;
    }

    .faq h2 {
        margin-bottom: 20px;
    }

    /* End FAQ */
    /* CTA */
    .bottom-cta .act-btn {
        margin-top: 30px;
    }

    /* End CTA */
    .zcr-tb-list li:nth-child(5),
    .zcr-tb-list li:nth-child(6) {
        display: none;
    }

    .zcr-tb-list li {
        width: 45%;
    }

    .related-apps-cnt {
        max-width: 500px;
        gap: 15px;
    }

    .related-apps-card {
        width: calc(50% - 8px);
    }

    .clients-view span label{
        display: block;
        margin-bottom: 5px;
    }

    .creators-points svg{
        max-width: 50px;
    }

    .creators-points.point-icon::before{
        scale: 0.8;
    }

    .leap-flex{
        justify-content: center;
    }

    .leap-flex>div{
        width: 100%;
        max-width: 400px;
        padding: 20px;
        border-radius: 12px;
    }

    .leap-flex h3:before{
        scale: 0.8;
    }

    :is(.development-platform, .app-development) .content-wrap .text-center {
        max-width: 480px;
        margin-inline: auto;
        text-align: left;
    }

    .development-platform .text-center.zwc-semi-bold {
        margin-bottom: 0;
    }
}

/* End Media Query */
@media(max-width:480px) {

    .bnr-left, .app-development .text-center, .zwc-apps-sec, .zwc-apps-sec h2, .customers, .customers h2, .zwc-mid-cta, .bottom-cta, .zwc-leap-inner> :is(h2, p){
        text-align: left;
    }

    /* Building Success */
    .zwc-business .zwc-flex-part-three {
        width: 100%;
    }

    .zwc-business .zwc-flex-part-three p {
        font-size: 64px;
    }

    /* End Building Success */
    /* Clients */
    .in-view .tb-list li span {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }

    /* End Clients */
    .zcr-tb-list li {
        width: 100%;
    }

    .zcr-tb-list li:nth-child(4) {
        display: none;
    }

    .related-apps-cnt {
        max-width: 500px;
        justify-content: left;
        gap: 15px;
    }

    .related-apps-card {
        width: 100%;
        padding: 16px;
        max-width: 320px;
        border-radius: 12px;
    }

    .related-apps-card a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        gap: 15px;
        text-align: left;
    }

    .related-apps-icon img{
        max-width: 40px;
        margin-bottom: 0;
    }

    .zwc-mid-cta *:has(+a:last-child) {
        margin-bottom: 30px;
    }

    :is(.zwc-mid-cta, .bottom-cta) .cta-btn{
        font-size: 14px;
    }
}

/* End Media Query */