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

.pagewrapper button{
 border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
color: inherit;
font: inherit;
line-height: normal;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
font-size: 17px;
cursor: pointer;
text-align: unset;
}
.zcr-banner h1 {
    letter-spacing: -1px;
}

.grid-element {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.zcr-btn {
    display: inline-block;
    font-family: var(--zf-primary-semibold), sans-serif;
    background: var(--primary-btn-color);
    color: rgb(255, 255, 255);
    padding: 12px 30px;
    margin: 0px;
    border: 1px solid transparent;
    cursor: pointer;
    z-index: 1;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.zcr-btn.demo-btn {
    border: 1px solid var(--zcr-blue);
    background: transparent;
    color: var(--zcr-blue);
}

.zcr-blk-elmt {
    display: block;
}

.zcr-bld-prt {
    font-family: var(--zf-primary-semibold)
}

/* breadcrumb */
.zcr-ts-breadcrumb {
    position: relative;
    color: #fff;
    z-index: 2;
}

.pagewrapper .zcr-ts-breadcrumb .content-wrap {
    padding: 30px 0 0;
    max-width: 1280px;
}

.zcr-ts-breadcrumb .flex-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.zcr-ts-breadcrumb li {
    font-size: 15px;
    line-height: 1.6;
    padding-right: 30px;
    color: #696969;
    position: relative;
}

.zcr-ts-breadcrumb li a {
    cursor: pointer;
    color: var(--zcr-link-clr);
    font-family: var(--zf-secondary-medium);
}

.zcr-ts-breadcrumb li a:hover {
    border-bottom: 1px solid var(--zcr-link-clr);
}

.zcr-ts-breadcrumb li a:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #696969;
    border-right: 1px solid #696969;
    transform: rotate(45deg);
}

.zcr-ts-breadcrumb li a:hover:after {
    border-top: 1px solid var(--zcr-link-clr);
    border-right: 1px solid var(--zcr-link-clr);
}

.tooltip {
    position: relative;
    transition: color linear 150ms;
    box-sizing: content-box;
    border-top: 5px solid transparent;
}

.tooltip:focus-visible {
    color: #000;
}

.tooltip:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 1px;
}

.tooltip:hover::before,
.tooltip:hover::after,
.tooltip:focus-visible::before,
.tooltip:focus-visible::after {
    opacity: 1;
    visibility: visible;
}

.tooltip::before,
.tooltip::after {
    visibility: hidden;
    opacity: 0;
    transition: visibility 150ms, opacity 150ms linear;
}

.tooltip::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #313131;
    left: 50%;
    top: 0;
    transform: translateY(-100%) translateX(-50%);
}

.tooltip::after {
    content: attr(data-content);
    font-size: 14px;
    border-radius: 6px;
    color: #fff;
    font-style: normal;
    background: #313131;
    padding: 12px;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 50%;
    transform: translateY(-110%) translateX(-50%);
}

/* breadcrumb end */

/* zcr-banner  */
.zcr-banner,
.zcr-ts-breadcrumb,
.zw-product-header {
    background: #F5F5FF;
}

.zcr-banner .grid-element {
    align-items: center;
}

.zcr-banner h1 {
    font-size: 56px;
}

.zcr-banner img {
    display: block;
}

.zcr-banner {
    position: relative;
    margin: 0 auto;
}

.zcr-banner p {
    max-width: 600px;
}

.last-elmt {
    margin-bottom: 0px;
}

/* zcr-banner  */
.list-prt ul li::before,
.icon-sec h3::before,
.industries-low-code .icon-sec p::before {
    content: "";
    position: absolute;
    background: url(/sites/zweb/images/creator/app-dev-low-code-sprite.svg) no-repeat;
    background-size: 1172px auto;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    z-index: 1;
}

.icon-sec h3,
.icon-sec p {
    position: relative;
}

/* guid-content */
.guid-content h2 {
    font-size: 35px;
    letter-spacing: -1.05px;
}

.grid-element.two-prt-gird {
    grid-template-columns: 325px 1fr;
    gap: 50px;
}

.guide-nav-header {
    font-size: 13px;
    font-family: var(--secondaryfont-semibold);
    background: #027FFE;
    ;
    color: #fff;
    display: block;
    border-radius: 10px 10px 0 0;
    padding: 10px 20px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border: 1px solid #e1e1e1;
}

/* .guide-nav-header:after, .guide-nav-header:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 2px;
    background: #000;
    transform: rotate(-45deg);
    right: 33px;
    top: 21px;
}
.guide-nav-header:before {
    transform: rotate(45deg);
    right: 27px;
    top: 21px;
}
.guide-nav-header.zarrow-up:before {
    transform: rotate(-45deg);
}
.guide-nav-header.zarrow-up:after {
    transform: rotate(45deg);
} */

.list-guid-header {
    position: sticky;
    top: 90px;
    border-top: 0;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    height: 600px;
    overflow: scroll;
}

.list-guid-header li button{
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.6;
    padding: 10px 15px;
    cursor: pointer;
    border-left: 2px solid #fff;
    width: 100%;
}


.list-guid-header li button.active {
    color: #016EDA;
    ;
    background: #EDF6FF;
    ;
    border-left: 2px solid #027FFE;
    ;
}

.list-guid-header li button.active::after {
    filter: brightness(1);
}

.last-update p {
    margin-bottom: 0px;
    font-size: 18px;
    font-family: var(--primaryfont-semibold);
    color: var(--zcr-link-clr);
    text-align: right;

}

.last-update p span {
    color: #000;
}

.right-guid-content .rgc-inner-cnt:nth-child(2) {
    padding-top: 30px;
}

.rgc-inner-cnt {
    padding: 50px 0px;
    border-bottom: 1px solid #C8C8C8;
}


/* benefits-low-code */
.black-clr-bg h2 {
    color: #fff;

}

.benefits-low-code .grid-element>div h3 {
    position: relative;
    padding-top: 50px;
    font-size: 26px;
}

.benefits-low-code .grid-element {
    margin-top: 40px;
    gap: 20px;
}

.benefits-low-code .grid-element>div {
    border-radius: 10px;
    padding: 30px;
    background: #fff;
}

.benefits-low-code .grid-element>div p {
    margin-bottom: 0px;
}

.icon-sec.benefits-low-code-one h3::before {
    background-position: 0 0px;

}

.icon-sec.benefits-low-code-two h3::before {
    background-position: -43px 0px;

}

.icon-sec.benefits-low-code-three h3::before {
    background-position: -85px 2px;

}

.icon-sec.benefits-low-code-four h3::before {
    background-position: -128px 0px;
}

/* benefits-low-code */
/* what-are-features */
.what-are-features .grid-element {
    padding: 40px 0px;
    gap: 60px;

}

.what-are-features .grid-element h3 {
    padding-top: 50px;
    max-width: 350px;
}

.what-are-features .grid-element p {
    max-width: 400px;
    margin-bottom: 0px;
}

.what-are-features .icon-sec.one h3::before {
    background-position: -173px 0px;
}

.what-are-features .icon-sec.two h3::before {
    background-position: -215px 0px;

}

.what-are-features .icon-sec.three h3::before {
    background-position: -258px 0px;

}

.what-are-features .icon-sec.four h3::before {
    background-position: -301px 0px;

}

.what-are-features .icon-sec.five h3::before {
    background-position: -345px 0px;
}

.what-are-features .icon-sec.six h3::before {
    background-position: -390px 0px;
}


/* what-are-features */
/* what-you-build */
.what-you-build .grid-element {
    margin-top: 40px;
    gap: 20px;
}

.what-you-build .grid-element>div {
    padding: 25px;
    border-radius: 14px;
}

.zcr-internal div,
.zcr-portals div,
.zcr-core div,
.zcr-extend div {
    margin-bottom: 30px;
}

.zcr-internal {
    border: 1px solid #dee1ee;
    background: #eef1fb;
}

.zcr-portals {
    border: 1px solid #f0eada;
    background: #f7f3e9;
}

.zcr-core {
    border: 1px solid #eae2fb;
    background: #f0ecf8;
}

.zcr-extend {
    border: 1px solid #d6eae1;
    background: #e8f4ef;
}


/* what-you-build */
/* who-can-use */
.who-can-use-cnt.gry-clr-bg {
    padding-bottom: 0px;
}

.who-can-use-img {
    max-width: 550px;
    margin: 50px auto 0px;
}

.who-can-use-img img {
    display: block;
}

/* who-can-use end */
/* industries-low-code */
.industries-low-code .grid-element {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.industries-low-code .grid-element>div {
    border-radius: 16px;
    border: 1px solid #DCDCDC;
    padding: 20px;
}

.industries-low-code .grid-element>div p {
    font-size: 18px;
    font-family: var(--primaryfont-semibold);
    margin-bottom: 0px;
    padding-top: 50px;
}

.industries-low-code .grid-element>div:nth-child(1) p::before {
    background-position: -429px 0px;
}

.industries-low-code .grid-element>div:nth-child(2) p::before {
    background-position: -469px 0px;
}

.industries-low-code .grid-element>div:nth-child(3) p::before {
    background-position: -512px 0px;
}

.industries-low-code .grid-element>div:nth-child(4) p::before {
    background-position: -556px 0px;
}

.industries-low-code .grid-element>div:nth-child(5) p::before {
    background-position: -598px 0px;
}

.industries-low-code .grid-element>div:nth-child(6) p::before {
    background-position: -642px 0px;
}

.industries-low-code .grid-element>div:nth-child(7) p::before {
    background-position: -684px 0px;
}

.industries-low-code .grid-element>div:nth-child(8) p::before {
    background-position: -729px 0px;
}

.industries-low-code .grid-element>div:nth-child(9) p::before {
    background-position: -773px 0px;
}

.industries-low-code .grid-element>div:nth-child(10) p::before {
    background-position: -814px 0px;
}

.industries-low-code .grid-element>div:nth-child(11) p::before {
    background-position: -856px 0px;
}

.industries-low-code .grid-element>div:nth-child(12) p::before {
    background-position: -897px 0px;
}

.industries-low-code .grid-element>div:nth-child(13) p::before {
    background-position: -939px 0px;
}

.industries-low-code .icon-sec {
    position: relative;

}

.industries-low-code .icon-sec a {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.industries-low-code .icon-sec:hover {
    box-shadow: 0 30px 60px #C9C9C998;
    border: 1px solid var(--zcr-link-clr);
    transition: all .6s ease-out;
}

.industries-low-code .icon-sec:hover p {
    color: var(--zcr-link-clr);
}

/* industries-low-code end*/

/* tick- start  */
.cmp-key-dif .tick-sec {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.cmp-key-dif .tick-sec li {
    position: relative;
    width: 50%;
    padding: 0px 10px 0px 20px;
    margin: 10px 0px;
}

.tick-sec {
    position: relative;
}

.tick-sec li {
    padding-left: 30px;
    margin: 10px 0px;
    position: relative;
}

.tick-sec li:before,
.tick-sec li:after {
    content: '';
    position: absolute;
    z-index: 1;
}

.tick-sec li:before {
    left: 4px;
    width: 7px;
    margin-top: 9px;
    border-left: 2px solid #fff;
    height: 4px;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 1px;
    z-index: 2;
}

.tick-sec li:after {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    left: 0;
    border-radius: 50%;
    background-color: #04C949;
    top: 0;

}

/* tick- end  */

/* Key difference */
.flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cmp-key-dif h2 {
    max-width: 700px;
    margin: 0 0px 15px;
}

.cmp-key-dif h2 span {
    display: block;
}

.tab-drawer-heading {
    display: none;
}

.cmp-key-dif img {
    border-radius: 15px;
}

.tabs-elmts.flex-content {
    justify-content: left;
    margin-top: 40px;
}

.tab-container .flex-content {
    max-width: 1070px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;

}

.tabs-elmts li {
    margin-right: 40px;
    position: relative;
    padding: 0px 0px 5px 0px;
    cursor: pointer;
}

.tabs-elmts li:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0px;
    z-index: 1;
    width: 0;
    height: 1px;
    background-color: var(--zcr-link-clr);
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.tabs-elmts li:last-child {
    margin-right: 0px;
}

.tabs-elmts li.active {
    color: var(--zcr-link-clr)
}

.tabs-elmts li.active:before {
    width: 100%;
}

.tab-container .flex-content-two.cont-prt-elmt {
    width: 58%;
}

.tab-container .flex-content-two {
    width: 40%;
    margin-top: 40px;
}


.tab-container .flex-content-two:last-child {
    border-radius: 10px;
    /* padding: 30px 30px 50px; */
    position: relative;
    overflow: hidden;
}

.tab-points {
    position: relative;
    padding-left: 20px;
}

.tab-points:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: #000;
    border-radius: 50%;
    height: 8px;
    width: 8px;
}

.tab-container span {
    display: block;
    margin-bottom: 10px;
    font-family: var(--primaryfont-semibold);
}

.flex-content-two {
    position: relative;
}

.lowcod-second-img {
    position: absolute;
    background: url(/sites/zweb/images/creator/low-code-page-sprit.png) no-repeat;
    background-size: 1263px auto;
    transform: scale(0.7);
    width: 175px;
    height: 200px;
    left: 0%;
    top: 0%;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    z-index: 1;
}

.om-ec-second-img {
    background-position: -1090px -108px;
}

.di-tr-second-img {
    background-position: 0 -363px;
}

.erp-second-img {
    background-position: -175px -352px;
    height: 230px;
    left: 51%;
    top: 8%;
}

.rtt-second-img {
    background-position: -350px -351px;
    height: 225px;
    left: 51%;
    top: 10%;
}


/* End Key difference */


/*  header-Table-sec -Start  */
.tabl-hdr-sec {
    color: #fff;
    background-color: #151515;
    border-radius: 20px;
    max-width: 750px;
    margin: 40px 0px;
    position: relative;
}

.tabl-icon {
    max-width: 20%;
}

.tabl-icon span {
    display: inline-block;
}

.tabl-hdr-sec-content {
    max-width: 80%;
    margin: 0 auto;
    padding: 30px 30px 30px 0px;
}

.tabl-hdr-sec-cnt {
    max-width: 600px;
    padding-left: 15%;
}

.tabl-hdr-sec-content svg {
    position: absolute;
    z-index: 1;
    top: 13%;
    left: 5%;
    width: 100px;
    height: 100px;
    margin: 10px 20px 20px 0;
}

/*  header-Table-sec-sec -end  */
/*table-sec */
.table-sec {
    color: #fff;
}

.table-sec-list {
    width: 100%;
    border: 1px solid #474749;
}

.table-sec-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.table-sec-list ul li span {
    display: none;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
    color: var(--zcr-link-clr);
}

.table-sec-list ul li {
    width: 33.3%;
    padding: 20px;
}

.table-sec-list ul li h4 {
    max-width: 265px;
}

.table-hdr {
    max-width: 300px !important;
}

.table-sec-list ul li:nth-child(3)>h5,
.blue-clor {
    color: #FFCC00;
}

.table-sec-list ul li:nth-child(3) {
    background-color: #1D1D1F;
}

.table-sec-list ul li:nth-child(1),
.table-sec-list ul li:nth-child(2) {
    border-right: 1px solid #474749;
}

.lc-nc-more-cta {
    margin-top: 30px;
}

/*table-sec */

/* how-low-code */
.how-low-code-cnt .three-btn {
    border-bottom: 1px solid #DBDBDB;
    ;
    line-height: 0;
    padding: 15px;
}

.zcircle {
    width: 15px;
    height: 15px;
    border: 1px solid #DBDBDB;
    ;
    display: inline-block;
    border-radius: 100%;
    margin-left: 4px;
}

.how-low-code-cnt {
    position: relative;
    border: 1px solid #DBDBDB;
    ;
    border-radius: 7px;
}

.inner-cnt-warp {
    padding: 40px;
}

.inner-cnt-warp h2 {
    margin-bottom: 40px;
}

.inner-cnt-warp>div {
    padding: 30px 0px 30px 80px;
    border-bottom: 1px solid #D8D8D8;
    ;

}

.inner-cnt-warp>div.icon-sec.one {
    padding-top: 0px;
}

.inner-cnt-warp>div.icon-sec.three {
    border-bottom: none;
}

.inner-cnt-warp>div p {
    margin-bottom: 0;
}

.inner-cnt-warp .icon-sec h3::before {
    left: -80px;
    width: 60px;
    height: 60px;
}

.inner-cnt-warp .icon-sec.one h3::before {
    background-position: -983px 2px;

}

.inner-cnt-warp .icon-sec.two h3::before {
    background-position: -1046px 2px;

}

.inner-cnt-warp .icon-sec.three h3::before {
    background-position: -1107px 2px;
    width: 65px;
}

/* how-low-code */
/* revolutionize-way */
.revolutionize-way .grid-element {
    align-items: center;
    margin: 50px 0px;
    gap: 50px;
}

.revolutionize-way .grid-element h3 {
    font-family: var(--zf-primary-regular);
    font-size: 17px;
    color: #001DFF;
}

.revolutionize-way-img img {
    border-radius: 15px;
    display: block;
}

/* revolutionize-way end */

/* Testimonials */
.testimonial-section h2 {
    text-align: center;
    margin-bottom: 35px;
}

.testimonial-slider {
    border: 1px solid #565656;
    border-radius: 10px 60px;
    padding: 60px;
    max-width: 700px;
    margin: 0 auto;
    color: #fff;
    /* text-align: center; */
    background: #1d1e20;
}

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

.testimonial-slider .slick-dots {
    text-align: right;
}

.slider-column .name {
    font-family: var(--primaryfont-semibold);
    font-size: 22px;
    line-height: 1.8;
    color: var(--zcr-text-yellow);
}

.slick-dots li.slick-active {
    border-color: var(--zcr-text-yellow);
    background: var(--zcr-text-yellow);

}

.slider-column .country {
    display: block;
}


/* End Testimonails */


/*  started-lowcode-secstart  */
.started-lowcode {
    max-width: 1000px;
    margin: 0 auto;
}

.started-lowcode-sec .main-heading span {
    color: var(--zcr-link-clr);
}

.started-list-one,
.started-list-two {
    position: relative;
    width: 48%;
    min-height: 500px;
    background-color: #1D1D1F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0px;
    border-radius: 20px;
}

.started-lowcode.flex-content {
    justify-content: space-between;
    color: #fff;

}

.started-list-one svg {
    width: 200px;
    padding: 20px;
    margin: 80px auto 0px;
}

.spped-sec-anim {
    position: absolute;
    height: 100px;
    width: 100px;
    display: block;
}

.spped-sec-anim:after {
    position: absolute;
    content: "";
    bottom: 11px;
    left: -68px;
    width: 108px;
    height: 5px;
    background-color: #fff;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 5%;
    border-bottom-right-radius: 5%;
    transform: rotate(170deg);
    transform-origin: right center;
    transition: all ease 4s;
}

.spped-sec-anim:before {
    position: absolute;
    content: "";
    left: 40%;
    bottom: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    transform: translateX(-40%);
}

.started-list-two span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    justify-content: center;
}

.started-list-two span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/sites/zweb/images/creator/background-box.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    top: -30%;
    left: 5%;
    z-index: 1;
}

.started-list-two span::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: 6px;
    background-color: #1d1e20;
    border-radius: 100%;
    z-index: 3;
    left: 47%;
    transform: translateX(-37%);
}

.started-list-one h3,
.started-list-two h3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    padding: 25px;

}

.started-list-one h3,
.started-list-two h3,
.import-content h3 {
    font-size: 24px;

}

.started-list-three {
    max-width: 100%;
    background-color: #1d1d1f;
    border-radius: 20px;
    margin: 20px 0px;
    width: 100%;

}

.import-img,
.import-content {
    width: 50%;
    padding: 30px;
}

.import-content.flex-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.import-content h3 {
    max-width: 300px;
}

/*  started-lowcode-sec end  */
.author-bio-img {
    max-width: 100px;
    margin: 0px 0px 20px;
}

.author-bio p {
    margin-bottom: 0px;
}

.author-bio-img img {
    border-radius: 100%;
}

/* low-code-predictions */
.low-code-list {
    padding: 50px;
    background: #F6F8FF;
    margin-bottom: 30px;
}

.low-code-img {
    max-width: 150px;
    margin-bottom: 20px;
}

.low-code-img.idc {
    max-width: 100px;

}

/* low-code-predictions */

.gry-clr-bg,
.black-clr-bg {
    background: #F5F5F5;
    padding: 40px;
    border-radius: 15px;
}

.black-clr-bg {
    background: #000;
}


.rgc-inner-cnt.gry-clr-bg,
.rgc-inner-cnt.black-clr-bg {
    margin: 50px 0px;
    border-bottom: none;
}





.rgc-inner-cnt.bottom-cta {
    border-bottom: none;
}




.bottom-from-prt {
    background-color: #191919;

}

.bottom-from-cnt {
    color: #fff;
}

.bottom-from-cnt p {
    font-size: 18px;
}

.bottom-from-cnt h2 {
    font-size: 45px;
}

.zc-crm-webform {
    padding: 40px;
    background: #fff;
    border-radius: 10px;
}

.list-guid-header {
    height: 800px;
}

.bottom-from-prt .grid-element {
    align-items: center;
}

@media all and (max-width:1440px) {
    .zcr-banner h1 {
        font-size: 50px;
    }

    .list-guid-header li button {
        font-size: 15px;

    }

    .grid-element.two-prt-gird {
        grid-template-columns: 300px 1fr;
    }

    .list-guid-header {
        height: 600px;
    }
}

@media all and (max-width:1200px) {
    .grid-element.two-prt-gird {
        grid-template-columns: 1fr;
    }

    .list-guid-header {
        display: none;
    }

    .right-guid-content {
        max-width: 900px;
        margin: 0 auto;
    }
}

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

    .zcr-banner h1 {
        font-size: 40px;
        max-width: 650px;
    }

    .guid-content h2 {
        font-size: 34px;
    }

    .guid-content h3 {
        font-size: 24px;
    }

    .bnr-cnt {
        padding-bottom: 40px;
    }

    .zcr-banner .grid-element {
        align-items: end;
    }

    .zcr-banner::after {
        background-size: cover;
    }


    /* zcr-categ-sec */
    .tab-list>li {
        margin-bottom: 10px;
    }

    /* zcr-categ-sec */




    /* Key Differences  */
    .tabs-elmts.flex-content {
        display: none;
    }

    .tab-container .flex-content {
        margin: 20px auto;
    }

    .tab-drawer-heading {
        display: block;
        font-size: 18px;
        padding: 15px 40px 15px 15px;
        position: relative;
    }

    .tab-container .flex-content-two {
        margin-top: 0px;
    }

    .tab-drawer-heading.d-active {
        background-color: #f3f8ff;
        border-left: 5px solid var(--zcr-link-clr);
        color: var(--zcr-link-clr);
    }

    .tab-drawer-heading span {
        position: absolute;
        right: 30px;
        top: 10px;
        z-index: 1;
    }

    .tab-drawer-heading span:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 0;
        top: 10px;
        -webkit-transition: -webkit-transform ease 0.5s;
        transition: -webkit-transform ease 0.5s;
        -o-transition: transform ease 0.5s;
        transition: transform ease 0.5s;
        transition: transform ease 0.5s, -webkit-transform ease 0.5s;
    }

    .tab-drawer-heading.d-active span:before {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        top: 7px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
    }

    .tab-container {
        margin-top: 50px;
    }

    .tab-container .flex-content-two:last-child {
        margin-bottom: 30px;
    }

    .cmp-key-dif .tick-sec li {
        width: 100%;
    }

    /* End  Key Differences  */
    .industries-low-code .grid-element {
        grid-template-columns: repeat(2, 1fr);
    }

    /* table-sec */

    .table-sec-list ul li {
        width: 100%;
        padding: 20px;
    }

    .table-sec-list ul li span {
        display: block;
    }

    .table-sec-list ul li:nth-child(3)>h5 {
        color: #fff;
    }

    .table-sec-list ul li:nth-child(1) {
        background-color: #151515;
    }

    /* table-sec end */
    .hidden-sec {
        display: none;
    }

    .started-list-one,
    .started-list-two {
        width: 100%;
        min-height: auto;
        padding: 30px;
        margin-top: 20px;
    }

    .started-list-one svg {
        width: 120px;
        padding: 0px;
    }

    .started-list-one svg {
        margin: 0px auto 0;
    }

    .started-list-two span::before {
        display: none;
    }

    .started-list-two h3 {
        order: 1;
    }



}

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

    }

    .guid-content h2,
    .bottom-from-cnt h2 {
        font-size: 30px;
    }

    .guid-content h3,
    .benefits-low-code .grid-element>div h3,
    .rpa-use-cases .list-prt h3 {
        font-size: 22px;
    }

    .zcr-btm-sec .content-wrap {
        padding-top: 0px;
    }

    .pagewrapper h1 {
        font-size: 35px;
    }

    /* banner */
    .bnr-cnt {
        padding-bottom: 0px;
    }

    .zcr-banner .grid-element {
        grid-template-columns: 1fr;
    }

    .zcr-banner .bnr-img {
        max-width: 350px;
    }

    /* banner */
    .grid-element {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .human-bot .grid-element>div:first-child {
        max-width: 400px;
        order: 1;
    }


    .what-are-features .grid-element {
        padding: 20px 0px 40px;
    }

    .what-are-features .grid-element p {
        max-width: 100%;
    }

    .what-are-features .grid-element {
        gap: 30px;
    }

    .quotes-sec p {
        font-size: 20px;
    }





    /* Key Differences  */

    .tab-container .flex-content-two img,
    .flex-content-two span {
        display: none;
    }

    .tab-container .flex-content-two,
    .tab-container .flex-content-two.cont-prt-elmt {
        width: 100%;
        padding: 0px;
    }

    .tab-container .flex-content-two:first-child,
    .tab-container .flex-content-two:last-child {
        padding: 10px 20px;
    }

    .tab-container .flex-content-two:last-child {
        margin-bottom: 0px;
    }

    /* End  Key Differences  */
    /* table-sec */
    .table-sec-list ul li:nth-child(3) {
        background-color: #000;
    }

    .table-sec-list {
        margin: 10px 0px;
    }

    .table-sec-list ul li {
        padding-bottom: 0px;
    }

    /* table-sec  end*/
    .testimonial-slider {
        padding: 50px 30px 50px 30px;
    }

    .tabl-hdr-sec-cnt {
        padding: 110px 0px 0px 0px;
    }

    .tabl-hdr-sec-content svg {
        top: 30px;
        margin: 0px 10px 10px 0;
    }

    .zcr-txt-clr {
        display: inline;
    }

    .started-list-one h3,
    .started-list-two h3 {
        margin-bottom: 0px;
        padding: 20px 0px 0px;
    }

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

    .import-content.flex-content {
        justify-content: left;
    }

    .testimonial-section p {
        font-size: 17px;
    }

    .slider-column .name {
        font-size: 20px;
    }

    .low-code-list {
        padding: 50px 40px;
    }

    .started-list-one svg {
        height: 120px;
    }
}

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

    .guid-content h2,
    .bottom-from-cnt h2,
    .bottom-from-cnt h2 {
        font-size: 26px;
    }

    .gry-clr-bg,
    .black-clr-bg {
        padding: 30px 20px;
    }

    .gry-clr-bg {
        padding: 20px;

    }

    .rpa-use-cases .list-prt h3 {
        font-size: 20px;
    }

    .quotes-sec p {
        font-size: 17px;
    }

    .industries-low-code .grid-element>div {
        border-radius: 8px;
    }

    .industries-low-code .grid-element {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .industries-low-code .grid-element>div p {
        padding: 0px 0px 0px 50px;
    }

    .testimonial-slider {
        padding: 40px 20px 40px 20px;
        border-radius: 10px 30px;
    }

    .inner-cnt-warp h2 {
        margin-bottom: 20px;
    }

    .zc-crm-webform,
    .low-code-list {
        padding: 30px;
    }

    .inner-cnt-warp>div.icon-sec.one {
        padding-top: 80px;
    }

    .inner-cnt-warp>div {
        padding: 110px 0 30px 0px;
    }

    .inner-cnt-warp .icon-sec h3::before {
        left: 0px;
        top: -70px;
    }

    .started-list-two h3 {
        padding-top: 0px;
    }

    .started-list-two span {
        display: none;
    }

    .started-list-one,
    .started-list-two {
        margin: 10px 0;
    }
}