/* banner start */

.zw-product-header {
    background-color: #023231;
}

span.label-txt {
    font-size: 14px;
    background: #fef07d;
    color: #c46b0c;
    display: inline-block;
    padding: 4px 15px;
    font-family: var(--zf-secondary-semibold);
}

h1 {
    font-size: 54px;
    letter-spacing: -1.62px;
    line-height: 1.1;
    color: #fff;
}

h2 {
    font-size: 52px;
    font-family: var(--zf-secondary-bold);
    letter-spacing: -1.56px;
}

/* .h2-opa {
    color: #6E6E73;
  } */

h3 {
    font-size: 28px;
    font-family: var(--zf-secondary-bold);
    letter-spacing: -0.56px;
}

section h4 {
    /* font-size: 34px; */
    letter-spacing: -1.02px;
}

p {
    font-size: 18px;
    letter-spacing: -0.36px;
    line-height: 1.7;
}

.zwc-wrapper .content-wrap.padding-lr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.zwc-banner {
    background-color: #023231;
    /* min-height: 90vh; */
    display: flex;
    align-items: center;
}

.bnr-right img {
    transform: scale(1.3) translateY(10px);
}

.zwc-wrapper .zwc-banner .content-wrap {
    padding-bottom: 60px;
}

/* video sec start */
.flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.btn-container {
    justify-content: unset;
}

.watch-btn {
    display: inline;
    padding: 12px 0 10px 35px;
}

.watch-btn {
    color: #fff;
    padding: 10px 0 10px 38px;
    margin: 0 0 0 15px;
    text-transform: none;
    position: relative;
    cursor: pointer;
}

.watch-btn:before {
    left: 0;
    top: 8px;
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100%;
}

.watch-btn:after,
.watch-btn:before {
    position: absolute;
    content: "";
}

.watch-btn:after {
    left: 11px;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
}

/* video sec end */
.zwc-banner .tagline {
    font-family: var(--zf-splfont-cursive-one-regular);
    font-size: 46px;
    line-height: 1;
    letter-spacing: -1px;
}

.zwc-banner p {
    color: #fff;
    width: 75%;
}

.bnr-inner .bnr-left,
.bnr-inner .bnr-right {
    width: 50%;
    position: relative;
}

.zwc-wrapper .content-wrap {
    padding: 150px 0 30px;
    max-width: 1170px;
}

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

.block4 .content-wrap {
    padding: 70px 0;
}


.content-wrap.bnr-inner {
    display: flex;
    max-width: 1280px;
    align-items: center;
}

.block2 .content-wrap,
.block3 .content-wrap {
    padding-top: 0;
}

.block3 .content-wrap {
    padding-bottom: 0;
}

img,
video {
    width: 100%;
    display: block;
}


/* banner end */


/* block1 start */

.li-img-wrap {
    position: absolute;
    left: auto;
    top: 5%;
    max-width: 750px;
    right: 0;
    height: 100%;
    max-height: 650px;
    /* background-color: #EFF3FF; */
    /* align-items: center; */
    /* display: flex; */
    display: flex;
    flex-flow: column;
    justify-content: center;
    /* flex-flow: column; */
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease;
}

.li-img-wrap:before {
    content: "";
    background-color: #EFF3FF;
    width: calc(100% - 40px);
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.li-img-wrap:before {
    background-color: #FFF8EF;
}

.li-ai-collaboration-item3.li-img-wrap:before {
    width: 100%;
}

.li-ai-collaboration-item1::before,
.li-ai-collaboration-item1 {
    background-color: #fff8ef;
}

.li-ai-collaboration-item2::before,
.li-ai-collaboration-item2 {
    background-color: #e9f8ef;
}

.li-ai-collaboration-item3::before,
.li-ai-collaboration-item3 {
    background-color: #eff3ff;
}

.li-ai-collaboration-item4::before,
.li-ai-collaboration-item4 {
    background-color: #ffefef;
}

.li-ai-collaboration-item5::before,
.li-ai-collaboration-item5 {
    background-color: #fff8ef;
}

.li-ai-collaboration-item6::before,
.li-ai-collaboration-item6 {
    background-color: #e9f8ef;
}





.block1 .inner-wrap ul li:first-child {
    /* padding-top: 75px; */
}

.block1 h3 {
    position: absolute;
    max-width: 310px;
    width: 100%;
    font-size: 25px;
}

.block1 h3.zwc-six-inner-title {
    position: static;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: var(--primaryfont-regular);
}

li.active h3.zwc-six-inner-title {
    font-family: var(--primaryfont-semibold);
}

.active .li-img-wrap {
    opacity: 1;
    visibility: visible;
    transition: all 1s ease;
}

.li-inner-wrap {
    /* padding: 0 0 10px; */
    position: relative;
    /* border-bottom: 1px solid #d3d9e9; */
}

.active .li-inner-wrap p {
    opacity: 1;
    transition: opacity .5s ease-in-out;
}

.li-inner-wrap p {
    margin: 0;
    opacity: 0.4;
}

.li-img-wrap img {
    position: relative;
    padding: 40px 0px 40px 40px;
    max-width: 500px;
    /* left: 40px; */
}

.li-inner-wrap>p {
    margin-bottom: 15px;
}

/* /.zwc-list-ai-collaboration li::before */

/* .zwc-audit-trails .li-img-wrap img{
    padding: 0px 0px 0px 40px;
  } */

.zwc-usage-reports .li-img-wrap {
    padding: 40px;
}

.zwc-usage-reports img {
    padding: 5px;
    max-width: 446px;
}

.zwc-usage-reports .zicon-tick {
    padding: 0 10px 0 0px;
}

.zwc-usage-reports .subimg1 {
    max-width: 76px;
}

.zwc-usage-reports .subimg3,
.zwc-usage-reports .subimg4 {
    max-width: 263px;
    width: calc(100% - 40%);
}

img.sub_img2 {
    position: relative;
    padding: 0 0 0 40px;
    top: 0px;
    /* left: 40px; */
}

.li-inner-wrap,
.li-img-wrap {
    width: 45%;
}

.block1 .inner-wrap {
    position: relative;
    cursor: pointer;
}



.dis-block {
    display: block;
}

.top-ctn-wrap {
    max-width: 670px;
    width: 100%;
    padding-bottom: 45px;

}

.text-semibold {
    font-family: var(--zf-secondary-semibold);
}

.block1-left,
.block1-right {
    width: 45%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.block1-right {
    width: 50%;
}

.block1 .zwc-slide img {
    width: 99%;
    margin: 0 auto;
}

.block1-right {
    display: block;
}

.block1-left ul li {
    /* display: flex; */
    /* justify-content: space-between; */
    border-bottom: 0.5px solid #d8d8d8;
    /* align-items: flex-start; */
    margin: 35px 0;
    cursor: pointer;
    position: relative;
}


/* .block1-left ul li .zwc-retention{
    display: none;
  } */

.li-inner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.block1-left ul li:before {
    content: '';
    width: 0%;
    height: 3px;
    background: #000;
    left: 0;
    bottom: 0;
    position: absolute;
}

.block1-left ul li.active:before {
    transition: width 9.8s linear;
    width: 100%;
}

.block1-left ul li:first-child {
    margin-top: 0;
}

.block1-left ul li p {
    margin: 0 0 35px;
}

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

.zicon-tick {
    padding-right: 10px;
    position: relative;
    top: 9px;
    width: 25px;
}


/* .slide-wrap{
    padding: 40px 0 0 40px;
  } */

.block1 .zwc-slide {
    max-width: 750px;
}

.block1 .slide-wrap:before {
    content: "";
    background-color: #EFF3FF;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.block1 .slick-dots {
    position: absolute;
    display: none !important;
}

.zwc-fea-nav {
    display: none;
}


/* block1 end */


/* block2 start */

.block2 .inner-wrap {
    padding: 150px 60px 0;
    position: relative;
}

.zwc-nav-bg {
    position: absolute;
    top: 0;
    left: 0;
}

.block2 .zwc-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zwc-inner-left,
.zwc-inner-right {
    width: 45%;
}

.block2 .zwc-inner-left,
.block2 .zwc-inner-right {
    position: relative;
}


/* .zwc-nav-img2{
    max-width: 400px;
    float: right;
    width: calc(100% - 100px);
  } */

.zwc-nav-subimg2 {
    position: absolute;
    width: calc(100% - 120px);
    max-width: 340px;
    margin: auto;
    top: auto;
    bottom: 50px;
    left: auto;
    right: 30%;
}


/* .block2 .slide-wrap{
    padding-bottom: 130px;
  } */

.block2 .slide-wrap .slick-dots {
    bottom: 0px;
    position: relative;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #000;
    padding: 15px 15px;
    /* min-width: 70%; */
    z-index: 1;
    margin-top: 60px;
    display: inline-block;
}

.block2 .slide-wrap .slick-dots li {
    width: auto;
    height: auto;
    background: unset;
    border-radius: 0px;
    border: 0px;
    margin: 0 5px;
    padding: 5px 30px;
    font-family: var(--zf-secondary-medium);
    position: relative;
}

.block2 .slide-wrap .slick-dots li span {
    position: relative;
    font-size: 15px;
    letter-spacing: -0.36px;
}

.block2 .slide-wrap .slick-dots li.slick-active {
    background-color: rgb(116, 116, 116);
    color: #fff;
    height: 100%;
    border-bottom: unset;
}

.block2 .slide-wrap .slick-dots li:before {
    content: '';
    width: 0px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #000;
}

.block2 .slide-wrap .slick-dots li.slick-active:before {
    width: 100%;
    transition: width 5s linear;
}

.slick-current .fadeIn,
.slick-current .fadeOut,
.slick-current .fadeUp,
.slick-current .fadeLeft,
.slick-current .fadeRight,
.slick-current .scaleIn {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    transition-delay: .3s;
}

.active .fadeIn,
.active .fadeOut,
.active .fadeUp,
.active .fadeLeft,
.active .fadeRight,
.active .scaleIn {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    transition-delay: .3s;
}

.fadeIn {
    transform: translate(0px, -60px);
    opacity: 0;
    transition: transform 1s ease;
}


/* .transIn{
    transform: translate(0px, 200px);
    opacity: 0;
    transition: transform 1s ease;
  }
  .slick-current .transIn{
    transform: translate(0px, 600px);
    opacity: 0;
  } */

.fadeOut {
    transform: translate(0px, 60px);
    opacity: 0;
    transition: transform 1s ease;
}

.fadeLeft {
    transform: translate(-60px, 0px);
    opacity: 0;
    transition: all 1s ease;
}

.scaleIn {
    transform: translate(0px, 0px) scale(.4);
    opacity: 0;
    transition: all 1s ease-in;
}

.fadeRight {
    transform: translate(60px, 0px);
    opacity: 0;
    transition: all 1s ease;
}

.zwc-list-ai-collaboration>li>.li-inner-wrap>p,
.zwc-list-ai-collaboration>li>.li-inner-wrap>img {
    display: none;

}

.zwc-list-ai-collaboration>li.active>.li-inner-wrap>p,
.zwc-list-ai-collaboration>li.active>.li-inner-wrap>img {
    display: block;
}

.block2,
.block3 {
    margin-top: 120px;
}


/* .delay3s{
    transition-delay: .3s;
  }
  .delay5s{
    transition-delay: .5s;
  }
  .delay7s{
    transition-delay: .7s;
  }
  .delay9s{
    transition-delay: .9s;
  }
  .delay11s{
    transition-delay: 1.1s;
  } */


/* block2 end */


/* block3 start */

.block3 .inner-wrap {
    position: relative;
}

.zwc-svg-loader {
    position: absolute;
    left: 41%;
    width: 30px;
    height: 30px;
    top: 20px;
    z-index: 1;
}

.zwc-inner-left,
.zwc-inner-right {
    width: 46%;
}

.block3 .zwc-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
}

.block3 .zwc-slide:last-child {
    margin-bottom: 0;
}

.block3 .slick-dots {
    display: none !important;
}


/* .scroll-nav .zwc-inner-left,.scroll-nav .zwc-inner-right{
    width: 45%;
  } */

.scroll-nav .zwc-inner-left {
    background-color: #EFF3FF;
    text-align: center;
    /* padding:50px 60px; */
    width: 525px;
    height: 305px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scroll-nav1 .zwc-inner-left {
    /* align-items: flex-end; */
}

.scroll-nav .zwc-inner-left img {
    max-width: 485px;
}

.scroll-nav1 .zwc-inner-left {
    padding-bottom: 0;
}

.scroll-nav2 .zwc-inner-left {
    background-color: #FFF8EF;
}

.scroll-nav3 .zwc-inner-left {
    background-color: #F3EFFF;
    position: relative;
}

.scroll-nav3 .subimg3 {
    position: absolute;
    left: auto;
    top: 20px;
    right: 20px;
    width: 30px;
}

.scroll-nav4 .zwc-inner-left {
    background-color: #f3efff;
}

.scroll-nav5 .zwc-inner-left {
    background-color: #e9f8f1;
}

.scroll-nav6 .zwc-inner-left {
    background-color: #ffefef;
}

.active .circle-chart__circle {
    animation: dash 5s linear 1;
}



@keyframes dash {
    from {
        stroke-dasharray: -100;
    }

    to {
        stroke-dasharray: 100;
    }
}


/* block3 end */


/* block4 start */

.block4 {
    background-color: #000;
}

.block4 .top-ctn-wrap {
    max-width: 690px;
    width: 100%;
    padding: 0 0px 45px 20px;
}

.block4 .slide-wrap {
    padding: 0;
}

.block4 .inner-wrap {
    position: relative;
}

.block4 h2 {
    color: #fff;
}

.block4 h4,
.block4 p {
    color: #fff;

}

.block4 h4 {
    width: 32%;
    line-height: 1.2;
}

.sl_index {
    opacity: 1;
}

.sl_length {
    opacity: 0.5;
}

.zwc-meetingCtn-wrap p {
    width: 64%;
}

.zwc-meetingCtn-wrap {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    padding: 0px 80px;
}

.zwc-slider-number {
    color: #fff;
    font-size: 12px;
    position: relative;
    text-align: right;
    padding-bottom: 10px;
}

.block2 .slide-wrap .slick-dots li.slick-active,
.block2 .slide-wrap .slick-dots li {
    width: unset;
}

.slide-wrap .slick-dots li.slick-active,
.slide-wrap .slick-dots li {
    background-color: transparent;
    width: 12%;
    height: 15px;
    border: 0px solid #ffffff;
    border-radius: 0px;
    position: relative;
    /* border-bottom: 3px solid #045554; */
    border-bottom: 3px solid #1b2427;

}

.slide-wrap .slick-dots li:before {
    content: '';
    width: 0%;
    height: 3px;
    background: #fff;
    left: 0;
    top: auto;
    bottom: -3px;
    position: absolute;
}

.slide-wrap .slick-dots li.slick-active:before {
    transition: width 5s linear;
    width: 100%;
}


/* block4 end */


/* block5 start */

.block5 .icon {
    padding-right: 50px;
}

.block5 .icon img {
    max-width: 100px;
}

.zwc-icon-ctn {
    width: 70%;
}



.zwc-iconWrap1,
.zwc-iconWrap2,
.zwc-iconWrap3 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 30px;
    gap: 50px;
}

.zwc-iconWrap3 {
    margin-bottom: 0;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}


.zwc-iconWrap1>.icon.icon1 {
    background-position: 0 0;
}

.zwc-iconWrap2>.icon.icon1 {
    background-position: -70px 0;
}

.zwc-iconWrap3>.icon.icon1 {
    background-position: -140px 0;
}

.zwc-icon-wrap .icon {
    background: url(/sites/zweb/images/cliq/cliqsix/enhancements-cliq-6.0.png);
    background-size: cover;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
}

/* block5 end */


/* block6 start */

.block6 {
    background-color: #123131;
}

.block6 .content-wrap {
    text-align: center;
}

.block6 h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

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

.cta-btn {
    background: var(--primary-btn-color);
    color: #fff;
}

.act-btn.cta-btn {
    visibility: visible;
    opacity: 1;
}

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

.zcc-register-webinar {
    padding: 11px 30px;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    font-family: var(--primaryfont-semibold);
}


/* block6 end */

.zw-promo-top {
    background: #fecf67c7;
}

.zpromotion {
    padding: 10px 0;
}

.zpromotion-wrap>p {
    text-align: center;
    margin-bottom: 0;
    font-family: var(--zf-secondary-semibold);
    letter-spacing: 0;
    padding: 0 15px;
}

.zpromotion-wrap>p>a {
    color: #023231;
    text-decoration: underline;
    display: inline-block;
}

.block6 h2 {
    max-width: 600px;
    margin: 0 auto 30px;
}

/* media start */

@media(min-width : 1201px) {
    section h4 {
        font-size: 28px;
    }

    .zwc-inner-right>h3 {
        max-width: 365px;
    }

    .block6 h2 {
        font-size: 42px;
    }

    .block5 .content-wrap {
        padding-bottom: 100px;
    }
}

@media all and (max-width:1199px) {
    .scroll-nav .zwc-inner-left {
        max-width: 525px;
        max-height: 305px;
        width: unset;
        height: unset;
        padding: 50px 60px;
    }

    .scroll-nav .zwc-inner-left,
    .scroll-nav .zwc-inner-right {
        width: 47%;
    }

    .scroll-nav1 .zwc-inner-left {
        padding-bottom: 0;
    }

    .fadeIn,
    .fadeOut,
    .fadeUp,
    .fadeLeft,
    .fadeRight,
    .scaleIn {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }

    h3 {
        font-size: 32px;
    }

    .zwc-nav-bg {
        display: none;
    }

    .block2 .zwc-slide {
        margin-bottom: 80px;
        opacity: 1 !important;
    }

    .block2 .zwc-slide:last-child {
        margin-bottom: 0;
    }

    /* .block2 .inner-wrap{
        padding-top: 0;
    } */
    /* .block2 .slide-wrap{
        padding: 40px 0 0 0px;
    } */
    .block1 .content-wrap {
        border-bottom: 1px solid #efefef;
    }

    .block2 .content-wrap {
        padding-top: 120px;
    }

    .block2 .slide-wrap {
        padding: 0;
    }

    .block2 .inner-wrap {
        padding-top: 0;
    }

    .block4 .zwc-slide {
        opacity: 1 !important;
        margin-bottom: 80px;
    }

    .block4 .zwc-slide:last-child {
        margin-bottom: 0;
    }

    .zwc-slider-number {
        display: none;
    }

    /* .zwc-slider-number span{
        opacity: .4;
    } */
    h1 {
        font-size: 45px;
        letter-spacing: 0;
    }

    h2 {
        font-size: 36px;
        letter-spacing: 0;
    }

    h3 {
        font-size: 28px;
        letter-spacing: 0;
    }

    h4 {
        font-size: 30px;
        letter-spacing: 0;
    }

    .content-wrap.bnr-inner {
        overflow: hidden
    }

    .block5 .content-wrap {
        padding-bottom: 100px;
    }
}

@media(min-width : 1024px) {
    .zwc-meetingCtn-wrap {
        margin-top: 40px;
    }

    .li-inner-wrap {
        min-width: 510px;
    }

    .block1 h3 {
        font-size: 22px;
        max-width: 480px;
    }

    .block1 h3.zwc-six-inner-title {
        margin-top: 22px;
        margin-bottom: 20px;
        font-size: 20px;
    }

    li.active h3.zwc-six-inner-title {
        font-size: 22px;
    }

    .li-inner-wrap>p {
        margin-bottom: 22px;
        font-size: 17px;
    }

    .li-inner-wrap:before {
        /* content: ''; */
        width: 0%;
        height: 1px;
        background: #000;
        left: 0;
        bottom: -3px;
        position: absolute;
    }

    .active .li-inner-wrap:before {
        /* transition: width 5s linear;
      width: 100%; */
        /* background: #e6e6e6; */
        /* background: #d3d9e9; */
    }

    /* .zwc-change-render-change{
      width: 1150px;
    } */

    /*  */

    .li-inner-wrap::before {
        content: "";
        width: 100%;
        background-color: #d3d9e9;
    }

    .li-img-wrap img {
        padding: 40px;
    }

    .block1 .content-wrap {
        border-bottom: 0px solid;
    }


}

@media(min-width : 1024px) and (max-width : 1200px) {
    .li-img-wrap {
        right: -10px;
    }

    .block2 {
        margin-top: 0px;
    }

    section h4 {
        font-size: 26px;
    }

}

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

    /* .block4 .zwc-slide{
        opacity: 1 !important;
        margin-bottom: 80px;
    }
    .block4 .zwc-slide:last-child{
        margin-bottom: 0;
    }
    .zwc-slider-number{
        display: none;
    } */
    .scroll-nav .zwc-inner-left,
    .scroll-nav .zwc-inner-right {
        width: 80%;
    }

    .block2 .slide-wrap {
        padding-top: 0;
    }

    .zwc-wrapper .content-wrap {
        max-width: 880px;
        padding: 80px 0;
    }

    /* .block2 .content-wrap, .block3 .content-wrap {
        padding-top: 0;
    } */
    .bnr-right img {
        transform: scale(1);
    }

    .top-ctn-wrap {
        text-align: center;
        margin: 0 auto;
    }

    .block2 .zwc-slide {
        flex-flow: column;
    }

    .zwc-inner-left,
    .zwc-inner-right {
        width: 90%;
        text-align: center;
    }

    .block2 .zwc-inner-left {
        margin-bottom: 30px;
    }

    .block3 .zwc-slide {
        flex-flow: column-reverse;
    }

    .block3 .zwc-inner-right {
        margin-bottom: 30px;
    }

    .zwc-meetingCtn-wrap {
        flex-flow: column;
        text-align: center;
    }

    .block4 h4,
    .zwc-meetingCtn-wrap p {
        width: 100%;
    }

    /*  */
    .li-img-wrap {
        position: relative;
        opacity: 1;
        max-height: unset;
    }

    img.sub_img2 {
        top: 0px;
        padding: 40px;
    }

    .li-inner-wrap {
        border: unset;
    }

    .block1 .inner-wrap {
        display: block;
        text-align: center;
    }

    /* .block1 .inner-wrap ul li{
        margin-bottom: 60px;
    } */
    .block1 h3 {
        position: relative;
        margin: 0 auto;
        font-size: 20px;
    }

    .li-inner-wrap,
    .li-img-wrap {
        width: 90%;
        margin: 0 auto 30px;
        justify-content: center;
        opacity: 1;
        visibility: visible;
    }

    .zwc-usage-reports .li-img-wrap {
        margin-bottom: 0;
    }

    .li-img-wrap {
        max-width: 550px;
        /* padding: 40px 0 40px 0px; */
    }

    .block1 .inner-wrap ul li:first-child {
        padding-top: 0;
    }

    .block1 .zicon-tick {
        display: none;
    }

    .block2 .zwc-slide {
        margin-bottom: 60px;
    }

    .block2 .zwc-slide2 .zwc-inner-right {
        display: flex;
        justify-content: center;
    }

    .zwc-nav-subimg2 {
        left: 0;
        right: auto;
    }

    .block1 .content-wrap,
    .block2 .content-wrap,
    .block3 .content-wrap {
        border-bottom: 1px solid #efefef;
    }

    .li-inner-wrap p {
        opacity: 1;
    }

    .btn-container {
        gap: 15px;
    }

    .zwc-inner-left h3 {
        font-size: 20px;
    }

    .zwc-icon-ctn h4 {
        font-size: 20px;
    }

    .bnr-right img {
        transform: scale(1.3) translateY(10px);
    }

    .block1 h3.zwc-six-inner-title {
        margin-top: 30px;
        font-family: var(--secondaryfont-semibold);
    }

    .block5 .content-wrap {
        padding-bottom: 80px;
    }
}

@media(min-width : 992px) and (max-width : 1023px) {

    .block2,
    .block3 {
        margin-top: 20px;
    }
}

@media all and (max-width:991px) {
    .btn-container {
        flex-direction: column;
        align-items: center;
    }

    p {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1.8;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 26px;
    }

    .zwc-wrapper .content-wrap.padding-lr20 {
        padding-left: 0;
        padding-right: 0;
    }

    .content-wrap.bnr-inner {
        flex-flow: column;
    }

    .bnr-inner .bnr-left,
    .bnr-inner .bnr-right {
        width: 100%;
        text-align: center;
        max-width: 600px;
    }

    .zwc-banner p {
        width: auto;
    }

    .act-btn.cta-btn {
        font-size: 13px;
        padding: 12px 20px;
    }

    .zwc-banner .tagline {
        line-height: .9;
    }

    .content-wrap.bnr-inner {
        gap: 50px;
    }

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

    .block2,
    .block3 {
        margin-top: 10px;
    }

    section h4 {
        font-size: 23px;
    }

    .bnr-right img {
        transform: scale(1);
    }

    .zcc-register-webinar {
        font-size: 15px;
        padding: 12px 20px;
        min-width: 160px;
    }

    .watch-btn {

        margin: 0 auto;

    }
}

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

    .scroll-nav .zwc-inner-left,
    .scroll-nav .zwc-inner-right {
        width: 100%;
    }

    .zwc-iconWrap1,
    .zwc-iconWrap2,
    .zwc-iconWrap3 {
        gap: 20px;
    }

    .bnr-inner .bnr-left,
    .bnr-inner .bnr-right {
        width: 100%;
    }

    .zwc-banner {
        padding: 0;
        height: auto;
        min-height: auto;
    }

    .scroll-nav .zwc-inner-left {
        padding: 20px 30px;
        width: unset;
        height: unset;
    }

    .scroll-nav1 .zwc-inner-left {
        padding-bottom: 0;
    }

    .zwc-meetingCtn-wrap {
        padding: 0;
    }

    .block3 .scroll-nav .subimg3 {
        display: none;
    }

    .zwc-banner p {
        width: 100%;
    }

    .block4 .zwc-slide {
        margin-bottom: 60px;
        display: flex;
        flex-flow: column-reverse;
    }

    .zwc-meetingCtn-wrap {
        padding-bottom: 30px;
    }

    .zwc-wrapper .content-wrap {
        padding: 60px 0;
        max-width: 450px;
        text-align: center;
    }

    .zwc-iconWrap1,
    .zwc-iconWrap2,
    .zwc-iconWrap3 {
        flex-flow: column;
        text-align: center;
    }

    .zwc-icon-ctn {
        width: 100%;
        margin: 0 auto;
    }

    .block5 .icon {
        padding: 0;
        margin: 0 auto 5px;
    }

    .block5 .zicon-tick {
        display: none;
    }

    .block5 .zwc-icon-ctn .flex-start {
        justify-content: center;
    }

    .block2 .inner-wrap,
    .block2 .slide-wrap {
        padding: 0px 0px 0;
        position: relative;
    }

    .li-img-wrap img {
        left: -30px;
    }

    .li-img-wrap {
        padding: 0;
        /* background-color: #fff; */
    }

    .li-inner-wrap,
    .li-img-wrap {
        margin: 0 auto 30px;
    }

    .zwc-audit-trails .li-inner-wrap {
        margin-bottom: 40px;
    }

    .li-inner-wrap {
        padding: 0 0 0;
    }

    .block1 .inner-wrap ul li:last-child {
        margin-bottom: 0;
    }

    .top-ctn-wrap {
        padding-bottom: 20px;
    }

    .block4 .top-ctn-wrap {
        padding: 0 0px 50px 0px;
    }

    p {
        margin-bottom: 0;
    }

    .zwc-banner p {
        margin-bottom: 20px;
    }

    section h4 {
        line-height: 1.3;
    }

    .li-img-wrap {
        margin-bottom: 35px;
    }
}

@media only screen and (min-width : 1900px) {
    .zwc-banner {
        min-height: unset;
    }
}

/* WCAG Accessibility additions */

/* Focus outline for keyboard navigation */
.zwc-list-ai-collaboration li[role="tab"]:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}

.zwc-fea-nav a[role="tab"]:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}

.watch-btn[role="button"]:focus {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

.block4 .slick-dots li:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.block2 .slick-dots li:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}

.block4 .slick-dots li {
    cursor: pointer;
}

.block2 .slick-dots li {
    cursor: pointer;
}

/* WCAG - h4 to h3 heading hierarchy fix for block4 and block5 */

.block4 .zwc-meetingCtn-wrap h3 {
    letter-spacing: -1.02px;
}

.block4 .zwc-meetingCtn-wrap h3,
.block4 p {
    color: #fff;
}

.block4 .zwc-meetingCtn-wrap h3 {
    width: 32%;
    line-height: 1.2;
}

.zwc-icon-ctn h3 {
    letter-spacing: -1.02px;
}

@media(min-width: 1201px) {

    .block4 .zwc-meetingCtn-wrap h3,
    .zwc-icon-ctn h3 {
        font-size: 28px;
    }
}

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

    .block4 .zwc-meetingCtn-wrap h3,
    .zwc-icon-ctn h3 {
        font-size: 26px;
    }
}

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

    .block4 .zwc-meetingCtn-wrap h3,
    .zwc-meetingCtn-wrap p {
        width: 100%;
    }

    .zwc-icon-ctn h3 {
        font-size: 20px;
    }
}

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

    .block4 .zwc-meetingCtn-wrap h3,
    .zwc-icon-ctn h3 {
        font-size: 23px;
    }
}

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

    .block4 .zwc-meetingCtn-wrap h3,
    .zwc-icon-ctn h3 {
        line-height: 1.3;
    }
}