.row,.zw-template-inner{
    overflow: hidden
}

.og-context-node-8405.node-type-features .main-container-wrapper::before,
.features-qlinks {
    display: none
}

#features-5 {
    display: none
}

h1 {
    font-size: 56px;
    margin-bottom: 20px
}

h2 {
    font-family: var(--primaryfont-bold);
    font-size: 40px
}

.features-banner-content>p {
    font-size: 20px;
    max-width: 900px;
    margin-bottom: 40px
}

.features-banner-content {
    max-width: 1100px
}

.features-banner-wrap .content-wrap {
    overflow: unset
}

.title {
    max-width: 570px;
    margin: 0 auto 40px
}

.features-item.right-image .content-wrap,
.features-item.right-image .content-wrap>div {
    overflow: unset
}

.features-item.right-image .content-wrap {
    width: 90%;
    padding: 18px 0
}

.features-item.right-image {
    overflow: hidden
}

.title p {
    font-size: 18px
}

.og-context-node-8405.node-type-features .main-container-wrapper::before {
    display: none
}

.bottom-cta-wrap h2,
.title h2,
.features-item.bottom-image .content-wrap h2 {
    font-family: var(--primaryfont-bold)
}

.features-banner-content>p {
    font-size: 20px;
    max-width: 940px;
    margin-bottom: 40px
}

.title h2,
.features-item.bottom-image .content-wrap h2 {
    font-size: 48px;
    margin-bottom: 20px
}

.features-item.right-image .content-wrap,
.features-item.right-image .content-wrap>div {
    overflow: unset
}

.features-item.right-image .content-wrap {
    width: 90%;
    padding: 0;
    max-width: 1100px;
    padding-bottom: 20px
}

.features-item.right-image {
    overflow: hidden
}

.title p {
    font-size: 18px
}

.table-comp {
    margin-top: 130px
}

.table-wrap .vertical-1 ul:first-child li {
    font-family: var(--primaryfont-semibold);
    font-size: 18px;
    text-align: left;
    line-height: 1.42
}

.table-wrap .vertical-1 ul:first-child li:first-child {
    height: 25px
}

.table-wrap .table-body li>span:nth-child(2) {
    background-color: #eaf6ff;
    border-left: 1px solid #b9e1ff;
    border-right: 1px solid #b9e1ff;
    border-bottom: 1px solid #eaf6ff
}

.text-only {
    position: relative
}

.table-wrap .text-only p {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    top: 80px;
    text-transform: uppercase;
    font-family: var(--primaryfont-semibold)
}

.table-wrap .text-only p a {
    color: #000;
    padding: 10px 14px;
    border: 1px solid;
    display: inline-block;
}

.table-wrap .table-body li:first-child>span:nth-child(2)::after,
.table-wrap .table-body li:last-child>span:nth-child(2)::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 60px;
    background-color: #eaf6ff;
    left: -1px;
    border-left: 1px solid #b9e1ff;
    border-right: 1px solid #b9e1ff;
    box-sizing: content-box;
}

.table-wrap li:first-child>span:nth-child(2)::after {
    top: -60px;
    border-top: 1px solid #b9e1ff
}

.table-wrap .table-body li:last-child>span:nth-child(2)::after {
    bottom: -95px;
    border-bottom: 1px solid #b9e1ff;
    height: 95px
}

.table-wrap ul li>span {
    padding: 18px 20px 24px 21px;
    width: 33.3%;
    box-sizing: border-box;
    position: relative
}

.zv-tick::before,
.zv-cross::before {
    width: 30px;
    height: 30px;
    position: absolute;
    content: "";
    inset: 0;
    margin: auto
}

.text-only {
    font-family: var(--zf-secondary-medium);
    position: relative !important
}

.table-wrap ul li>span:nth-child(1) {
    text-align: left
}

.zv-tick::before {
    background-image: url("/sites/zweb/images/sign/zd-comp-tick.png");
    background-size: 30px
}

.zv-cross::before {
    background-image: url("/sites/zweb/images/sign/zd-comp-close.png");
    background-size: 30px
}

.zv-tick span,
.zv-cross span {
    opacity: 0
}

.table-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 100px 0;
    max-width: 930px;
    margin: auto;
    width: 100%;
    overflow: scroll;
    position: relative
}

.zd-title span {
    font-family: var(--primaryfont-semibold);
    position: relative;
    font-size: 19px
}

.t li.zd-title span::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    left: -45px;
    top: -5px
}

.vertical-2.high-light {
    position: relative
}

.vertical-2.high-light::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 110%;
    left: 0;
    background-color: #eaf6ff;
    z-index: -1;
    top: -5%;
    border: 1px solid #b9e1ff
}

.features-item.right-image .content-wrap>div.cont-part {
    /*! padding-right:50px; */
}

.vertical-2.high-light li {
    border-bottom: 1px solid rgba(221, 255, 255, 0)
}

.zd-title span::before {
    position: absolute;
    content: "";
    left: -45px;
    top: -4.5px
}

.zd-title span.vault::before {
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    background-image: var(--product-icons);
    background-size: var(--zp-i-bs);
    background-position: var(--zp-vault-bp);
}

.zd-title span.kee::before {
    background-image: url("/sites/zweb/images/vault/enpass-comp-icon.png");
    background-size: auto 40px;
    background-position: -81px 0;
    width: 38px;
    height: 40px
}

.all-features {
    display: none
}

#features-1 .content-wrap {
    max-width: 720px
}

#features-1 .content-wrap p {
    font-size: 18px
}

#features-6 .content-wrap p {
    font-size: 20px
}

.table-wrap ul {
    width: 100%
}

.table-body {
    position: relative;
    z-index: 1
}

.table-wrap .header-sticky {
    z-index: 9;
    position: fixed;
    top: -100px;
    margin: auto;
    width: 930px;
    left: 0;
    right: 0;
    transition: all .5s ease;
    background-color: white
}

.header-sticky.fixed {
    top: 65px
}

.header-sticky li>span:nth-child(2) {
    background-color: #eaf6ff
}

.table-wrap ul li {
    font-size: 16px;
    font-family: var(--zf-secondary-medium);
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.table-wrap ul li>span {
    border-bottom: 1px solid #dfdfdf;
    font-size: 15px
}

.zv-tick::before,
.zv-cross::before {
    width: 30px;
    height: 30px;
    position: absolute;
    content: "";
    inset: 0;
    margin: auto
}

.zv-tick::before {
    background-image: url("/sites/zweb/images/sign/zd-comp-tick.png");
    background-size: 30px
}

.zv-cross::before {
    background-image: url("/sites/zweb/images/sign/zd-comp-close.png");
    background-size: 30px
}

.zv-tick span,
.zv-cross span {
    opacity: 0
}

.table-wrap>div.vertical-1 {
    width: 40%
}

.table-wrap>div {
    width: 30%
}

.zd-title span,
.table-wrap ul li>span:nth-child(1) {
    font-family: var(--primaryfont-semibold);
    position: relative;
    font-size: 20px
}

.table-body li:not(:first-child) span:nth-of-type(1) {
    font-size: 16px
}

.table-wrap .vertical-1 li.zd-title span::before {
    opacity: 0
}

li.zd-title span::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    left: -45px;
    top: -5px
}

.vertical-2.high-light {
    position: relative
}

.vertical-2.high-light::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 110%;
    left: 0;
    background-color: #eaf6ff;
    z-index: -1;
    top: -5%;
    border: 1px solid #b9e1ff
}

.all-features {
    display: none
}

#features-1 .content-wrap {
    max-width: 720px
}

#features-1 .content-wrap p {
    font-size: 18px
}

#features-6 .content-wrap {
    max-width: 860px;
    margin-top: 30px
}

#features-6 .content-wrap p {
    font-size: 20px
}

#features-6 .content-wrap p a {
    padding: 10px 32px;
    font-size: 17px;
    text-decoration: none;
    background-color: black;
    color: white;
    display: inline-block;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    border-radius: 3px;
    border: 1px solid #000
}

.bottom-cta-wrap .content-wrap h2 {
    font-size: 36px;
    margin-bottom: 20px;
    max-width: 700px;
}

.bottom-cta-wrap p {
    font-size: 18px;
    margin-bottom: 25px
}

.badge.bg-blue {
    background-color: #0e4478;
    color: white;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.badge.bg-blue .content-wrap {
    max-width: 1180px
}

.badge.bg-blue .content-wrap a {
    font-family: var(--primaryfont-semibold);
    border-bottom: 1px solid
}

.badge.bg-blue h2,
.badge.bg-blue p {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto
}

.badge.bg-blue::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100px;
    left: 0;
    top: -100px;
    background-color: #0e4478
}

.badge.bg-blue img {
    border-radius: 6px;
    margin-top: 30px;
    opacity: 0;
    transform: translateY(50px);
    transition: all .5s
}

.badge.bg-blue .middle-animated img {
    opacity: 1;
    transform: translateY(0)
}

.features-item.left-image .content-wrap,
.features-item.right-image .content-wrap {
    max-width: 1100px;
    overflow: unset
}

.features-item.left-image .content-wrap>div,
.features-item.right-image .content-wrap>div {
    padding: 0;
    overflow: unset
}

.bottom-cta-wrap .content-wrap {
    max-width: 730px;
    padding: 45px 0 80px
}

.features-item.left-image .image-part img,
.features-item.right-image .image-part img {
    width: 85%
}

.testimonials {
    width: 100%;
    display: block;
    max-width: 930px;
    margin: auto;
    position: relative
}

.features-item.right-image .image-part img {
    min-width: 500px;
    border-radius: 8px
}

.features-item.left-image .image-part img {
    min-width: 620px;
    width: 100%;
    float: right;
    position: relative;
    left: -20px
}

.features-item.right-image .image-part>div {
    text-align: right
}

.features-item.left-image .image-part>div {
    text-align: left;
    display: inline-block
}

.testimonials .content-wrap {
    background-color: #fff5f5
}

.testimonials .content-wrap,
.magazine .content-wrap {
    padding: 100px 0 100px;
    position: relative;
    overflow: unset
}

.testimonials .content-wrap {
    border-radius: 0 8px 8px 0;
    margin-bottom: 50px;
    position: relative
}

.magazine {
    max-width: 1170px;
    position: relative;
    margin: 30px auto 0;
    background-color: #fff5f5;
    z-index: 2;
    border-radius: 8px 0 0 8px
}

.magazine .content-wrap {
    max-width: 800px;
    width: 80%
}

.testimonials .content-wrap::before,
.magazine::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #fff5f5
}

#active-2::before {
    background-color: #fff6ea
}

#active-1::before {
    background-color: #eaf6ff
}

.testimonials .content-wrap::before {
    left: -100%
}

.magazine::before {
    right: -100%
}

.testimonials .content-wrap,
.testimonials p {
    text-align: left
}

.cust-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

.testimonials p {
    color: #0f1012;
    opacity: 1;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 50px;
    margin-bottom: 45px;
    position: relative
}

.testimonials p::before,
.magazine .slick-dotted.slick-slider:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 50px;
    left: -40px;
    top: 75px;
    z-index: 1;
    background-image: url(/sites/zweb/images/vault/vault-icong-sprite-icon.png);
    box-sizing: border-box;
    background-size: 1150px auto;
    background-position: -388px -68px;
    opacity: .04;
    transition: all .5s
}

.testimonials p::before {
    top: -15px
}

.review-wrap p,
.features-banner-content .testimonials p {
    max-width: 800px;
    width: 90%;
    font-family: var(--zf-primary-light);
    font-size: 26px;
    line-height: 1.45;
    position: relative
}

.magazine .slick-list {
    position: relative
}

.review-wrap p {
    margin: 27px 0 20px
}

.slick-slider ul ul {
    text-align: left
}

.testimonials .cust-details .cust-image {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0;
    margin-right: 15px;
    border-radius: 50px;
    background-image: url("/sites/zweb/images/vault/laurent.png");
    background-size: auto 50px;
    background-position: -302px 0
}

.testimonials .cust-details .cust-info span {
    padding-top: 0;
    margin: 6px 0;
    font-size: 14px;
    color: black
}

.testimonials ul {
    margin-top: 25px;
    position: relative
}

.testimonials ul li:not(:first-child) {
    margin-left: 30px
}

.testimonials ul li {
    display: inline-block;
    /* background-image: url("/sites/zweb/images/vault/vault-icong-sprite-icon.png");
    box-sizing: border-box;
    background-size: 1000px;
    height: 39px */
}

/* .testimonials li.cust-logo-1 {
    width: 188px;
    background-position: -340px -53px
}

.testimonials ul li.cust-logo-1 {
    background-size: 860px
} */

/* .testimonials ul li:not(:first-child) {
    margin-left: 30px
}

.testimonials li.cust-logo-2 {
    width: 107px;
    background-position: -612px -67px;
    position: relative;
    top: 4px;
    transform: scale(1.2)
} */

/* .testimonials ul li.cust-logo-3 {
    width: 140px;
    background-position: -718px -67px;
    height: 36px;
    transform: scale(0.9) translateX(-10px)
} */

.tru-txt {
    color: #5f5f5f;
    font-size: 19px;
    position: relative
}

.magazine .tru-txt {
    max-width: 410px;
    display: inline-block
}

.magazine ul.zv-icon {
    margin-top: 25px
}

.magazine ul.zv-icon li {
    /* background-image: url("/sites/zweb/images/vault/zvault-rating-apps.png");
    background-size: auto 90px;
    height: 51px;
    background-repeat: no-repeat; */
    margin-right: 30px;
    display: inline-block;
}

/* .magazine ul .zv-capterra {
    width: 165px
} */

/* .magazine ul.zv-icon .zv-g2 {
    width: 50px;
    background-position: -166px 0
} */
/* 
.magazine ul.zv-icon .zv-getapp {
    width: 163px;
    background-position: -218px 0;
} */

.magazine .slick-dotted.slick-slider {
    padding-bottom: 40px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 40px;
    position: relative
}

.magazine .slick-dotted.slick-slider img {
    max-height: 60px
}

.slick-dots li {
    background-color: transparent;
    border: 1px solid;
    vertical-align: middle
}

.slick-dots li.slick-active {
    background-color: #000;
    width: 10px;
    height: 10px
}

.features-banner-content .table-wrap>p {
    text-align: right;
    width: 100%;
    font-size: 13px;
    margin-top: 17px
}

.image-part>div img,
.image-part>div video {
    transition: all 1s;
}

.zd-title span {
    transform: translateX(18px);
    display: inline-block
}

.features-item .cont-part p a,
.features-item .cont-part p+a {
    /* color:#031c33; */
    font-family: var(--primaryfont-semibold);
    text-decoration: unset;
    border-bottom: 1px solid;
    white-space: normal;
}

.text-only span {
    display: inline-block
}

.zv-tick::before,
.text-only span,
.zv-cross::before {
    opacity: 0;
    transform: translateY(20px);
    transition: all .5s ease;
}

.inview .zv-tick::before,
.inview .text-only span,
.inview .zv-cross::before {
    transform: translateY(0);
    opacity: 1
}

.zpricegroup-common span,
.zpricegroup-common+span {
    color: #000 !important
}

.cta-btn.request-demo {
    padding: 8px 30px;
    margin-left: 10px;
    background-color: black;
    display: inline-block;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase
}

.features-banner-content a,
.bottom-cta-wrap .content-wrap a.cta-btn {
    margin-bottom: 10px;
    margin-top: 0
}

/*newly-added*/
#features-2 .cont-part h2,
#features-3 .cont-part h2 {
    max-width: 400px;
}

.blue-badge-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blue-badge-cont {
    width: 50%;
    padding: 100px 0px 110px;
    text-align: left;
}

.blue-badge-img {
    width: 40%;
}

.blue-badge-img {
    display: flex;
}

.blue-badge-img>div {
    width: 140px;
    margin: 0;
    height: 500px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.badge.bg-blue .animated .block-one ul {
    animation: animate 60s -60s linear infinite;
    transition: all .5s linear;
}

.badge.bg-blue .animated .block-one ul.another {
    animation: animate2 60s -30s linear infinite;
}

.badge.bg-blue .animated .block-one.reverse ul {
    animation-direction: reverse;
}

.badge.bg-blue .animated .block-one.reverse ul {
    animation-direction: reverse;
}

.block-one ul li {
    width: 120px;
    height: 120px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin: 15px;
}

.block-one ul li:last-child {
    margin-bottom: 0px;
}

.block-one ul li span {
    display: inline-block;
    background-repeat: no-repeat;
}

.block-one ul li span.zen {
    background-image: url(/sites/zweb/images/otherbrandlogos/zendesk-icon.svg);
    background-size: 50px auto;
    width: 50px;
    height: 38px;
}

.block-one ul li span.mail {
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    background-image: var(--product-icons);
    background-size: var(--zp-i-bs);
    background-position: var(--zp-mail-bp);
    transform: scale(1.4);
}

.block-one ul li span.sd {
    width: 82px;
    height: 82px;
    background-image: url(/sites/zweb/images/vault/integrate-icons-sprite.png);
    background-position: -155px -9px;
    background-size: 1008px 101px;
}

.block-one ul li span.micro {
    background-image: url(/sites/zweb/images/otherbrandlogos/microsoft-icon.svg);
    background-size: 46px auto;
    width: 46px;
    height: 46px;
}

.block-one ul li span.box {
    background-image: url(/sites/zweb/images/otherbrandlogos/box.svg);
    background-size: 50px auto;
    width: 50px;
    height: 27px;
}

.block-one ul li span.cap {
    background-image: url(/sites/zweb/images/otherbrandlogos/dropbox-icon.svg);
    background-size: 50px auto;
    width: 50px;
    height: 42px;
}

.block-one ul li span.desk {
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    background-image: var(--product-icons);
    background-size: var(--zp-i-bs);
    background-position: var(--zp-desk-bp);
    transform: scale(1.3);
}

.block-one ul li span.drive {
    background-image: url(/sites/zweb/images/otherbrandlogos/google-drive.svg);
    background-size: 53px auto;
    width: 53px;
    height: 45px;
}

.block-one ul li span.okta {
    background-image: url(/sites/zweb/images/otherbrandlogos/okta.svg);
    background-size: 85px auto;
    width: 85px;
    height: 30px;
}

.block-one ul li span.soft {
    background-image: url(/sites/zweb/images/otherbrandlogos/ms-office.svg);
    background-size: 40px auto;
    width: 40px;
    height: 48px;
}

.block-one ul li span.cloud {
    background-image: url(/sites/zweb/images/otherbrandlogos/onedrive.svg);
    background-size: 50px auto;
    width: 50px;
    height: 33px;
}

.block-one ul li span.brick {
    background-image: url(/sites/zweb/images/vault/integrate-icons-sprite.png);
    background-size: 1008px 101px;
    background-position: -868px -7px;
    width: 63px;
    height: 77px;
    transform: scale(0.8);
}

.block-one ul li span.square {
    background-image: url(/sites/zweb/images/otherbrandlogos/jira-service-desk-icon.svg);
    width: 44px;
    height: 57px;
    background-size: 45px auto;
}

#feature-4 img {
    box-shadow: none;
    border: none;
}

@keyframes animate {
    0% {
        transform: translateY(100%);
    }

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

@keyframes animate2 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-200%);
    }
}

.zw-other-lang .table-wrap .text-only p {
    padding: 0 10px;
}

.zw-other-lang .zw-template-inner .table-comp * {
    word-break: break-word;
}

.i18n-ar .table-wrap .text-only p a {
    text-align: center;
}

.features-banner-content>p:last-of-type,.bottom-cta-wrap .content-wrap>p:last-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 10px 12px
}

.features-banner-content>p:last-of-type a,.bottom-cta-wrap .content-wrap>p:last-of-type a {
    margin: 0
}

.i18n-ar .table-comp .table-body *{
    text-align: center;
}
.other-lang .table-wrap .text-only p a {
   display: inline-block;
}
.other-lang .features-banner-content .table-wrap>p {
    font-size: 12px;
}

@media only screen and (min-width:1100px) {
    .cta-btn.request-demo {
        padding: 10px 32px;
        font-size: 17px
    }
}

@media screen and (max-width:1440px) {

    .title h2,
    .features-item.bottom-image .content-wrap h2 {
        font-size: 42px
    }

    .features-banner-content {}

    h1 {
        font-size: 45px;
        margin-bottom: 15px
    }

    .table-wrap {
        padding: 60px 0 70px
    }

    #features-6 .content-wrap {
        padding-top: 0;
        padding-bottom: 40px
    }
}

@media screen and (max-width:1140px) {
    

    .blue-badge-img {
        width: 45%;
    }

    .blue-badge-img>div {
        height: 520px;
    }
}

@media screen and (max-width:991px) {
    h1 {
        font-size: 46px
    }

    .table-wrap .header-sticky {
        width: 80%;
        max-width: 700px;
    }

    .features-banner-content>p {
        font-size: 18px
    }

    .review-wrap p,
    .testimonials p {
        font-size: 24px
    }

    .features-banner-content {
        max-width: 100%
    }

    .features-banner-content p,
    .features-banner-content h2 {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto
    }

    .features-banner-content .testimonials .content-wrap {
        max-width: 100%;
        width: 100%
    }

    .features-item.right-image .image-part img {
        min-width: unset
    }

    .features-item.left-image .image-part,
    .features-item.right-image .image-part {
        max-width: 650px
    }

    #features-1 .content-wrap {
        margin-bottom: 60px
    }

    .features-item.right-image .content-wrap>div.cont-part {
        padding-right: 0
    }

    .features-item .content-wrap>div.cont-part {
        width: 90%
    }

    .zd-title span,
    .table-wrap ul li>span:nth-child(1) {
        font-size: 16px
    }

    .table-wrap ul li>span {
        padding: 14px 16px 20px 17px
    }

    .zv-tick::before,
    .zv-cross::before {
        transform: scale(0.8)
    }

    .features-banner-wrap .content-wrap {
        margin: 20px auto 0;
        max-width: 700px;
        z-index: 2;
        width: 80%
    }

    .testimonials {
        max-width: 100%
    }

    .testimonials .content-wrap {
        padding-top: 80px;
        margin-top: 50px;
        margin-bottom: 20px
    }

    .testimonials .content-wrap::before,
    .magazine::before {
        left: -50%;
        right: 0;
        margin: auto;
        width: 200%
    }

    .testimonials p::before {
        top: -20px
    }

    .features-item.right-image .image-part>div,
    .features-item.left-image .image-part>div {
        text-align: center;
        display: block;
    }

    .magazine {
        margin-top: 80px
    }

    .features-item.right-image .image-part>div img,
    .features-item.left-image .image-part img {
        max-width: 500px;
        float: unset;
        min-width: unset;
        width: 100%
    }

    .table-comp {
        margin-top: 120px
    }

    .title,
    .features-banner-content p {
        margin-bottom: 20px
    }

    .title h2,
    h2 {
        font-size: 40px
    }

    #features-6 .content-wrap {
        margin-top: 0;
        padding-top: 0
    }

    .table-wrap ul li {
        font-size: 15px
    }

    .title h2,
    .features-item.bottom-image .content-wrap h2 {
        font-size: 40px
    }

    .table-wrap ul,
    .table-wrap>p {
        min-width: 570px;
        max-width: 700px;
        margin: auto
    }

    .block-one ul li {
        width: 90px;
        height: 90px;
    }

    .blue-badge-cont,
    .blue-badge-img {
        width: 100%;
        justify-content: center;
    }

    .blue-badge-cont {
        padding: 70px 0 50px;
        text-align: center;
    }

    .blue-badge-inner {
        justify-content: center;
    }

    .badge.bg-blue .animated .block-one ul,
    .badge.bg-blue .animated .block-one ul.another {
        animation: none;
        display: flex;
        flex-direction: column;
    }

    .badge.bg-blue .animated .block-one.reverse ul {
        flex-direction: column-reverse;
    }

    .blue-badge-img>div {
        height: 470px;
        width: 115px;
    }

    .blue-badge-img {
        padding-bottom: 80px;
    }

    #features-2 .cont-part h2,
    #features-3 .cont-part h2 {
        max-width: 100%;
    }

    #feature-4 .content-wrap {
        display: flex;
        flex-direction: column-reverse;
    }

    .badge.bg-blue {
        margin-bottom: 0px;
    }

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

    .block-one ul li:last-child {
        margin-bottom: 15px;
    }

    .other-lang .features-banner-content .table-wrap>p {
        text-align: left;
        margin: 10px 0 0;
    }
    
    .other-lang ul.table-body {
        margin: 0 0 100px;
    }
    /* .i18n-it ul.table-body, .i18n-id ul.table-body  {
        min-width: 680px;
    } */
    .i18n-ar .blue-badge-cont *{
        text-align: center;
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 38px
    }

    .bottom-cta-wrap p,
    .features-banner-content p {
        font-size: 16px
    }

    .testimonials ul {
        margin-top: 0
    }

    .testimonials ul li:not(:first-child) {
        margin-left: 0
    }

    .testimonials ul li {
        /* height: 39px; */
        transform: scale(0.8) translate(-30px, 0);
        margin-top: 20px
    }

    .table-wrap ul {
        margin-top: 40px
    }

    .table-comp {
        margin-top: 80px
    }

    .review-wrap p,
    .features-banner-content .testimonials p {
        font-size: 20px;
        width: 100%
    }

    .testimonials p::before,
    .magazine .slick-dotted.slick-slider:before {
        transform: scale(0.8);
        left: -30px
    }

    .cust-details {
        margin-bottom: 30px
    }

    .tru-txt {
        font-size: 17px
    }

    .magazine {
        margin-top: 60px
    }

    .magazine .content-wrap {
        padding: 80px 0 70px
    }

    .magazine .slick-dotted.slick-slider {
        margin-bottom: 40px
    }

    .magazine .slick-dotted.slick-slider img {
        max-height: 45px
    }

    .badge.bg-blue img {
        margin-top: 10px
    }

    .testimonials .content-wrap {
        padding: 70px 0 60px;
        margin-top: 50px;
        margin-bottom: 20px
    }

    .features-item#features-3 .content-wrap {
        padding: 30px 0px 0px;
    }

    .badge.bg-blue .block-one ul {
        animation: none;
        display: flex;
        flex-direction: column;
    }

    .badge.bg-blue .block-one.reverse ul {
        flex-direction: column-reverse;
    }

    .table-wrap .header-sticky {
        display: none;
    }

    .other-lang ul.table-body {
		min-width: 600px;
	}
	.other-lang .features-banner-content .table-wrap>p { font-size: 11px;}  
}

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

    .title h2,
    .features-item.bottom-image .content-wrap h2,
    h2,
    .bottom-cta-wrap h2,
    .bottom-cta-wrap .content-wrap h2 {
        font-size: 28px
    }

    #features-6 .content-wrap p {
        font-size: 18px
    }

    .bottom-cta-wrap .content-wrap {
        padding: 30px 0 50px
    }

    .bottom-cta-wrap {
        margin-top: 0
    }

    h1 {
        font-size: 33px
    }

    .magazine ul.zv-icon li {
        background-size: auto 72px;
        height: 41px;
        margin-right: 8px;
    }

    .magazine ul .zv-capterra {
        width: 133px
    }

    .magazine ul.zv-icon .zv-g2 {
        width: 40px;
        background-position: -132px 0
    }

    .magazine ul.zv-icon .zv-getapp {
        width: 134px;
        background-position: -172px 0;
        margin-right: 0;
    }

    .magazine .content-wrap {
        width: 84%;
        padding: 70px 0 70px
    }

    .table-body li:not(:first-child) span:nth-of-type(1) {
        font-size: 15px
    }

    .table-wrap p {
        font-size: 12px;
        margin-top: 10px
    }

    .features-banner-wrap .content-wrap {
        width: 90%
    }

    .block-one ul li{
        margin:15px 5px;
    }

    .i18n-ar .block-one ul li{
        margin:15px 2px;
    }
}

@media screen and (max-width:1280px) {
    .features-item.left-image .image-part img {
        min-width: 600px
    }
}

@media screen and (max-width:1199px) {
    .header-sticky.fixed {
        top: 0;
    }

    .features-item.left-image .image-part img,
    .features-item.right-image .image-part img {
        min-width: unset;
    }
}

@media screen and (max-width:1024px) {
    .features-item.left-image .image-part img {
        min-width: unset;
        left: 0
    }
}

@media screen and (min-width:930px) {
    .table-wrap {
        overflow: unset;
    }
}


.i18n-ar .title h2{text-align: center;}
.i18n-ar .table-wrap .table-body li>span:nth-child(2), .i18n-ar .table-wrap ul li>span{text-align: center;}
.i18n-ar .table-wrap ul li>span:nth-child(1){text-align: right;}
.i18n-ar .bottom-cta-wrap *{text-align: center;}
/* .i18n-ar .cta-btn.request-demo{margin-right: 10px;margin-left: 0;} */