*,html,h1,h2,h3,h4,h5,p {
    margin: 0;
    padding: 0
}

.bg-sec {
    background-repeat: repeat;
    background-size: 300px 300px;
}

.n_webp .bg-sec {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-section-bg.jpg)
}

.s_webp .bg-sec {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-section-bg.webp)
}

.disp {
    display: inline-block
}

.pos-absolute {
    position: absolute
}

.disp {
    display: inline-block
}


.zw-global-header{
    min-height: 0px;
}


.header.uheader , .zw-product-header , .zw-global-header .header , .quick-connect-links-wrap{
       display: none;
}

.man-index{
   position: relative;
   z-index: 9;
}

.zd-whnew-bnr-sec {
    position: relative;
    overflow: hidden;
    z-index: 3;
    height: 900px
}

.tree-img {
    position: absolute;
    content: '';
    width: 100%;
    height: 1002px;
    max-width: 2560px;
    text-align: center;
    display: block;
    margin: 0 auto;
    transform: translateY(0);
    transition: all .3s ease-out;
    background-size: cover;
    bottom: 0;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 5;
    background-position: center
}

.n_webp .tree-img {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-banner-01.png)
}

.s_webp .tree-img {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-banner-01.webp)
}

.plant-img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 1060px;
    transform: translateY(155px);
    max-width: 2560px;
    background-size: cover;
    bottom: 0;
    top: 0;
    z-index: 4;
    background-position: center;
    transition: all .3s linear
}

.n_webp .plant-img {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-banner-02.png)
}

.s_webp .plant-img {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-banner-02.webp)
}



.center-img {
    position: absolute;
    width: 100%;
    transform: translateY(150px);
    max-width: 1094px;
    background-size: cover;
    left: -460px;
    height: 332px;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    z-index: 2;
    background-position: center;
    transition: all .3s linear
}

.n_webp .center-img {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-banner-03.png)
}

.s_webp .center-img {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-banner-03.webp)
}

.mountain-img {
    width: 100%;
    max-width: 2560px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -60px;
    height: 100%;
    background-position: center;
    transition: all .3s ease-out;
    background-size: cover;
    z-index: 1
}

.n_webp .mountain-img {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-banner-04.png)
}

.s_webp .mountain-img {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-banner-04.webp)
}

.cloud-img {
    width: 100%;
    max-width: 2560px;
    height: 100%;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -35px;
    background-size: cover;
    background-position: center
}

.cloud-img {
    background: url(/sites/zweb/images/desk/zd-wn-a-25-banner-05.png) no-repeat
}


.zd-whnewbnr {
    max-width: 900px;
    margin: 110px auto 250px;
    text-align: center;
    position: relative;
    z-index: 9
}

.zd-whnewbnr .act-btn.cta-btn {
    border-radius: 32px;
    margin: 25px 0 0;
    width: 245px
}

.zd-whnew-hdr {
    font: 72px/1.1 var(--zf-primary-bold);
    padding: 0 0 20px;
    letter-spacing: -2.2px;
}

.zd-whnew-logo {
    background-position: -549px -617px;
    width: 227px;
    height: 141px;
    margin: 0 0 40px;
}

.bg_lazy_loaded .zd-whnew-logo,.bg_lazy_loaded .zd-whnewleft-image-sec::before,.bg_lazy_loaded .exp-arrow-prev,.bg_lazy_loaded .exp-arrow-next,.bg_lazy_loaded .pumpkin-img,.bg_lazy_loaded .leaf-img,.bg_lazy_loaded .mushroom-img,.bg_lazy_loaded .zd-advantage-image1,.bg_lazy_loaded .zd-advantage-image2,.bg_lazy_loaded .zd-advantage-image3,.bg_lazy_loaded .zd-zoom-img,.bg_lazy_loaded .zd-github-img,.bg_lazy_loaded .zd-power-img,.bg_lazy_loaded .zd-wh-agent-right-sec::before,.bg_lazy_loaded .branch-img,.bg_lazy_loaded .slick-prev,.bg_lazy_loaded .zd-circle,.bg_lazy_loaded .slick-next , .bg_lazy_loaded .zd-wh-agent-right-box .sldr-hdr::before {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-sprite-2x-1.png)
}

.bg_lazy_loaded .leaf2-img,.bg_lazy_loaded .zd-agent-img,.bg_lazy_loaded .zd-wh-agent-slider-leaf,.bg_lazy_loaded .zd-wh-agent-slider-leaf {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-sprite-2x-2.png)
}

.zd-whnew-para {
    font: 18px/1.6 var(--zf-primary-regular);
}

.zd-whnew-para.max-wdth-bnr {
    font-size: 24px;
}


.zd-whnew-para .zd-whnew-link {
    margin: 0;
    font-size: 16px;
}

.max-wdth-bnr {
    max-width: 585px;
    margin: 0 auto
}

.zd-ai-spring-label {
    font: 16px/1.2 var(--zf-secondary-medium);
    width: auto;
    color: #b22b06;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 0;
    border-radius: 30px;
    letter-spacing: 1.6px
}

.zd-whnew-ai-inr {
    max-width: 1245px;
    margin: 0 auto
}


.zd-whnew-ai-inr .early-access {
    position: relative;
    top: -15px;
}

.zd-wh-sub-hdr {
    padding: 0 0 25px;
    font: 56px var(--zf-primary-semibold);
    letter-spacing: -1.12px
}

.zd-whnew-link {
    color: #089949;
    margin: 15px auto 0;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font: 18px var(--zf-primary-semibold)
}

.zd-whnew-link span {
    width: 13px;
    height: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -3px;
    background: #089949;
    transition: .35s
}

.zd-whnew-link:hover span , .arw_lnk:hover span {
    transform: translateX(4px);
    -webkit-transform: translateX(4px)
}

.zd-whnew-link span::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    top: -2px;
    right: 0;
    border-width: 0 2px 2px 0;
    border-style: solid solid;
    border-color: #089949 #089949;
    border-image: initial;
    border-left: 0;
    border-top: 0
}

.max-wdth-cmn {
    max-width: 1170px;
    margin: 0 auto
}

.zd-whnew-ai-section {
    padding: 150px 0 0;
    position: relative;
}

.lft-rgt-slider {
    display: flex;
    padding: 60px 0 0;
    justify-content: space-between
}

.zd-whnewleft-image-sec {
    max-width: 370px;
    padding: 0;
    position: relative
}

.zd-whnewright-slider-box.active .sldr-hdr {
    font: 32px/1.4 var(--zf-primary-semibold);
    color: #202a2b;
    opacity: 1
}

.zd-whnewright-slider-box .sldr-para,.zd-wh-agent-right-box .sldr-para {
    display: none
}

.zd-whnewright-slider-box.active .sldr-para,.zd-wh-agent-right-box.active .sldr-para {
    display: block
}

.sldr-hdr {
    font: 32px/1.4 var(--zf-primary-semibold);
    color: #0b0606;
    position: relative;
}



.bg_lazy_loaded .zd-wh-agent-right-box .sldr-hdr::before{
    position: absolute;
    right: 0;
    content: '';
    background-size: 1125px auto;
    display: inline-block;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-position: -1069px -169px;
        width: 19px;
        height: 11px;
    
}

.bg_lazy_loaded .zd-wh-agent-right-box.active .sldr-hdr::before{
    background-position: -1036px -169px;
    width: 19px;
    height: 11px;
}

.zd-whnewright-slider-box .sldr-hdr {
    opacity: 0.5;
}

.zd-whnewleft-image-sec::before {
    content: '';
    position: absolute;
    background-size: 1125px auto;
    background-position: -37px -83px;
    width: 60px;
    height: 83px;
    display: inline-block;
    left: -80px;
    border-radius: 30px;
    top: 0;
    transition: all .5s linear;
    top: var(--pseudo-top)
}

.zd-whnew-para {
    color: #202a2b;
    font: 18px/1.6 var(--zf-primary-regular)
}

.sldr-para {
    padding: 10px 0 0
}

.zd-whnewright-slider-box {
    padding: 25px 0 25px;
    cursor: pointer;
}

.zd-whnewright-slider-box.active{
     cursor: unset;
}

.zd-whnewright-image-sec {
    max-width: 720px
}

.image-bg {
    background: transparent;
    border-radius: 32px;
    box-shadow: rgba(255,145,65,0.44) -3px 0 59.8px 5.2px
}

.zd-whnewright-image-sec .image-bg video {
    display: none
}

.image-bg video {
    width: 100%;
    border-radius: 32px;
    vertical-align: bottom
}

.image-top-space {
    margin: 35px auto 0
}

.zd-whnew-zia-agent-sec {
    padding: 150px 0 0;
    text-align: center
}

.pb-bottom {
    padding-bottom: 80px
}

.max-wdth-sec {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

.max-wdth-cmn-2 {
    max-width: 980px
}

.max-wdth-cmn-3 {
    max-width: 1040px;
    margin: 0 auto
}

.zd-improve-sec .leaf2-img {
    top: unset;
    bottom: -70px;
    right: -100px;
    transform: rotate(80deg);
    z-index: -1
}

.pos-relative {
    position: relative
}

.leaf-img {
    content: '';
    position: absolute;
    display: inline-block;
    background-position: -393px 0;
    width: 292px;
    height: 303px;
    background-size: 1125px auto;
    top: 160px;
    left: -200px;
    z-index: -1;
    transform: rotate(-55deg);
    background-repeat: no-repeat;
    opacity: .7
}

.mushroom-img {
    content: '';
    position: absolute;
    display: inline-block;
    background-position: -701px -17px;
    width: 239px;
    height: 152px;
    background-size: 1125px auto;
    bottom: -20px;
    right: -156px;
    z-index: 3;
    background-repeat: no-repeat
}

.branch-img {
    content: '';
    position: absolute;
    display: inline-block;
    background-position: -701px -203px;
    width: 296px;
    height: 286px;
    top: 100px;
    right: 0;
    z-index: 3;
    background-repeat: no-repeat
}

.zd-whnew-advantage-sec .branch-img {
    transform: rotate(-180deg);
    left: 0
}

.leaf2-img {
    content: '';
    position: absolute;
    display: inline-block;
    background-position: -469px -27px;
    width: 184px;
    height: 163px;
    background-size: 1125px auto;
    top: 160px;
    transform: rotate(5deg);
    right: -155px;
    z-index: -1;
    background-repeat: no-repeat
}

.pumpkin-img {
    content: '';
    position: absolute;
    display: inline-block;
    background-position: -343px -338px;
    width: 303px;
    height: 212px;
    background-size: 1125px auto;
    bottom: -85px;
    left: -160px;
    z-index: 3;
    background-repeat: no-repeat
}

.z-index10 {
    z-index: 2
}

.para-max-wdth-cmn {
    max-width: 760px;
    margin: 0 auto
}

.zd-wh-agent-right-sec {
    max-width: 440px
}

.zd-wh-agent-right-sec {
    text-align: left;
    border-left: 2px rgb(11,6,6,0.2) solid;
    padding-left: 40px;
    position: relative
}

.zd-wh-agent-slider {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 35px auto 0
}

.zd-leaf-sprite {
    background-size: 1125px auto;
    background-repeat: no-repeat;
    display: inline-block
}

.zd-wh-agent-slider-leaf {
    position: absolute;
    bottom: -100px;
    right: -92px;
    display: block;
    background-position: -21px 0;
    width: 405px;
    height: 504px;
    z-index: -1
}

.z-index {
    z-index: 1
}

.zd-wh-agent-left-sec {
    display: flex;
    align-items: end;
    justify-content: center;
    background-size: 580px auto;
    width: 580px;
    height: 504px;
    box-shadow: -3px 0 59.8px 5.2px rgba(255,145,65,0.44);
    border-radius: 32px
}

.n_webp .zd-wh-agent-left-sec {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-leverage-bg-2x.png)
}

.s_webp .zd-wh-agent-left-sec {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-leverage-bg-2x.webp)
}

.zd-wh-agent-left-sec .agent-image,.zd-wh-agent-right-box .agent-image {
    display: none
}

#agent-slider-1,#box-1 {
    display: block
}

.zd-wh-agent-right-box {
    padding: 0 0 40px;
    cursor: pointer
}

.zd-wh-agent-right-box:last-child {
    padding: 0
}


.early-access{
    width: 120px;
    padding: 2px 10px;
    border-radius: 32px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: #000000;
    font: 14px / 1.4 var(--zf-primary-semibold);
}



.zd-wh-agent-right-sec::before {
    content: '';
    position: absolute;
    position: absolute;
    background-position: -140px -94px;
    width: 10px;
    height: 55px;
    background-size: 1125px auto;
    display: inline-block;
    left: -6px;
    border-radius: 30px;
    top: -85px;
    transition: all .5s linear;
    top: var(--pseudo-top)
}

.zd-wh-agent-right-sec {
    --pseudo-top: 0
}

.zd-whnewleft-image-sec {
    --pseudo-top: 0
}

.zd-whnew-sprite {
    background-size: 1125px auto;
    display: inline-block;
    background-repeat: no-repeat
}

.zd-next-arrow {
    position: absolute;
    right: 0;
    background-position: -85px -19px;
    width: 46px;
    height: 46px;
    cursor: pointer
}

.zd-prev-arrow {
    position: absolute;
    left: 0;
    background-position: -85px -19px;
    cursor: pointer;
    width: 46px;
    height: 46px;
    transform: rotate(-180deg)
}

.self-service-hdr .sldr-hdr {
    display: none
}

.self-service-hdr .sldr-hdr.active {
    display: block
}

.slick-dots li {
    width: 17px;
    height: 17px;
    opacity: .302;
    background: unset;
    border: 0 solid;
    margin: 0 20px;
    background-image: -moz-linear-gradient(-53deg,rgba(250,204,34,0.99608) 0,#f83600 100%);
    background-image: -webkit-linear-gradient(-53deg,rgba(250,204,34,0.99608) 0,#f83600 100%);
    background-image: -ms-linear-gradient(-53deg,rgba(250,204,34,0.99608) 0,#f83600 100%)
}

.slick-dots li.slick-active {
    opacity: 1;
    width: 24px;
    height: 24px;
    border: 0 solid;
    background-image: -moz-linear-gradient(-53deg,rgba(250,204,34,0.99608) 0,#f83600 100%);
    background-image: -webkit-linear-gradient(-53deg,rgba(250,204,34,0.99608) 0,#f83600 100%);
    background-image: -ms-linear-gradient(-53deg,rgba(250,204,34,0.99608) 0,#f83600 100%)
}

.zia-msg-exp-main .slick-dots {
    display: none !important
}

.self-service-hdr {
    max-width: 750px;
    margin: 35px auto 0;
    position: relative
}

.zia-double-sec {
    padding: 150px 0 0
}

.zia-double-sec-inr {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    text-align: center
}

.zia-double-left {
    max-width: 600px
}

.zia-sec-cnt {
    max-width: 430px;
    margin: 0 auto;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 65px
}

.bg-sec-img {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat
}

.zia-sec-bg {
    display: flex;
    align-items: end;
    justify-content: center;
    background-size: 580px auto;
    width: 580px;
    height: 504px
}

.n_webp .zia-sec-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-radar-bg-2x.png)
}

.s_webp .zia-sec-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-radar-bg-2x.webp)
}

.zia-double-right .zia-sec-bg {
    align-items: flex-start
}

.zia-radar-img,.zia-reply-img {
    max-width: 580px;
    display: block
}

.slick-dots {
    margin-bottom: 0
}

.slick-dotted.slick-slider {
    margin: 0
}

.zia-self-service {
    padding: 150px 0;
    text-align: center
}

.zia-self-service-slider-sec {
    box-shadow: -3px 0 35.8px 5.2px rgba(255,145,65,0.2);
    max-width: 1040px;
    margin: 35px auto 0;
    border-radius: 32px
}

.pb-15 {
    padding: 0 0 15px
}

.zia-self-service-slider-sec .image-bg,.zd-whnew-zia-agent-wdth .image-bg {
    box-shadow: unset;
    height: 565px;
    overflow: hidden
}

.zd-whnew-zia-agent-wdth {
    max-width: 1040px
}

.zd-whnew-zia-agent-sec .zia-self-service-slider {
    box-shadow: -3px 0 35.8px 5.2px rgba(255,145,65,0.2);
    margin: 35px auto 0;
    border-radius: 32px
}

.zia-self-service-slider-sec .image-bg video {
    background-size: contain
}

.zia-self-service-slider-sec .slick-dots,.zd-whnew-zia-agent-wdth .slick-dots {
    position: absolute;
    bottom: -70px
}

.zia-self-service-slider-sec .slick-next,.zia-self-service-slider-sec .slick-prev,.zia-self-service-slider .slick-prev,.zia-self-service-slider .slick-next,.mobile-exp-bg .slick-prev,.mobile-exp-bg .slick-next {
    right: -80px;
    background-size: 1125px auto;
    background-position: -84px -18px;
    width: 48px;
    height: 48px
}

.zia-self-service-slider-sec .slick-prev,.zia-self-service-slider .slick-prev,.mobile-exp-bg .slick-prev {
    right: unset;
    left: -80px;
    transform: translate(0,-50%) rotate(180deg)
}

.slick-next:after,.slick-next:before,.slick-prev:after,.slick-prev:before {
    height: 14px;
    display: none;
    background: #000
}

.mobile-exp-bg .slick-next,.mobile-exp-bg .slick-prev {
    top: 39%
}

.slick-prev.slick-disabled,.slick-next.slick-disabled,.exp-arrow-prev .slick-disabled,.exp-arrow-prev.slick-disabled,.exp-arrow-next.slick-disabled {
    cursor: unset;
    opacity: .25
}

.self-service-cnt {
    display: none
}

.self-service-cnt:first-child {
    display: block
}

.zd-mess-exp-sec {
    position: relative;
    padding: 150px 0 30px;
    max-width: 1280px;
    margin: 0 auto
}

.zd-msg-exp-subhdr {
    border-bottom: 1px solid #a7a4a1
}

.overflow-sec {
    cursor: grab;
    overflow: hidden
}

.overflow-hidden {
    overflow: hidden
}

.zd-messaging-exp-sec-inr {
    position: relative
}

.zd-messaging-exp-sec-inr .slick-list {
    overflow: inherit !important
}

.zd-messaging-exp-sec-inr .slick-track {
    display: flex
}

.zia-msg-exp-box {
    width: 630px
}

.zia-msg-exp-main {
    position: relative;
    max-width: 1280px;
    margin: 0 auto 80px
}

.zd-messaging-exp-sec-inr {
    width: 630px
}

.zia-msg-exp-cnt {
    display: flex;
    width: 480px;
    height: 215px;
    flex-direction: column;
    justify-content: center
}

.zia-msg-exp-box {
    width: 540px
}

.zd-mess-exp-sec {
    display: flex;
    justify-content: space-between;
    align-items: end
}

.zia-msg-exp-bg {
    display: flex;
    align-items: end;
    justify-content: center;
    background-size: 520px auto;
    width: 520px;
    height: 470px
}

.n_webp .zia-msg-exp-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-dynamic-bg-2x.png)
}

.s_webp .zia-msg-exp-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-dynamic-bg-2x.webp)
}

.n_webp .voice-note-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-voice-note-bg-2x.png)
}

.s_webp .voice-note-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-voice-note-bg-2x.webp)
}

.n_webp .im-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-im-ticket-bg-2x.png)
}

.s_webp .im-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-im-ticket-bg-2x.webp)
}

.msg-img-1 {
    left: -100px
}

.msg-img-2 {
    left: -80px
}

.msg-img-3 {
    top: 58%;
    transform: translateY(-50%)
}

.msg-img-4 {
    bottom: -100px;
    left: -70px
}

.msg-img-5 {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0
}

.msg-img-6 {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20px;
    transform: unset
}

.exp-arrow-prev {
    background-position: -85px -19px;
    width: 46px;
    height: 46px;
    cursor: pointer;
    transform: rotate(180deg)
}

.exp-arrow-next {
    background-position: -85px -19px;
    width: 46px;
    height: 46px;
    cursor: pointer
}

.sld-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 25px
}

.zd-mess-exp-sec::before {
    content: '';
    border-radius: 6px;
    background-image: -moz-linear-gradient(90deg,#f6cd51 0,#e56767 100%);
    background-image: -webkit-linear-gradient(90deg,#f6cd51 0,#e56767 100%);
    background-image: -ms-linear-gradient(90deg,#f6cd51 0,#e56767 100%);
    position: absolute;
    width: 204px;
    height: 13px;
    bottom: 25px;
    left: 0
}

.counter-num-sec {
    margin-left: 15px;
    margin-right: 15px
}

.mobile-exp-sec {
    padding: 150px 0 0;
    text-align: center
}

.mobile-exp-bg {
    max-width: 1091px;
    background-size: 1091px auto;
    margin: 0 auto;
    padding: 80px 60px 0;
    box-sizing: border-box;
    position: relative;
    background-repeat: no-repeat
}

.n_webp .mobile-exp-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-apple-intelligence-bg-2x.png)
}

.s_webp .mobile-exp-bg {
    background-image: url(/sites/zweb/images/desk/zd-wn-a-25-apple-intelligence-bg-2x.webp)
}

.mobile-exp-cnt {
    max-width: 100%;
    height: 665px;
    text-align: left;
    display: none
}

.mobile-exp-cnt.active {
    display: block
}

.mobile-exp-sec .slick-dots {
    margin: 0
}

.mobile-exp-cnt .sldr-hdr {
    max-width: 350px
}

.mobile-exp-cnt .zd-whnew-para {
    font-size: 16px;
    max-width: 350px
}

.avatar-img {
    left: 70px;
    top: 58%;
    transform: translateY(-50%)
}

.mobile-img {
    top: 0;
    left: 100px;
    right: 0;
    margin: 0 auto
}

.comment-img {
    right: -13px;
    top: 20px;
    z-index: 1
}

.writing-img {
    right: 0;
    top: 53%;
    transform: translateY(-50%)
}

.ondemand-img {
    top: 0;
    right: 25px
}

.zd-whnew-advantage-sec {
    padding: 150px 60px 0;
    text-align: center
}

.slick-dotted.slick-slider.mobile-exp-bg {
    margin: 0 auto
}

.zd-advantage-box-sec {
    max-width: 1360px;
    margin: 0 auto;
    padding: 35px 0 0;
    gap: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 9
}

.zd-advantage-box {
    width: 400px;
    box-sizing: border-box;
    border-radius: 32px;
    background-color: #fff;
    padding: 40px 60px
}

.zd-advantage-para {
    font: 24px/1.6 var(--zf-primary-semibold)
}

.zd-advantage-image1 {
    background-position: -205px -21.5px;
    width: 165px;
    height: 138px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto 25px
}

.zd-advantage-image2 {
    background-position: -221px -169px;
    width: 157px;
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto 25px
}

.zd-advantage-image3 {
    background-position: -24px -188px;
    width: 146px;
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto 25px
}

.zd-advantage-box-cvr {
    border-radius: 32px;
    background: transparent;
    box-shadow: -3px 0 35.8px 5.2px rgba(255,145,65,0.2);
    position: relative;
    z-index: 10;
    display: flex;
    width: 400px;
    box-sizing: border-box
}

.zd_wn_new_channels {
    border-style: solid;
    position: absolute;
    left: 82px;
    top: 9193px;
    width: 387px;
    height: 332px;
    z-index: 432
}

.zd-improve-sec {
    padding: 150px 0;
    overflow: hidden;
    text-align: center
}

.zd-improve-sldr-btn {
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    border-radius: 40px;
    padding: 15px;
    cursor: pointer;
    width: 190px
}

.zd-improve-sldr-btn.active {
    opacity: 1;
    background-color: #089949;
    color: #fff;
    border: 0 solid
}

.zd-improve-sldr-btn-sec {
    max-width: 960px;
    margin: 35px auto 0;
    font: 16px var(--zf-primary-regular);
    display: flex;
    justify-content: space-between
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.acblty-lstsec {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 0 25px;
    max-width: 750px;
    margin: 0 auto
}

.acblty-lst {
    border: 1px solid #587932;
    border-radius: 32px;
    padding: 8px 30px;
    margin: 10px;
    width: auto;
    display: inline-block;
    font: 16px/1.2 var(--zf-primary-regular);
    cursor: pointer;
   
}

.acblty-lst.slick-active  {
    background-color: #089949;
    border: 1px solid transparent;
    color: #fff
}

.acblty-lst:hover {
    background: #089949;
    color: #fff;
    border: 1px solid #089949
}

.zd-acb-arw {
    background: #0b5b42;
    width: 22px;
    height: 2px;
    position: absolute;
    display: none;
    right: 10px;
    top: 37px
}

.zd-acb-arw.zd-prevarw {
    left: 10px;
    transform: rotate(180deg)
}

.zd-acb-arw:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid #0b5b42;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -4px;
    right: 0
}

.anim-ele, .anim-eles {
    opacity: 0;
    transform: translateY(20px);
}

.anim-init, .anim-init1 , .anim-init2 {
    transition: .7s opacity cubic-bezier(.25,.46,.45,.94), 1s transform cubic-bezier(.25,.46,.45,.94);
}

.zd-wh-agent-left-sec {
    align-items: center;
}

@media only screen and (min-width: 768px) {
    .acblty-lstsec .slick-track {
        transform: inherit !important;
    }
}


@media only screen and (max-width: 420px) {
    .zd-acblty-lstsec:after,.zd-acblty-lstsec:before {
        top:20px
    }
}

.zd-whnew-expand-sec {
    padding: 150px 0 30px
}

.zd-whnew-expand-left {
    max-width: 480px;
    text-align: left
}

.zd-whnew-expand-main {
    display: flex;
    align-items: center;
    max-width: 1080px;
    margin: 0 auto;
    justify-content: space-between
}

.zd-whnew-footer {
    padding: 200px 0 150px;
    overflow: hidden
}

.bottom-sec {
    max-width: 770px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 99
}


.bottom-sec .zd-whnew-link{
    text-transform: unset;
    text-decoration: underline;
}


.footer-bg {
    max-width: 2880px;
    width: 100%;
    height: 226px;
    display: block;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    background-size: cover;
    position: absolute;
    z-index: 2
}

.n_webp .footer-bg {
    background: bottom url(/sites/zweb/images/desk/zd-a-25-footer-grass.png)
}

.s_webp .footer-bg {
    background: bottom url(/sites/zweb/images/desk/zd-a-25-footer-grass.webp)
}

.tree-bg {
    background-repeat: no-repeat;
    width: 445px;
    height: 425px;
    display: block;
    margin: 0 auto;
    bottom: -180px;
    left: -460px;
    background-size: 1440px auto;
    position: absolute;
    background-size: cover;
    z-index: 1;
    transition: .3s ease-out
}

.n_webp .tree-bg {
    background-image: url(/sites/zweb/images/desk/zd-a-25-footer-tree.png)
}

.s_webp .tree-bg {
    background-image: url(/sites/zweb/images/desk/zd-a-25-footer-tree.webp)
}

.btns-sec {
    padding: 35px 0 0;
    display: flex;
    justify-content: center
}

.act-btn.cta-btn , .webinar-btn {
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: var(--zf-primary-semibold);
}

.webinar-btn{
    position: relative;
    font-size: 16px;
    font-family: var(--zf-primary-semibold);
}

.btns-sec a {
    min-width: 260px;
    border-radius: 32px;
    text-align: center;
    padding: 10px 25px 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff002c
}

.btns-sec a.cmpr-btn {
    box-sizing: border-box;
    font-size: 16px;
    margin-left: 30px;
    border: 1px solid #4b5169;
    background-color: #fff;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold);
    background: #4b5169
}

.arw_lnk span {
    background: #d8ae52;
    width: 12px;
    height: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 7px;
    transition: all ease .35s
}

.arw_lnk span {
    background: #fff;
    margin: 0 0 0 7px
}

.arw_lnk span:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #d8ae52;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -3px;
    right: 0
}

.zd-whnew-expand-right {
    max-width: calc(100% - 430px);
    position: relative
}

.zd-circle {
    background-position: -836px -518px;
    width: 278px;
    height: 278px
}

.zd-zoom-img {
    background-position: -270px -626px;
    width: 221px;
    height: 122px;
    top: -50px;
    left: -95px;
    animation-delay: 1s;
    animation: bounce 4s linear infinite
}

.zd-github-img {
    background-position: -18px -626px;
    width: 220px;
    height: 121px;
    bottom: -30px;
    left: -125px;
    animation: bounce 4s linear infinite;
    animation-delay: 2s
}

.zd-power-img {
    background-position: -24px -481px;
    width: 261px;
    height: 122px;
    bottom: -40px;
    right: -150px;
    animation-delay: 3s;
    animation: bounce 4s linear infinite
}




.zd-agent-img{
    background-position: -732px -28px;
	width: 311px;
	height: 120px;
    right: -245px;
    top: 10px;
    z-index: 1;
    animation: bounce 4s linear infinite;
}








.circle-1 {
    border-radius: 50%;
    left: -34px;
    top: -60px;
    display: none;
    background-color: #fff;
    position: absolute;
    width: 84px;
    height: 84px;
    
}

.circle-2 {
    border-radius: 50%;
    background-color: #ef9749;
    opacity: .4;
    position: absolute;
    left: -100px;
    top: 70px;
    width: 24px;
    height: 24px
}

.circle-3 {
    z-index: 1;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 40%;
    bottom: -100px;
    width: 46px;
    height: 46px;
    opacity: 0.6;
}

.circle-4 {
    z-index: 1;
    border-radius: 50%;
    background-color: #d4d3ac;
    position: absolute;
    right: -125px;
    opacity: .6;
    bottom: 100px;
    width: 84px;
    height: 84px
}

.mob-img {
    display: none
}

.tab-mob-only,.zd-mess-exp-sec::before {
    display: none
}

.mob-tab-hide,.webonly {
    display: block
}

.mob-show {
    display: none
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.arw_lnk span:before {
    border-color: #fff
}

@media only screen and (max-width: 1380px) {
    .max-wdth-cmn,.zd-whnew-ai-inr,.zd-whnew-zia-agent-wdth,.max-wdth-cmn-3,.zd-whnew-expand-main {
        max-width:1030px;
    }

    .zd-whnewright-image-sec {
        max-width: 620px
    }

    .zd-whnew-ai-section {
        padding: 150px 60px 0;
        text-align: center
    }


    .zd-whnew-ai-inr .early-access {
        position: relative;
        top: unset;
        margin: 0 auto 15px;
    }



    .zd-whnew-zia-agent-sec {
        padding: 150px 60px 0
    }

    .pb-bottom {
        padding-bottom: 80px
    }

    .zd-whnewleft-image-sec {
        text-align: left
    }

    .max-wdth-cmn-2 {
        max-width: 900px
    }

    .zd-wh-agent-left-sec {
        background-size: 470px auto;
        width: 470px;
        height: 409px
    }

    .agent-image {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .zia-double-sec {
        padding: 150px 60px 0
    }

    .zia-double-sec-inr {
        max-width: 1080px
    }

    .zia-sec-bg {
        background-size: 500px auto;
        width: 500px;
        height: 425px
    }

    .zia-radar-img,.zia-reply-img {
        position: absolute;
        bottom: 0;
        max-width: 450px
    }

    .zia-reply-img {
        bottom: unset;
        top: 50%;
        transform: translateY(-50%)
    }

    .zd-mess-exp-sec,.zia-msg-exp-main {
        max-width: 1080px
    }

    .zd-whnew-expand-main {
        justify-content: flex-start
    }

    .zd-whnew-expand-left {
        margin-right: 190px
    }

    .zd-whnew-expand-left{
        max-width: 380px;
    }


}

@media only screen and (max-width: 1250px) {
    .zd-ai-spring-label {
        font-size:22px;
        margin-bottom: 15px
    }

    .zd-whnewbnr {
        padding: 0 60px
    }

    .max-wdth-cmn,.zd-whnew-ai-inr,.zd-whnew-zia-agent-wdth,.max-wdth-cmn-3 {
        max-width: 920px
    }

    .zd-whnewright-image-sec {
        max-width: 520px
    }

    .zd-wh-sub-hdr {
        font-size: 40px
    }

    .leaf-img,.mushroom-img,.zd-wh-agent-slider-leaf,.branch-img,.zia-sec-cnt br,.leaf2-img,.pumpkin-img,.sld-btn,.zd-mess-exp-sec::before,.webonly,.zd-improve-sec .leaf2-img,.tree-bg,.footer-bg {
        display: none
    }

    .zd-msg-exp-subhdr {
        border-bottom: 0 solid
    }

    .zd-wh-agent-left-sec {
        background-size: 400px auto;
        width: 400px;
        height: 347px;
        background-repeat: no-repeat
    }

    .zd-whnew-ai-section {
        padding: 90px 60px 0;
        text-align: center
    }

    .zd-whnew-zia-agent-sec {
        padding: 90px 60px 0
    }

    .pb-bottom {
        padding-bottom: 80px
    }

    .zia-self-service-slider-sec .slick-prev,.zia-self-service-slider .slick-prev,.mobile-exp-bg .slick-prev {
        left: -25px
    }

    .zia-self-service-slider-sec .slick-next,.zia-self-service-slider-sec .slick-prev,.zia-self-service-slider .slick-prev,.zia-self-service-slider .slick-next,.mobile-exp-bg .slick-prev,.mobile-exp-bg .slick-next {
        right: -25px
    }

    .image-bg video,.image-bg,.zd-whnew-zia-agent-sec .zia-self-service-slider {
        border-radius: 24px
    }

    .zia-sec-cnt .zd-whnew-hdr {
        font-size: 40px
    }

    .zia-double-sec-inr {
        max-width: 1080px;
        display: block
    }

    .zia-double-left {
        margin: 0 auto;
        padding: 0 0 80px
    }

    .zia-sec-cnt {
        max-width: 100%;
        height: auto;
        padding: 0 0 35px
    }

    .zia-sec-bg {
        margin: 0 auto;
        background-size: 580px auto;
        width: 580px;
        height: 504px
    }

    .zia-radar-img,.zia-reply-img {
        max-width: unset
    }

    .zia-reply-img {
        bottom: unset;
        top: unset;
        transform: unset
    }

    .zia-first-img .zia-sec-cnt {
        padding: 0 0 70px
    }

    .zia-double-sec {
        padding: 90px 60px 0
    }

    .zia-self-service {
        padding: 90px 60px
    }

    .zia-msg-exp-cnt {
        padding: 0 0 35px;
        height: unset
    }

    .zd-messaging-exp-sec {
        padding: 0 60px
    }

    .zd-mess-exp-sec {
        justify-content: center;
        text-align: center;
        padding: 90px 0 0
    }

     .mobile-exp-bg .zd-whnew-link{
    display: block;
    margin: 0 auto 25px;
    text-align: center;

    }

    .overflow-sec {
        overflow-x: unset
    }

    .zia-msg-exp-box,.zia-msg-exp-cnt,.zd-messaging-exp-sec-inr {
        width: 675px;
        margin: 0 auto
    }

    .zia-msg-exp-bg,.zia-msg-exp-box .zd-whnew-para {
        display: none
    }

    .zia-msg-exp-box:first-child .zia-msg-exp-bg,.zia-msg-exp-box:first-child .zd-whnew-para,.mob-show {
        display: block
    }

    .zia-msg-exp-cnt {
        padding: 25px 0 25px
    }

    .zia-msg-exp-box {
        border-bottom: 1px solid #a7a4a1
    }

    .zia-msg-exp-cnt .zd-whnew-para {
        padding-right: 40px;
        padding-top: 10px
    }

    .zd-mess-exp-sec,.zia-msg-exp-main {
        max-width: unset
    }

    .zia-msg-exp-box,.zia-msg-exp-cnt,.zd-messaging-exp-sec-inr {
        width: 675px
    }

    .zia-msg-exp-bg {
        margin: 0 0 40px;
        background-size: 100% 100%;
        height: auto;
        width: 100%;
        max-width: 100%
    }

    .zia-msg-exp-box .pos-absolute {
        position: unset;
        transform: unset;
        text-align: center;
        margin: 0 auto;
        vertical-align: bottom;
        display: block
    }

    .mobile-exp-cnt .zd-whnew-para,.mobile-exp-cnt .sldr-hdr {
        max-width: unset;
        text-align: center
    }

    .mobile-exp-cnt .zd-whnew-para {
        max-width: 760px;
        margin: 0 auto
    }

    .mobile-exp-bg {
        background: unset;
        max-width: 900px;
        padding: 20px 0 0;
        height: unset
    }

    .s_webp .mobile-exp-bg,.n_webp .mobile-exp-bg {
        background-image: unset;
    }

    .mobile-exp-sec {
        padding: 90px 60px 0;
    }

    .mobile-exp-cnt .sldr-hdr {
        padding: 0 0 10px
    }

    .mobile-exp-cnt .zd-whnew-para {
        padding: 0 0 25px;
    }

    .mob-show,.ondemand-img {
        position: unset;
        margin: 0 auto;
        transform: unset
    }

    .mobile-exp-sec .slick-dots {
        margin: 60px 0 0
    }

    .mobile-exp-cnt {
        height: unset
    }

    .zd-whnew-advantage-sec {
        padding: 90px 60px 0
    }

    .zd-improve-sec {
        padding: 90px 60px
    }

    .zd-whnew-expand-main,.mob-img {
        display: block;
        margin: 0 auto
    }

    .mob-img {
        margin: 35px auto 0
    }

    .zd-whnew-expand-right {
        display: none
    }

    .zd-whnew-expand-left {
        margin-right: 0;
        width: 100%;
        max-width: unset;
        text-align: center
    }

    .zd-whnew-expand-sec {
        padding: 90px 60px 0
    }

    .zd-whnew-footer {
        padding: 90px 60px 90px
    }

    .zd-whnewright-slider-box,.zd-wh-agent-right-box {
        position: relative
    }

    .sldr-hdr {
        position: relative
    }

    .zd-wh-agent-right-box.active .sldr-hdr::before,.zd-whnewright-slider-box.active .sldr-hdr::before,.zia-msg-exp-box.active .sldr-hdr::before {
        background-position: -1036px -169px;
        width: 19px;
        height: 11px
    }

    .bg_lazy_loaded .zd-wh-agent-right-box .sldr-hdr::before,.bg_lazy_loaded .zd-whnewright-slider-box .sldr-hdr::before,.bg_lazy_loaded .zia-msg-exp-box .sldr-hdr::before {
        background-image: url(/sites/zweb/images/desk/zd-wn-a-25-sprite-2x-1.png)
    }

    .zd-wh-agent-right-box .sldr-hdr::before,.zd-whnewright-slider-box .sldr-hdr::before,.zia-msg-exp-box .sldr-hdr::before {
        position: absolute;
        right: 0;
        content: '';
        background-size: 1125px auto;
        display: inline-block;
        background-position: -1069px -169px;
        width: 19px;
        height: 11px;
        background-repeat: no-repeat;
        top: 50%;
        transform: translateY(-50%)
    }

    .zd-whnewleft-image-sec .sldr-hdr::before {
        display: none
    }

    .zia-msg-exp-main {
        margin: 0 auto
    }

    .zd-advantage-box-sec,.zd-advantage-box,.zd-advantage-box-cvr {
        max-width: 400px;
        width: 100%;
        margin: 0 auto !important;
        box-shadow: unset
    }

    .zd-advantage-box {
        padding: 30px 45px
    }

    .zd-advantage-box-sec .slick-dots {
        margin-top: 45px
    }

    .zd-advantage-box-sec .slick-next,.zd-advantage-box-sec .slick-prev,.zd-advantage-box-sec .slick-prev,.zd-advantage-box-sec .slick-next {
        right: -80px;
        background-size: 1125px auto;
        background-repeat: no-repeat;
        background-position: -85px -19px;
        width: 46px;
        height: 46px
    }

    .zd-advantage-box-sec .slick-prev,.zd-advantage-box-sec .slick-prev {
        right: unset;
        left: -80px;
        transform: translate(0,-50%) rotate(180deg)
    }

    .zd-advantage-box-sec .slick-prev,.zd-advantage-box-sec .slick-next {
        right: 46px;
        bottom: -26px;
        top: unset
    }

    .zd-advantage-box-sec .slick-prev,.zd-advantage-box-sec .slick-prev {
        left: 46px;
        bottom: -26px;
        top: unset
    }

    .zia-self-service-slider-sec,.zd-whnew-zia-agent-sec .zia-self-service-slider {
        box-shadow: unset
    }

    .zd-whnew-zia-agent-wdth .image-bg,.zia-self-service-slider-sec .image-bg {
        height: auto
    }

    .mobile-exp-bg .slick-prev {
        bottom: -24px;
        top: unset;
        left: 0;
        right: 200px;
        margin: 0 auto
    }

    .mobile-view-bg {
        background-size: 100% 100%;
        padding: 20px
    }

    .n_webp .mobile-view-bg {
        background-image: url(/sites/zweb/images/desk/zd-wn-a-25-apple-intelligence-bg-2x.png)
    }

    .s_webp .mobile-view-bg {
        background-image: url(/sites/zweb/images/desk/zd-wn-a-25-apple-intelligence-bg-2x.webp)
    }

    .mobile-exp-bg .slick-next {
        bottom: -24px;
        top: unset;
        right: 0;
        left: 200px;
        margin: 0 auto
    }

    .zd-improve-sldr-btn-sec {
        display: flex;
        font-size: 12px
    }

    .zd-improve-sldr-btn {
        width: 125px
    }

    .acblty-lst {
        font-size: 12px;
        padding: 8px 20px;
        margin: 8px
    }

    .acblty-lst:first-child {
        margin-left: 0
    }

    .acblty-lst:last-child {
        margin-right: 0
    }

    .acblty-lstsec {
        padding: 30px 0 25px;
        max-width: 545px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 1080px) {
    .zd-whnewleft-image-sec::before,.zd-whnewright-image-sec,.zd-wh-agent-slider .mob-hide,.agent-image,#agent-slider-1,.zd-wh-agent-right-sec::before {
        display:none
    }

    .max-wdth-cmn,.zd-whnew-ai-inr,.max-wdth-cmn-2,.zd-wh-agent-right-sec,.zd-whnew-zia-agent-wdth,.max-wdth-cmn-3 {
        max-width: 800px
    }

    .zia-self-service-slider-2 {
        max-width: 800px;
        margin: 0 auto !important
    }

    .zd-wh-sub-hdr br {
        display: none
    }

    .zd-wh-agent-right-sec {
        border-left: 0 solid;
        padding-left: 0
    }

    .agent-image {
        margin: 20px auto 0;
        position: unset;
        transform: unset;
        background-size: 100% 100%
    }

    .n_webp .agent-image {
        background-image: url(/sites/zweb/images/desk/zd-wn-a-25-leverage-bg-2x.png)
    }

    .s_webp .agent-image {
        background-image: url(/sites/zweb/images/desk/zd-wn-a-25-leverage-bg-2x.webp)
    }

    .agent-image img {
        display: block;
        margin: 0 auto
    }

    .lft-rgt-slider,.zd-wh-agent-slider {
        display: block
    }

    .zd-whnewleft-image-sec,.zd-wh-agent-slider {
        margin: 0 auto;
        max-width: 675px
    }

    .image-bg {
        border: 0 solid transparent
    }

    .zd-whnewright-slider-box.active .tab-mob-only,.zd-wh-agent-right-box.active .agent-image {
        display: block
    }

    .zd-whnewleft-image-sec .sldr-hdr::before {
        display: block
    }

    .zd-whnewright-slider-box .sldr-hdr {
        opacity: 1
    }

    .zd-whnewright-slider-box {
        border-bottom: 1px solid rgb(11,6,6,0.2)
    }

    .zd-whnewright-slider-box .image-bg {
        margin: 20px auto 20px
    }

    .lft-rgt-slider {
        padding: 20px 0 0
    }

    .zd-wh-agent-slider {
        margin: 35px auto 0
    }

    .zd-wh-agent-right-box,.zd-wh-agent-right-box:last-child {
        padding: 25px 0 25px;
        border-bottom: 1px solid rgb(11,6,6,0.2)
    }

    .zia-double-sec-inr {
        display: block;
        margin: 0 auto;
        max-width: 600px
    }

    .zd-whnew-hdr br {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .web-only {
        display:none
    }

    .zd-whnew-bnr-sec {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: auto
    }

    .n_webp .zd-whnew-bnr-sec {
        background-image: url(/sites/zweb/images/desk/zd-t-wn-a-25-banner-bg-2x.jpg)
    }

    .s_webp .zd-whnew-bnr-sec {
        background-image: url(/sites/zweb/images/desk/zd-t-wn-a-25-banner-bg-2x.webp)
    }
}

@media only screen and (max-width: 850px) {
    .zia-msg-exp-cnt .zd-whnew-para {
        max-width:600px
    }

    .zia-msg-exp-box,.zia-msg-exp-cnt,.zd-messaging-exp-sec-inr {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .anim-ele, .anim-eles{
          opacity: 1;
    transform: translateY(0px);

  }
    .zd-whnew-hdr {
        letter-spacing: unset;
    }
    .zd-ai-spring-label {
        font-size:14px;
        padding: 12px 20px 10px;
        margin-bottom: 0
    }

    .zd-whnew-logo{
        margin:  0 0 10px;
    }
    .zd-whnewbnr {
        margin: 80px auto 190px;
    }

    .zd-whnew-bnr-sec {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: auto;
    }

    .n_webp .zd-whnew-bnr-sec {
        background-image: url(/sites/zweb/images/desk/zd-t-wn-a-25-mobile-bg-2x.jpg)
    }

    .s_webp .zd-whnew-bnr-sec {
        background-image: url(/sites/zweb/images/desk/zd-t-wn-a-25-mobile-bg-2x.webp)
    }

    .zd-whnewbnr {
        padding: 0 30px
    }

    .zd-whnew-hdr,.zia-sec-cnt .zd-whnew-hdr {
        font-size: 32px
    }

    .zd-wh-sub-hdr {
        font-size: 28px;
        padding: 0 0 10px
    }

    .zd-whnew-para , .zd-whnew-para.max-wdth-bnr {
        font-size: 16px
    }

    .zd-whnew-logo {
        background-position: -949px -18px;
        width: 170px;
        height: 106px
    }

    .sldr-hdr,.zd-whnewright-slider-box.active .sldr-hdr {
        font-size: 20px
    }

    .zd-whnewright-slider-box,.zd-wh-agent-right-box,.zd-wh-agent-right-box:last-child,.zia-msg-exp-cnt {
        padding: 18px 0 18px
    }

    video,.image-bg video,.zd-whnew-zia-agent-sec .zia-self-service-slider,.image-bg,.zia-self-service-slider-sec {
        border-radius: 8px
    }

    .image-bg {
        border: 8px solid transparent
    }

    .zd-whnew-ai-section {
        padding: 60px 25px 0
    }

    .zd-whnewleft-image-sec {
        max-width: unset
    }

    .zd-whnew-zia-agent-sec {
        padding: 60px 25px 0
    }

    .zd-whnew-zia-agent-sec {
        padding: 60px 25px 0
    }

    .pb-bottom {
        padding-bottom: 80px
    }

    .zia-self-service-slider-sec .slick-next,.zia-self-service-slider-sec .slick-prev,.zia-self-service-slider .slick-prev,.zia-self-service-slider .slick-next {
        right: -7px
    }

    .zia-self-service-slider-sec .slick-prev,.zia-self-service-slider .slick-prev {
        left: -7px
    }

    .zia-first-img .zia-sec-cnt {
        padding: 0 0 30px
    }

    .zia-self-service-slider-sec .slick-next,.zia-self-service-slider-sec .slick-prev,.zia-self-service-slider .slick-prev,.zia-self-service-slider .slick-next,.mobile-exp-bg .slick-prev,.mobile-exp-bg .slick-next {
        background-position: -1068px -224px;
        width: 24px;
        height: 23px
    }

    .zd-advantage-box-sec .slick-next,.zd-advantage-box-sec .slick-prev,.zd-advantage-box-sec .slick-prev,.zd-advantage-box-sec .slick-next {
        background-position: -1068px -224px;
        width: 24px;
        height: 23px
    }

    .slick-dots li {
        width: 14px;
        height: 14px
    }

    .slick-dots li.slick-active {
        width: 17px;
        height: 17px
    }

    .zia-sec-bg {
        background-size: 100% 100%;
        width: 100%;
        height: auto
    }

    .zia-radar-img,.zia-reply-img {
        position: unset;
        max-width: 100%;
        height: 100%;
        width: 100%
    }

    .zia-double-sec-inr,.zia-double-left {
        max-width: 100%
    }

    .zia-double-sec {
        padding: 60px 30px 0
    }

    .zd-mess-exp-sec {
        padding: 60px 0 0
    }

    .zia-double-left:last-child {
        padding: 0
    }

    .zia-self-service {
        padding: 60px 30px 90px
    }

    .zd-messaging-exp-sec {
        padding: 0 25px
    }

    .zia-msg-exp-cnt .sldr-hdr {
        padding-right: 40px
    }

    .mobile-exp-sec {
        padding: 60px 30px 0
    }

    .zd-advantage-box-sec {
        display: block;
        max-width: 400px;
        flex-direction: column
    }

    .zia-self-service-slider-sec .slick-dots,.zd-whnew-zia-agent-wdth .slick-dots {
        bottom: -50px
    }

    .zd-advantage-box-sec .slick-next,.mobile-exp-bg .slick-next {
        right: -200px;
        left: 0;
        margin: 0 auto;
        bottom: -8px
    }

    .zd-advantage-box-sec .slick-prev,.mobile-exp-bg .slick-prev {
        left: -200px;
        bottom: -8px;
        right: 0;
        margin: 0 auto
    }

    .zd-advantage-box {
        padding: 20px 30px;
        width: 335px;
        border-radius: 8px
    }

    .zd-advantage-para {
        font-size: 20px
    }

    .zd-whnew-advantage-sec {
        padding: 60px 25px 0
    }

    .zd-whnew-expand-sec {
        padding: 60px 30px 0
    }

    .zd-whnew-footer {
        padding: 60px 30px
    }

    .btns-sec {
        display: block;
        max-width: 260px;
        margin: 0 auto
    }

    .act-btn.cta-btn {
        display: none
    }

    .btns-sec a.cmpr-btn {
        margin: 0 auto;
        margin-left: 0
    }

    .zd-improve-sec {
        padding: 60px 30px 80px
    }

    .webinar-btn{
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 767px) {
    .zd-acb-arw {
        display:inline-block;
        z-index: 5;
        right: -10px;
        top: 41px;
    }

    .zd-acblty-lstsec {
        width: 100%;
        position: relative
    }

    .acblty-lstsec {
        padding: 15px 0 5px;
        width: 100%;
        max-width: 300px;
    }

    .acblty-lst {
        font-size: 13px;
        padding: 10px 30px;
        margin: 10px 6px;
        text-transform: uppercase;
        font-family: var(--zf-primary-semibold)
    }

    .zd-acblty-lstsec:after,.zd-acblty-lstsec:before {
        content: '';
        position: absolute;
        width: 45px;
        height: 45px;
        left: -20px;
        top: 20px;
        z-index: 1
    }

    .n_webp .zd-acblty-lstsec:after,.n_webp .zd-acblty-lstsec:before {
        background: url(/sites/zweb/images/desk/zd-wn-a-25-section-bg.jpg)
    }

    .s_webp .zd-acblty-lstsec:after,.s_webp .zd-acblty-lstsec:before {
        background: url(/sites/zweb/images/desk/zd-wn-a-25-section-bg.webp)
    }

    .zd-acblty-lstsec:before {
        right: -20px;
        left: unset
    }

    .zd-acb-arw.zd-prevarw {
        left: -10px
    }
}



@media only screen and (max-width: 400px) {
    .zd-advantage-para {
        font-size:16px
    }

    .zd-advantage-box,.zd-advantage-box-cvr {
        width: 100%
    }

    .zd-advantage-box {
        padding: 20px 15px
    }
}