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

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

.block5 .content-wrap {
    padding-top: 0px
}

.block1 .content-wrap {
    padding-top: 30px
}

.bnr-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bnr-inner>div {
    width: 50%;
}

.bnr-inner>div:first-child {
    margin-top: -90px
}

.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.flex-2-col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.flex-2-col>div {
    width: 50%;
    position: relative;
}

.block1 .flex-2-col>div:first-child {
    padding-right: 90px
}

.bnr-main-img {
    vertical-align: bottom;
    position: relative;
    top: 100px;
    left: -100px;
    z-index: -1;
}

.img-group {
    position: relative;
}

img.img-support1,
img.img-support2 {
    position: absolute;
    width: 160px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transition: all 2200ms ease;
    transition: all 2200ms ease;
}

img.img-support1 {
    top: 0%;
    left: 14%;
    -webkit-transform: translate(-20px, 180px) scale(.5);
    transform: translate(-20px, 180px) scale(.5);
    z-index: -2;
}

img.img-support2 {
    top: 5%;
    right: 4%;
    z-index: -2;
    -webkit-transform: translate(-320px, 140px) scale(.5);
    transform: translate(-320px, 140px) scale(.5);
}

.in-view img.img-support1,
.in-view img.img-support2 {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
}

.block1 svg g {
    stroke: #000
}

.img-group svg {
    position: absolute;
    left: 20%;
    z-index: -3;
    top: 10%;
    width: 80%;
    -webkit-animation: y .2s linear reverse infinite;
    animation: y .2s linear reverse infinite;
    stroke-dasharray: 20;
    stroke-dashoffset: 10;
}

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes y {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes y {
    to {
        stroke-dashoffset: 0
    }
}

/*gartner sryles*/
.gartner {
    box-shadow: inset 0px -150px 0 0 #fff;
    background: #15002e;
}

.gartner-outer {
    width: 80%;
    border-radius: 6px;
}

.creator-stats {
    width: 20%;
    margin-left: 2%;
    text-align: center;
    border-radius: 6px;
}

.gartner .flex-wrap {
    background: #ffeed1;
    color: #000;
    border-radius: 5px;
    padding: 60px 70px 60px;
}

.gartner-wrap>div {
    width: 85%;
    display: inline-block;
    vertical-align: middle;
}

.gartner-wrap>div:first-child {
    width: 12%;
}

.gartner-wrap>div:last-child {
    border-right: 1px dashed;
    padding-right: 50px;
}

.gartner-wrap p {
    font-size: 26px;
    font-family: var(--zf-primary-semibold);
    line-height: 1.3;
    margin-bottom: 10px;
}

.creator-stats p {
    margin-top: 20px;
    margin-bottom: 0px;
}

.creator-stats>div {
    display: flex;
    gap: 20px;
}

.creator-stats>div:first-child {
    margin-bottom: 20px;
}
.creator-stats .text1{
    text-align: left;
    display: inline-block;
}
.creator-stats .text1 label{
    display: block;
}
.gartner-wrap>span {
    margin-bottom: 20px;
    display: inline-block;
    color: #F2B826;
    font-family: var(--zf-primary-semibold);
}

.featuredin {
    display: inline-block;
    color: #F2B826;
    position: relative;
    top: -10px;
}

.gartner-wrap img {
    max-width: 55px;
    vertical-align: middle;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 600ms ease-in;
    transition: all 600ms ease-in;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.in-view .gartner-wrap img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}

span.user-count {
    color: #EF5065;
    font-size: 50px;
    font-family: var(--zf-secondary-bold);
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    min-width: 40px;
    float: left;
}

.other-lang .creator-stats>div {
    text-align: left
}

.other-lang.i18n-ar .creator-stats>div {
    text-align: right
}

/*gartner sryles*/

/*trust brands*/
.tb-list>span {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
}

.tb-list>span:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100px;
    background: #605271;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tb-list li {
    display: inline-block;
    margin: 30px 27px;
}

.tb-list li span {
    display: inline-block;
    background: url(/sites/zweb/images/creator/home/creator-home-sprite.png) no-repeat;
    background-size: 1000px auto;
    vertical-align: middle;
    -webkit-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

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

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

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

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

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

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

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

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

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

.tb-list li:nth-child(10) span {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

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

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

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

.tb-list .tb-hitachi span {
    background-position: 0 -312px;
    width: 92px;
    height: 17px;
}

.tb-list .tb-motorola span {
    background-position: -111px -304px;
    width: 120px;
    height: 28px;
}

.tb-list .tb-msi {
    text-align: center
}

.tb-list .tb-msi span {
    background-position: -252px -299px;
    width: 48px;
    height: 43px;
}

.tb-list .tb-yatra span {
    background-position: -325px -297px;
    width: 48px;
    height: 49px;
}

.tb-list .tb-oyo span {
    background-position: -403px -306px;
    width: 75px;
    height: 27px;
}

.tb-list .tb-honeywell span {
    background-position: -501px -311px;
    width: 101px;
    height: 21px;
}

.tb-list .tb-whirlpool span {
    background-position: -621px -305px;
    width: 94px;
    height: 32px;
}

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

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

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

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

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

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

.lowcode .lm-link,
.customers .lm-link {
    color: #03a9f5;
}

.lowcode .lm-link span:after,
.customers .lm-link span:after {
    border-right: 1px solid #03a9f5;
    border-bottom: 1px solid #03a9f5;
}

.lowcode .lm-link span:before,
.customers .lm-link span:before {
    background: #2769f5;
}

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

.lm-link span:before {
    content: '';
    width: 18px;
    height: 2px;
    background: #2769f4;
    position: absolute;
    top: 9px;
    right: -22px;
}

.lm-link span:after {
    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid #2769f4;
    position: absolute;
    right: -22px;
    top: 6px;
    border-bottom: 2px solid #2769f4;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

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

.tb-list li:first-child {
    margin-left: 0;
}

.tb-list li:last-child {
    margin-right: 0px;
}

.block1 svg {
    position: absolute;
    left: 2%;
    top: -7.1%;
    width: 86.5%;
    z-index: -1;
    height: 125%;
    -webkit-animation: y .2s linear reverse infinite;
    animation: y .2s linear reverse infinite;
    stroke-dasharray: 4;
    stroke-dashoffset: 18;
}

img.img-support3 {
    position: absolute;
    bottom: -10%;
    left: 10%;
    width: 200px;
    -webkit-transform: translate(-70%, -70%) scale(.5);
    transform: translate(-70%, -70%) scale(.5);
    -webkit-transition: all 2200ms ease;
    transition: all 2200ms ease;
}

.in-view img.img-support3 {
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.block2 {
    text-align: center;
}

.desc {
    max-width: 800px;
    margin: 0 auto 60px;
}

ul.ul-list {
    list-style-type: disc;
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
}

.ul-list li {
    /* float: left;
    width: 45%;
    vertical-align: top;
    margin: 0 20px 30px 20px; */
    margin: 0px 0px 18px 20px;
}

.block2 .flex-1-col .flex-2-col>div {
    padding: 0 25px;
    margin: 0px 0px 30px;
}

.block2 .flex-1-col .flex-2-col img {
    max-height: unset;
}

.block2 .flex-1-col .flex-2-col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    text-align: left
}

.block2 .flex-2-col {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    text-align: left
}

.block2 .flex-2-col h3 {
    font-size: 22px
}

.block2 .flex-2-col>div {
    padding: 0 90px;
    margin-top: 90px
}

.block2 .flex-2-col span {
    display: block;
    color: #1E4AC3;
    margin: 20px 0 10px 0;
}

.block2 .flex-2-col img {
    max-height: 130px;
}

.block4 .flex-1-col {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.block4 .flex-1-col:nth-child(2) {
    max-width: 800px;
    margin-top: 60px;
}

.block4 .img-group img {
    /* box-shadow: 0 0 40px 0 rgb(0 0 0 / 12%); */
    margin-top: 0px;
    border-radius: 10px;
}

img.integrate-img {
    -webkit-transform: scale(.7) rotate(-100deg);
    transform: scale(.7) rotate(-100deg);
    -webkit-transition: all 2000ms ease;
    transition: all 2000ms ease;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.in-view img.integrate-img {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.block5 .desc {
    margin: 0 auto 30px;
}

.trust-brands-wrap {
    text-align: center;
}

.trust-brands-wrap h4 {
    margin-bottom: 30px
}

.trust-brands-wrap ul li {
    display: inline-block;
    -webkit-transition: all 1200ms ease;
    transition: all 1200ms ease;
}

.trust-brands-wrap ul li span {
    background: url(/sites/zweb/images/commonroot/zp-trust-brands-sprite.png) no-repeat;
    background-size: 1200px auto;
    height: 40px;
    display: inline-block;
    margin: 10px 25px;
    text-indent: -9999px;
    vertical-align: middle;
}

.trust-brands-wrap ul li.tb-zomato span {
    background-position: -15px -1438px;
    width: 124px;
    height: 27px;
}

.trust-brands-wrap ul li.tb-mtn span {
    background-position: -308px -1436px;
    width: 42px;
    height: 42px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.trust-brands-wrap ul li.tb-leggett span {
    background-position: -706px -1425px;
    width: 220px;
    height: 55px;
}

.trust-brands-wrap ul li.tb-whirlpool span {
    background-position: -165px -1440px;
    width: 114px;
    height: 38px;
}

.trust-brands-wrap ul li.tb-siemens span {
    background-position: -573px -443px;
    width: 119px;
    height: 41px;
}

.trust-brands-wrap ul li.tb-samsonite span {
    background-position: -526px -1445px;
    width: 149px;
    height: 24px;
}

.trust-brands-wrap ul li:first-child {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.trust-brands-wrap ul li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.trust-brands-wrap ul li:nth-child(3) {
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
}

.trust-brands-wrap ul li:nth-child(4) {
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
}

.trust-brands-wrap ul li:nth-child(5) {
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
}

.trust-brands-wrap ul li:nth-child(6) {
    -webkit-transition-delay: 1100ms;
    transition-delay: 1100ms;
}

.trust-brands-wrap ul li:nth-child(2) span {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.trust-brands-wrap .in-view ul li {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

.bottom-cta .content-wrap {
    text-align: center;
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171
}

/*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 ul {
    list-style-type: disc;
    padding-left: 25px;
}

.faq ul li {
    margin-bottom: 10px
}

.block4 .img-group {
    max-width: 900px;
    margin: 0 auto;
}

.mb-30 {
    margin-bottom: 30px
}

span.zicon:before {
    content: '';
    background: url(/sites/zweb/images/creator/bpa-sprite.png) no-repeat;
    background-size: 500px auto;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    display: table
}

span.zicon {
    position: absolute;
    height: 55px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 9%);
    border-radius: 5px;
    background: #fff;
}

span.zicon1 {
    top: 50%;
    right: 1%;
    -webkit-animation: float1 20s linear infinite;
    animation: float1 20s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

span.zicon2 {
    left: 7%;
    top: 60%;
    -webkit-animation: float1 20s linear infinite;
    animation: float1 20s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

span.zicon3 {
    left: 0%;
    top: 80%;
    -webkit-animation: float2 20s linear infinite;
    animation: float2 20s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

span.zicon4 {
    top: 10%;
    right: 10%;
    height: 50px;
    -webkit-animation: float1 20s linear infinite;
    animation: float1 20s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

span.zicon5 {
    right: 5%;
    top: 31%;
    height: 52px;
    -webkit-animation: float2 20s linear infinite;
    animation: float2 20s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

span.zicon6 {
    left: 0%;
    top: 40%;
    -webkit-animation: float2 20s linear infinite;
    animation: float2 20s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

span.zicon7 {
    right: 20%;
    top: 75%;
    -webkit-animation: float1 20s linear infinite;
    animation: float1 20s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

span.zicon8 {
    right: 5%;
    top: 75%;
    height: 45px;
    -webkit-animation: float3 20s linear infinite;
    animation: float3 20s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

span.zicon1:before {
    width: 55px;
    height: 55px;
    background-position: -299px -7px;
}

span.zicon2:before {
    width: 55px;
    height: 55px;
    background-position: -61px -3px;
}

span.zicon3:before {
    width: 55px;
    height: 55px;
    background-position: 0px 0px;
}

span.zicon4:before {
    width: 55px;
    height: 55px;
    background-position: -176px -7px;
}

span.zicon5:before {
    width: 55px;
    height: 55px;
    background-position: -240px -7px;
}

span.zicon6:before {
    width: 55px;
    height: 55px;
    background-position: -119px -4px;
}

span.zicon7:before {
    width: 55px;
    height: 55px;
    background-position: -354px -7px;
}

span.zicon8:before {
    width: 76px;
    height: 45px;
    background-position: -421px -11px;
}

.circle-section {
    display: block;
    max-width: 50%;
    position: relative;
    margin: 0 auto;
    overflow: visible;
}

.block4 .img-group.integration-img {
    margin-top: 30px;
}

@media all and (min-width:1200px) {
    .act-btn {
        padding: 12px 30px;
    }

    .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 {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
    }

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

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

    .fadeinup1,
    .fadeinup2,
    .fadeinup3,
    .fadeinup4,
    .fadeinup5,
    .fadeinup6,
    .fadeinup7,
    .fadeinup8,
    .fadeinup9 {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0px, 40px, 0);
        transform: translate3d(0px, 40px, 0);
        -webkit-transition: all 1000ms ease;
        transition: all 1000ms ease
    }

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

    .fadeinup2,
    .fadeinright2,
    .inup2 {
        -webkit-transition-delay: 300ms;
        transition-delay: 300ms;
    }

    .fadeinup3,
    .fadeinright3,
    .inup3 {
        -webkit-transition-delay: 400ms;
        transition-delay: 400ms;
    }

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

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

    .fadeinup6 {
        -webkit-transition-delay: 700ms;
        transition-delay: 700ms;
    }

    .fadeinup7 {
        -webkit-transition-delay: 800ms;
        transition-delay: 800ms;
    }

    .fadeinup8 {
        -webkit-transition-delay: 900ms;
        transition-delay: 900ms;
    }

    .fadeinup9 {
        -webkit-transition-delay: 1100ms;
        transition-delay: 1100ms;
    }

    .bnr-inner>div:last-child {
        min-height: 480px;
    }
}

@media only screen and (min-width : 1200px) and (max-width: 1399px) {
    h1 {
        font-size: 36px
    }

    .bnr-left h4 {
        font-size: 20px
    }

    .tb-list li {
        margin: 30px 20px;
    }
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .tb-list {
        text-align: center;
    }

    .block1 .content-wrap {
        padding-top: 30px
    }

    .block2 .flex-2-col>div {
        padding: 0px 60px;
        margin-top: 60px;
    }

    .block4 .flex-1-col:nth-child(2) {
        max-width: 700px
    }

    .trust-brands-wrap ul li span {
        margin: 10px 10px;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    h1 {
        font-size: 26px
    }

    .bnr-inner>div:first-child {
        margin-top: -20px;
    }

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

    .block5 .content-wrap {
        padding-top: 0px;
    }

    .tb-wrap {
        text-align: center;
        margin: 20px 0
    }

    .tb-list li {
        margin: 10px 27px;
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    .circle1 {
        width: 350px;
        height: 350px;
    }

    .block4 .flex-1-col:nth-child(2) {
        max-width: 700px
    }

    .gartner .flex-wrap {
        padding: 40px 30px 30px;
    }

    .gartner-wrap p {
        font-size: 20px;
    }

    .gartner-wrap>div:last-child {
        padding-right: 20px
    }

    span.user-count {
        min-width: 30px
    }


    .block1 .flex-2-col>div:first-child {
        padding-right: 50px;
    }

    /* .ul-list li {
        width: 43%;
    } */

    .block2 img {
        width: 100%;
    }

    .block2 .flex-2-col>div {
        padding: 0 40px;
        margin-top: 50px;
    }
}

@media all and (max-width:767px) {
    .faq h2 {
        margin-bottom: 20px
    }

    h2 {
        font-size: 22px;
    }

    h4 {
        font-size: 17px;
    }

    img.img-support3 {
        width: 150px;
    }

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

    .block1 .content-wrap,
    .block5 .content-wrap {
        padding-top: 0px
    }


    .block1 .flex-2-col>div:first-child {
        padding-right: 0px;
    }

    .bnr-inner>div:first-child {
        margin-top: -20px;
        text-align: center;
        margin-bottom: 20px
    }

    .bnr-inner {
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .flex-2-col {
        -ms-flex-flow: column;
        flex-flow: column
    }

    .bnr-inner>div,
    .flex-2-col>div,
    .gartner-outer,
    .creator-stats {
        width: 100%
    }

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

    .tb-list ul {
        margin-top: 20px
    }

    .tb-list li {
        margin: 15px 7px;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    .block2 img {
        max-width: 100%;
    }

    .gartner .flex-wrap {
        padding: 20px 20px 20px;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .creator-stats {
        margin: 30px 0 0;
        text-align: left;
    }
    .gartner-wrap>div:last-child {
        border-right: 0px;
        padding-right: 0px;
        padding-left: 10px;
    }

    .creator-stats>div {
        width: 48%;
        display: inline-block;
        vertical-align: top;
        max-width: 150px;
        text-align: left;
    }
    .other-lang .creator-stats>div{
        max-width: 200px;
    }
    /* .ul-list li {
        width: 95%;
        margin: 0 0 20px 20px;
    } */

    .desc {
        margin: 0 auto 30px;
    }

    .gartner-wrap>div {
        vertical-align: top
    }

    .gartner-wrap img {
        max-width: 40px;
        top: 5px;
        position: relative;
    }

    .gartner-wrap p {
        font-size: 17px;
    }


    .block2 .flex-2-col>div {
        padding: 0 10px;
        margin-top: 30px;
    }

    .trust-brands-wrap ul li:first-child,
    .trust-brands-wrap ul li:nth-child(2),
    .trust-brands-wrap ul li span {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    .trust-brands-wrap ul li span {
        margin: 8px 10px;
    }

    .block2 .flex-2-col span {
        margin: 0px 0 10px 0;
    }
}

@media (max-width:480px) {
    .gartner-wrap>div:last-child {
        padding-left: 30px;
    }
    .creator-stats{
        justify-content: space-between;
        gap: 0;
    }
}

.zcr-tb-list {
    text-align: center;
}

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

@media screen and (min-width:1199px) {
    .zcr-tb-list li {
        width: 15%
    }
}