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


.mb-35{
   margin-bottom : 35px;
}

.disb{
    display: inline-block;
}

.section-one{
    position: relative;
    padding: 40px 60px 0;
    background: #ffffff;
    box-sizing: border-box;
}

.bnr-section{
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 140px;
    text-align: center;
}

.n_webp .bg_lazy_loaded .zd-asap-sprite, .n_webp .bg_lazy_loaded .btm-ftrs-lst li:after{
    background-image: url(/sites/zweb/images/desk/zd-self-service-support-sprite2x.png);
    background-size: 1111px auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.s_webp .bg_lazy_loaded .zd-asap-sprite, .s_webp .bg_lazy_loaded .btm-ftrs-lst li:after{
    background-image: url(/sites/zweb/images/desk/zd-self-service-support-sprite2x.webp);
    background-size: 1111px auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.pos-relative{
    position: relative;
    z-index: 3;
}


.float-icons{
    position: absolute;
    z-index: 2;
    opacity: 0;
    animation: profileAnime 5s linear infinite , showBubbleanime 1s linear 4s forwards;
}

.float-img-1{
    background-position: -843px -30px;
    width: 91px;
    height: 105px;
    top: 0;
    left: -140px;
    /* animation: profileAnime 5s 2s linear infinite; */
}

.float-img-2{
    background-position: -988px -31px;
    width: 84px;
    height: 106px;
    top: 200px;
    left: -200px;
    animation-delay: 2s;
}

.float-img-3{
    background-position: -48px -197px;
    width: 127px;
    height: 105px;
    bottom: -75px;
    left: -125px;
    animation-delay: 3s;
}

.float-img-4{
    background-position:  -219px -197px;
    width: 85px;
    height: 103px;
    right: -100px;
    bottom: -75px;
    animation-delay: 5s;
}

.float-img-5{
    background-position: -360px -196px;
    width: 85px;
    height: 105px;
    top: 105px;
    right: -205px;
    animation-delay: 3s;
}
.spinner-item{
    border-radius: 50%;
    background-color: transparent;
    box-shadow: inset 0 0 15px rgb(255 255 255 / 28%);
    height: 550px;
    width: 550px;
    position: absolute;
    left: 50%;
    top: -65px;
    transform: translate(-50%);
    opacity: 0.3;
    z-index: 1;
    border: 1px solid #000000;

}
.spinner-item--1{
    animation-delay: 4s
}


.zoom-anim {
    animation: zoom 4s linear infinite;
}

@keyframes zoom {
    0% {
        transform: translate(-50%) scale(0.5);
        opacity: 0
    }

    50% {
        opacity: 0.2
    }

    100% {
        transform: translate(-50%) scale(1.4);
        opacity: 0
    }
}
@keyframes showBubbleanime{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}




.spinner-item--2{
    height: 300px;
    width: 300px;
    top: 60px;
}
.feature-container {
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0;
    margin: 0 auto;

  }
  .feature-container .delay1 {
    -webkit-animation: waves 4s linear infinite;
            animation: waves 4s linear infinite;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
 .feature-container .delay2 {
    -webkit-animation: waves 4s linear 2s infinite;
            animation: waves 4s linear 2s infinite;
  }
   .feature-container .delay3 {
    -webkit-animation: waves 4s linear 3s infinite;
            animation: waves 4s linear 3s infinite;
  }
  .feature-container .delay4 {
    -webkit-animation: waves 4s linear 4s infinite;
            animation: waves 4s linear 4s infinite;
  }
  
  
  .circle {
    display: block;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background: transparent;
    /* margin: 10px; */
    transition: 5s ease;
    position: absolute;
    top: 0px;
    opacity: 0;
    border: 1px solid #000000;
  }
  @-webkit-keyframes waves {
    0% {
      transform: scale(1);
      opacity: 0.2;
    }
    100% {
      transform: scale(3);
      opacity: 0;
    }
  }
  @keyframes profileAnime {
    0% {
        transform: translateY(0)
    }

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

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}



.bnr-header{
    font: 56px/1.1 var(--zf-primary-extrabold);
    color: #212121;
    padding: 0 0 15px;
    box-sizing: border-box;
}
.hgh-main{
    color: #000000;
}
.hgh-txt{
    color: #0b5b42;
}

.bnr-description{
    font: 22px/1.6 var(--zf-primary-regular);
    color: #212121;
    padding: 0 0 30px;
    width: 100%;
    box-sizing: border-box;
}



.act-btn.cta-btn {
    font: 16px/1.2 var(--zf-primary-semibold);
    margin: 0px auto;
    border-radius: 16px;
    padding : 13px 35px;
}

.btn-ele{
    min-width: 350px;
    margin-right: 0px;
}

.watch-btn{
    opacity: 1;
    visibility: visible;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    padding: 10px 20px 10px 45px;
    border-radius: 16px;
    font: 18px/1.2 var(--zf-primary-semibold);
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-width: 221px;
    text-align: center;
}

.watch-btn::before{
    content: '';
    position: absolute;
    left: 38px;
    top: 61%;
    right: 0;
    transform: translateY(-50%);
    border-style: solid;
    border-color: transparent transparent transparent #000;
    border-left: 10px solid #111;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    width: 0;
    text-align: center;
    display: inline-block;
    height: 0;
    margin-top: -5px;
    margin-left: -2px;
    border-radius: 1px;
}


.txt-cnv-img{
    position: absolute;
    top: 96px;
    right: 59px;
}

.top-section-par{
    padding: 0px;
}

.top-section{
    margin: 0 auto;
    padding: 60px 75px 130px;
    box-sizing: border-box;
    max-width: 1170px;
    background-color: #07664e;
    border-radius: 52px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
     text-align: center;
}

.top-section-cnt{
    font: 40px/1.7 var(--zf-primary-bold);
    color: #fef5e8;
}

.top-section-pg-name{
    font: 48px/1.1 var(--zf-primary-bold);
    color: #d9ae52;
    letter-spacing: -1.2px;
padding: 0 0 25px;
}

.top-section-name-mob{
    display: none;
}

.top-section .hide-web{
    display: none;
    font: 20px/1.6 var(--zf-primary-regular);
    color: #ffffff;
}

.bold-txt{
    font: 20px/1.6 var(--zf-primary-bold);
}



.guided-conv-box{
    width: 100%;
    max-width: 1190px;
    border-radius: 52px;
    position: relative;
    margin: 0px auto 0;
}


 .bottom-section{
        max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    background-color: #07664e;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 52px;
    border-bottom-right-radius: 52px;
    padding: 0 0 50px;
}

.bottom-left-sec{
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0px 0px 75px;
    box-sizing: border-box;
}

.bottom-sec-desc{
    color: #fff5e7;
    font: 20px/1.6 var(--zf-primary-regular);
    width: 95%;
    margin: 0 auto;
}

.bottom-right-sec{
    width: calc(100% - 275px);
    position: relative;
    margin: 0 auto;
    transition: all .5s;
}

.add-animation-cls{
    opacity: 1;
    background-position: top 0 left 0px;
}

.browser-screen-img{
    border-bottom-right-radius: 52px;
}    


.user-popup-section{
    position: relative;
    width: 100%;
    height: 100%;
}

.user-popup-img{
        display: block;
    transition: ease-in .5s;
    width: 870px;
    height: 100%;
    margin: -105px auto 0;
}

.user-popup-img-animation-class{
    opacity: 1;
    transform: translateY(0px);
}

.user-desktop-btn-img{
    background-image: url(/sites/zweb/images/desk/images/desktop-button.svg);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 26px;
    right: 40px;
    transform: scale(1);
    transition: 0.5s;

}



.btn-img-add-animation-cls{
    animation: btn-animate 0.3s;
    /* transform: scale(0.8); */
}

.click-button{
    animation: btn-animate 0.3s;
}

@keyframes btn-animate {

    0% {
        transform: scale(1);
    }

    50%{
        transform: scale(0.8);
    }

    100% {
        transform: scale(1);
    }

}

.clk-blnk{
    position: absolute;
    right: 38px;
    bottom: 22px;
    width: 52px;
    height: 52px;
    background: #d9ae52;
    border-radius: 50%;
    opacity: 1;
    animation: pulse-border 0.25s ease-out forwards;
    display: none;
}

@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100%{
        transform: scale(1.3);
        opacity: 0;
    }
}


/* mobile section style starts */


.mobile-sec-par{
    background-image: url('/sites/zweb/images/desk/images/browser-screen.svg');
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.mob-browser-screen{
    border-radius: unset;
}

.mob-user-popup-img {
    position: absolute;
    right: -70px;
    top: -50px;
    transition: 1s;
    width: 505px;
    height: 100%;
    box-shadow: 0px 0px 22px 0px hsl(0deg 0% 0% / 14%);
    border-radius: 16px;

}

.user-mob-btn-img{
    position: absolute;
    right: 65px;
    bottom: 37px;
    transition: width 1s;
}

/* mobile section style ends */

/* .section-three{
    margin-top: -528px;
} */


.section-two{
    background-color: #fef5e6;
    background-repeat: repeat;
    box-sizing: border-box;
    background-size: 150px 150px;
    position: relative;
    padding: 0px 0px 120px;
}


.custom-flow-section,.section-alter-con{
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    text-align: center;
    padding: 135px 0;
    box-sizing: border-box;
}
.section-header{
    font: 48px/1.1 var(--zf-primary-bold);
    color: #212121;
    padding: 0 0 20px;
    letter-spacing: -1.2px;
}

.section-para{
    font: 18px/1.4 var(--zf-primary-regular);
    color: #212121;
    padding: 0 0 40px;
    max-width: 720px;
    margin: 0 auto;
}

.section-para-second{
    padding: 0 0 40px;
    max-width: 720px;
    margin: 0 auto;
}



.custom-flow-tab, .custom-flow-mobile{
    display: none;
}

.pre-template-sec .sub-section{
    padding: 85px 30px 0;
    box-sizing: border-box;
}


.sub-section-inner{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 130px;
    box-sizing: border-box;
}

.sub-section-inner-second{
    max-width:  1015px;
    padding-bottom: 0;
}

.left-right-section{
    display: flex;
    max-width: 1080px;
    text-align: left;
    align-items: center;
    justify-content: center;
}

.section-left{
    max-width: 440px;
}

.section-gap{
    margin-right: 40px;
}

.hyper-link{
    font: 20px / 1 var(--zf-secondary-medium);
    color: #d8ae52;
    text-decoration: underline;
}

.box-shadow-cls{
    border-radius: 16px;
    box-shadow: 0 0 22px 0 rgb(0 0 0 / 14%);
}

.image-section-div{
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.floating-screen-image{
    position: absolute;
    right: -65px;
    top: 70%;
    width: 45%;
    transform: translateY(-50%);
    animation: intefloat 2s linear infinite reverse;
}

.truly-section{
    position: relative;
    width: 900px;
    margin: 30px 0 0;
    z-index: 1;
}

.text-to-speech-img{
    position: relative;
    margin: 0 auto;
z-index: 9;
}

@keyframes intefloat {
    0% {
      transform: translatey(-50%);
    }
    
    50% {
      transform: translatey(-52%);
    }

    100% {
        transform: translatey(-50%);
      }
  }

.floating-screen-dsktp-sec{
    display: block;
}
.floating-screen-tab-sec{
    display: none;
}

.section-three{
    background-color: #0b5a44;
    position: relative;
    padding: 0 0 120px;
    margin: -375px auto 0;
}

.gd-for-mob-users-sec{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 135px 0 0;
    box-sizing: border-box;
}

.gd-video-sec{
    padding: 0 0 113px;
    max-width: 915px;
    margin: 0 auto;
}

.gd-section-header{
    color: #fff5e7;
    padding: 0 0 20px;
}

.gd-section-description{
    color: #fff5e7;
    font: 18px/1.5 var(--zf-primary-regular);
    padding: 0 0 15px;
    max-width: 720px;
    margin: 0 auto;
}

.gd-for-mob-users-sec video{
    border-radius: 16px;
}

.gd-features-sec{
    max-width: 915px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 360px 0 0;
}

.left-feature-sec{
    width: 44%;
    text-align: left;
}

.left-feature-sec:nth-child(odd) {
    margin-right: 45px;
}

.left-feature-sec:nth-child(even) {
    margin-left: 45px;
}

.left-feature-sec img{
    padding: 0 0 20px;

}

.left-feature-sec-header{
    font: 30px/1.3 var(--zf-primary-bold);
    color: #fff5e7;
    padding: 0 0 15px;
}

.left-feature-sec-desc{
    font: 18px/1.6 var(--zf-primary-regular);
    color: #fff5e7;
    padding: 0 0 30px;
}

.section-four{
    width: 100%;
    background-color: #fef5e6;
}
.feature-img-1 {
    background-position: -30px -25px;
    width: 140px;
    height: 150px;
}

.feature-img-2 {
    background-position: -240px -20px;
    width: 146px;
    height: 150px;
}

.feature-img-3 {
    background-position: -429px -30px;
    width: 138px;
    height: 146px;
}

.feature-img-4 {
    background-position: -630px -34px;
    width: 174px;
    height: 146px;
}

.cstmr-lft-mob , .cstmr-info-mob , .customer-testimonials-label hr , .floating-screen-mobile , .floating-screen-tab{
    display: none;
}


/* slick customized css */



.slick-dotted.slick-slider{
    margin-bottom: 0px;
}


.customer-details-section .slick-dots{
    display: none!important;
}

/* slick customized css end */


.customer-slider-section img{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footer-section{
    max-width: 710px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 130px 0 140px;
    box-sizing: border-box;
}

.footer-section-header{
    color: #0b5b42;
    padding: 0 0 35px;
    font: 48px/1.1 var(--zf-primary-extrabold);

}

.footer-section-para{
    font: 32px/1 var(--zf-secondary-medium);
    color: #212121;
    padding: 0 0 65px;
    box-sizing: border-box;
    display: none;
}

.btns-sec {
    display: flex;
    justify-content: center;
}

.btns-sec a {
    min-width: 350px;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center;
    padding: 10px 25px 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btns-sec a.cmpr-btn {
    font-size: 18px;
    margin-left: 30px;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold);
    background-color: transparent;
}


/* custom flow animation section */

.custom-flow-animation-section{
    position: relative;
    height: 580px;
    display: block;
    margin: 40px 0 0;
}

.paths {
    fill: none;
    stroke: black;
    stroke-dasharray: 5;
    stroke-linejoin: round;
}

.mask-line {
    fill: none;
    stroke: white;
    stroke-width: 0.8;
    stroke-dasharray: 2500;
    stroke-dashoffset: 2500;
    animation: dash 5s linear forwards;
}

@keyframes dash {
    from {
        stroke-dashoffset: 2500;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.rounded-button-section{
    position: absolute;
    left: 225px;
    right: 0px;
    bottom: 38px;
}

.animate-rounded-btn{
    transition: ease-in 0.5s ;
    transform: scale(1);
}


.mobile-chat-section{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    opacity: 1;
    z-index: 1;
    /* transform: translateY(10px); */
}

.dot-image-section{
    position: absolute;
    left: 290px;
    bottom: 112px;
    z-index: 1;
    opacity: 0;
}

.type-mail-box-section{
    position: absolute;
    left: 55px;
    right: 0;
    margin: 0 auto;
    bottom: 112px;
    opacity: 0;
}

.mail-id-box-section{
    position: absolute;
    left: -248px;
    top: 165px;
    right: 0px;
    margin: 0 auto;
    opacity: 0;
}

.selection-box-section{
    position: absolute;
    left: 250px;
    right: 0;
    top: -44px;
    margin: 0 auto;
    opacity: 0;
}

.selection-box-one-section{
    position: absolute;
    left: 209px;
    top: 5px;
    right: 0;
    margin: 0 auto;
    opacity: 0;
}

.selection-box-two-section{
    position: absolute;
    top: 5px;
    right: 198px;
    margin: 0 auto;
    opacity: 0;
}

.select-tick-section{
    position: absolute;
    right: 306px;
    top: 10px;
    z-index: 1;
    opacity: 0;
    transform: translateY(-5px);
}

.selection-box-three-section{
    position: absolute;
    top: 5px;
    right: 58px;
    margin: 0 auto;
    opacity: 0;
}

.selected-card-section{
    position: absolute;
    right: 0px;
    top: 225px;
    margin: 0 auto;
    opacity: 0;
}


.add-anime-tick-class{
    opacity: 1;
    transition: 0.1s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94),1s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0px);
}


.add-anime-chat-cls{
    opacity: 1;
    transition: 1s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94),1s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* transform: translateY(0px); */
}

.add-anim-cls{
    opacity: 1;
    transition: .7s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94),1s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0px);
}

.anim-lst{
    opacity: 0;
}

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

}



/* custom flow animation section ends */
.zd-bc-links {
    list-style-type: none;
    max-width: 1170px;
    margin: 0 auto;
    width: 90%;
    padding: 20px 0 0
}
.zd-bc-links li {
    display: inline-block;
    margin: 0 25px 0 0;
    font: 12px/1.2 var(--zf-primary-semibold);
    color: #000;
    text-transform: uppercase;
    position: relative;
    z-index: 2
}
.zd-bc-link a {
    color: #00000073;
    position: relative;
    display: inline-block
}
.zd-bc-link a:before {
    content: ">";
    position: absolute;
    right: -15px;
    display: inline-block
}
.zd-bc-link a:after {
    content: '';
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    bottom: -4px;
    height: 1px;
    width: 0;
    background: #1e0101;
    transition: all .3s linear
}
.zd-bc-link a:hover {
    color: #000;
    opacity: 1
}
.zd-bc-link a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    transition: all .2s linear
}

.arw_lnk span:before{
    width: 8px;
    height: 8px;
}
.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;
}
.act-btn.arw_lnk span {
    background: #fff;
    margin: -4px 0 0 7px;
}
.btns-sec .act-btn.arw_lnk span {
    margin-top: 0;
}
.act-btn.arw_lnk span:before {
    border-color: #fff;
}
.btns-sec .cmpr-btn.arw_lnk span {
    background: #000;
    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;
}
.btns-sec .cmpr-btn.arw_lnk span:before {
    border-color: #000;
}
.anim-init,.anim-init1 {
    transition: .7s opacity cubic-bezier(.25,.46,.45,.94),1s transform cubic-bezier(.25,.46,.45,.94)
  }
  
  .anim-ele,.anim-eles {
    opacity: 0;
    transform: translateY(20px)
  }

.arw_lnk:hover span {
    transform: translateX(4px);
    -webkit-transform: translateX(4px);
}
.other-lang .customer-section {
    display: none;
}


.other-lang .section-three {
    padding: 0 0 135px;
}
.nav-menu {
    max-width: 540px;
    margin: 0 auto;
    padding: 0 0 30px;
}
.menu-con {
    position: relative;
    display: inline-block;
    padding: 0;
    border-bottom: 1px solid #c2c2c2
}

.menu-option {
    float: left;
    list-style-type: none;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    font: 18px/1.4 var(--zf-primary-regular);
    letter-spacing: -0.18px
}
.menu-option:before {
    width: 100%;
    height: 1px;
    content: '';
    left: 0;
    bottom: -1px;
    position: absolute;
    background: #c2c2c2
}

.menu-option:after {
    content: '';
    position: absolute;
    height: 18px;
    width: 1px;
    background: #c2c2c2;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0
}

.slider-act:before {
    content: '';
    background: #089949;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -1px;
    position: absolute
}

.slider-act {
    color: #089949;
    font: 18px/1.4 var(--zf-secondary-medium)
}

.menu-option:last-child:after {
    display: none
}
.btm-ftrs-lst {
    display: flex;
    justify-content: center;
    padding: 0 0 55px
}

.btm-ftrs-lst li {
    position: relative;
    padding-left: 35px;
    text-align: left;
    margin-right: 30px;
    font-size: 24px;
    font-family: var(--zf-primary-regular)
}

 .btm-ftrs-lst li:last-child {
    margin: 0
}

.btm-ftrs-lst li:after {
    content: '';
    position: absolute;
    left: -4px;
    top: 6px;
    background-position: -894px -80px;
    width: 35px;
    height: 26px
}
.learn-more {
    display: inline-block;
    color: rgb(8, 153, 73);
    font-family: var(--zf-secondary-medium);
}
.slider-inrcnt.slider-one {
    max-width: 800px;
    margin: 0 auto;
}
@media (min-width: 1200px) {
.other-lang .top-section-pg-name {
    font: 50px / 1.1 var(--zf-primary-bold);
}
}

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

    .break-br-mob{
        display: none;
    }


    .bnr-section {
        max-width: 1050px;
        padding: 0 0 70px;
    }

    .section-two {
        position: relative;
        padding: 0 60px 120px;
        box-sizing: border-box;
    }

    

    .bnr-description{
        max-width: 445px;
    }
    .customer-section{
        max-width: 1050px;
        padding: 85px 70px;

    }
    .bottom-left-sec {
        max-width: 420px;
    }
    .user-popup-img {
        transform: translate(200px, -50px);
    }
}

@media only screen and (max-width: 1170px){
    .bnr-section {
        padding: 0 0 40px;
    }

    .bnr-description {
        max-width: 450px;
    }
}

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

    .break-br-mob ,  .txt-cnv-img , .br-tab-mob, .break-br-header{
        display: none;
    }
    .anim-ele,.anim-eles {
        opacity:1;
        transform: translateY(0);
    }

    
    .section-one {
        position: relative;
        background: none;
    }

    .bnr-section{
        max-width: 85%;
        text-align: center;
        box-sizing: border-box;    
        padding: 0px 0px 100px;
        display: block;
    }

    .bnr-left-sec {
        width: 100%;
        padding: 0 0 0px;
        margin-right: 0px;
    }    

    .bnr-header {
        font: 52px/1.1 var(--zf-primary-extrabold);
    }
    
    .bnr-description{
        font: 20px/1.6 var(--zf-primary-regular);
        max-width: 100%;
        margin: 0 auto;    
        padding: 0;
    }    

    .bnr-right-sec{
        position: relative;
        max-width: 205px;
        margin: 35px auto 0;
    }

    .bnr-section .act-btn.cta-btn{
        margin: 30px auto 0;
    }

    .bottom-left-sec{
        display: none;
    }

    .user-desktop-btn-img{
        bottom: 29px;
    }

    .top-section{
        text-align: center;
        max-width: 768px;
        padding: 85px 60px 140px;
    }

    .top-section-cnt{
        font: 36px/1.2 var(--zf-primary-bold);
    }

    .top-section-pg-name {
        padding: 0 0 25px;
        font: 46px/1.1 var(--zf-primary-bold);
    }

    .bottom-section {
        max-width: 768px;
        margin: 0 auto;
    }    

    .bottom-right-sec{
        text-align: right;
        width: 100%;
        width: calc(100% - 100px);
        margin: 0 auto 0;
        padding-left: 0;
        opacity: 1;
    }    

    .user-popup-img {
        transform: translate(0, 0px);
        display: block;

    }

    .section-two{
        padding: 0px 60px 50px;
        box-sizing: border-box;
    }

    .sub-section{
        padding: 100px 30px 0;
    }

    .sub-section-inner-second {
        max-width: 960px;
    }

 

    .pre-template-sec .sub-section {
        padding: 100px 30px 0;
    }

    .guided-conv-box{
        margin: 0 auto;
        position: unset;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;    
    }
   

    .mob-browser-screen{
        border-bottom-right-radius: 52px;
    }

    .top-section .hide-web{
        display: block;
        padding: 0 0 35px;
    }

    .custom-flow-section , .sub-section-inner,.section-alter-con{
        padding: 100px 0px 0;
    }

    .section-alter-con{
       padding-bottom: 0
    }

    .gd-for-mob-users-sec {
        padding: 90px 0px 0;
    }

    .gd-section-description{
        padding: 0 0 15px;
    }

    .customer-section {
        max-width: 100%;
              border-radius: unset;
        padding : 85px 0px 85px 90px;
    }

    .customer-slider-section{
        max-width: unset;
    }


    .customer-testimonials-label {
        width: 30%;
        margin-right: 50px;
    }

    .customer-testimonials-label-cnt{
        font: 32px/1.3 var(--zf-primary-bold);
        margin-right: 45px;
    }

    .customer-testimonials {
        width: 57%;
    }


    .customer-testimonials-cnt{
        font: 26px/1.4 var(--zf-primary-regular);
    }

    .testimonial-circle-dsktp{
        display: none;
    }
    
    .testimonial-circle-tab{
        display: block;
    }


     .floating-screen-mobile{
        display: none;
    }

    .footer-section{
        padding: 85px 0px;
    }

    .other-lang .section-three{
        padding: 0 0 95px;
    }
}





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

    .custom-flow-tab{
        display: block;
        margin: 0 auto;
    }
    
     .custom-flow-animation-section{
        display: none;
    }

 

    .section-header{
        font: 42px/1 var(--zf-primary-bold);
    }

 .footer-section-header{
    font: 42px/1.1 var(--zf-primary-extrabold);

}


    .gd-section-header {
        max-width: 520px;
        margin: 0 auto;
    }

    .section-three {
        padding: 0px 60px 75px;
    }

    .gd-for-mob-users-sec{
        max-width: unset;
    }

    .truly-section{
        width: 100%;
        background-color: transparent;
        height: 100%;
    }

    .left-feature-sec-header {
        font: 24px/1.3 var(--zf-primary-bold);
    }

    .gd-video-sec {
        max-width: 720px;
        margin: 0 auto;
    }

    .left-feature-sec {
        width: 41%;
    }

      .floating-screen-mobile{
        display: none;
    }


    
    .footer-section-para {
        font: 32px/1 var(--zf-secondary-medium);
        padding: 0 0 40px;
    }    

}

@media only screen and (max-width: 992px) {
 .slick-dots {
        display: block !important;
        margin: 25px 0 10px
    }

    .slick-dots li {
        background: #0b5b42;
        opacity: .3;
        margin: 0 25px
    }

    .slick-dots li.slick-active {
        background: #0b5b42;
        width: 12px;
        height: 12px;
        border: 1px solid #0b5b42;
        opacity: 1
    }

    .customer-section {
        border-radius: unset;
        padding: 85px 0px 85px 55px;
        box-sizing: border-box;
    }




    .left-right-section{
        flex-direction: column;


    }

    .sub-section-inner-second.left-right-section{
        flex-direction: column-reverse;
    }

    .section-gap{
        margin-right: 0px;
    }

    .section-left{
        max-width: unset;
        text-align: center;

    }

    .section-right{
        display: block;
        margin: 0 auto;
    }

    .sub-section-inner-second .section-gap{
        margin: 0 auto 0;
    }




}

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

    .bnr-section{
        max-width: 100%;
    }

    .customer-details-section{
        display: none;
    }
    .cstmr-lft-mob , .cstmr-info-mob{
        display: block;
    }

    .cstmr-info-mob{
        display: flex;
        justify-content: center;
    }


    .cstmr-lft-mob{
        width: 100%;
        text-align: center;
        padding: 40px 0 0px;
    }

    .customer-section {
        border-radius: unset;
        padding: 95px 60px;
        box-sizing: border-box;
    }
    

    .customer-testimonials-label {
        width: 90%;
        border-right: 0px solid rgb(237, 50, 55);
        margin: 0 auto;
        text-align: center;    
    }

    .customer-testimonials-label-cnt {
        font: 32px/1.2 var(--zf-primary-bold);
        margin: 0;
    }

   .customer-testimonials-label span{
         display : inline-block;
    }

    .customer-testimonials {
        width: 100%;
    }

    .customer-testimonials-label hr{
        margin: 35px auto 0;
        display: block;
        border: 0.1px solid #0b5b42;
        width: 40%;
    }

    .customer-testimonials-cnt {
        font: 24px/1.5 var(--zf-primary-regular);
        padding: 35px 0;
        text-align: center;
    }

    .customer-logo{
        margin: 0 auto;
        display: block;    
    }

    .testimonial-red-circle{
        display: none;
    }

    .testimonial-red-circle, .testimonial-circle-dsktp, .testimonial-circle-tab{
        display: none;
    }

    .footer-section {
        padding: 95px 0px;
    }

}



@media only screen and (max-width:767px) {
.btm-ftrs-lst {
        padding: 0 0 35px;
    }
.btm-ftrs-lst li {
        padding-left: 25px;
                margin: 0 15px 10px 0;
        font-size: 16px;
    }
.btm-ftrs-lst li:after {
        transform: scale(0.5);
        top: -1px;
    }
    .watch-btn{
        margin-top: 25px;
    }
.feature-img-1 {
    height: 150px;
}
    
.feature-img-3 {
    height: 146px;
}

   .zd-bc-links  ,  .act-btn.cta-btn , .body-umain .act-btn.cta-btn , .feature-container , .floating-screen-dsktp-sec , .float-icons,br{
        display :none;
   }
    .floating-screen-tab-sec , .show-br{
        display: block;
    }


     .mb-35{

      margin-bottom : 0px;
    }

    .break-br-mob{
        display: none;
    }

    .section-one{
        padding: 25px 0 0;
    }

    .bnr-section {
        padding: 0 25px 60px;
    }

    .bnr-header {
        font: 32px/1.1 var(--zf-primary-extrabold);
        padding: 0 0 15px;
        letter-spacing: -0.8px;
    }

    .bnr-description{
        max-width: 100%;
        font: 18px/1.5 var(--zf-primary-regular);
        padding: 0px;
    }

    .bnr-right-sec{
        margin-top: 0px;
        max-width: unset;
    }

    .top-section-par{
        padding: 0px;
    }
    

    .top-section {
        padding: 60px 25px 0px;
        border-radius: unset;
        margin: 0px auto 0;
    }
    

    .top-section-cnt {
        font: 24px/1.2 var(--zf-primary-bold);
    }

    .top-section-pg-name {
        font: 34px/1.1 var(--zf-primary-bold);
        padding: 0 0 25px;
    }

    .top-section-name-mob{
        display: inline;
        padding: 0;
    }
    
    .top-section .hide-web {
        display: block;
        font: 18px/1.6 var(--zf-primary-regular);
        padding: 0 0 50px;
    }

    .bottom-section{
        max-width: unset;
        border-radius: unset; 
    }

    .bottom-right-sec{
        padding: 0px;
        margin: 0 auto;
        max-width: calc(100% - 50px);
        height: unset;
    }
    .user-popup-img{
        position: unset;
        height: unset;
        transform: translateY(0px);
        margin: 0 auto 0;
    }
    .browser-screen-img {
        border-radius: unset; 
    }


    .section-two {
        padding: 0 0 40px;
        background-image: none;
    }

    .custom-flow-tab{
        display: none;
    }

    .custom-flow-mobile{
        display: block;
        margin: 0 auto;
    }


    .sub-section {
        padding: 85px 30px 0;
    }   

    .pre-template-sec .sub-section {
        padding: 70px 30px 0;
    }

    .custom-flow-section , .sub-section-inner,.section-alter-con{
        padding: 60px 25px 0px;
    }
   


    .sub-section-inner {
        padding: 60px 25px 0;
    }

    .sub-section-inner-second {
        padding: 60px 25px 45px;
    }

    .guided-conv-box {
        max-width: 100%;
        border-radius: unset;
    }

    .section-para , .section-para-second{
        max-width: 100%;
    }


    .user-desktop-btn-img{
        left: 300px;
        bottom: 22px;
    }


    .mobile-sec-par ,  .mob-browser-screen{
        border-radius: unset;
    }

    .mob-user-popup-img {
        position: absolute;
        right: -70px;
        top: -50px;
        transition: 1s;
        width: 505px;
        height: 100%;
    }

     .custom-flow-animation-section{
        display: none;
    }

    .section-header {
        font: 28px/1.3 var(--zf-primary-bold);
        padding: 0 0 20px;
        letter-spacing: 0;
    }

    .cstmr-info-mob , .cstmr-name{
        padding: 0;
        display: block;
    }

    .pt{
        padding: 20px 0 0;
    }

   .customer-testimonials-label span {
    display: initial;
   }
    .section-three {   
        margin: 0;
        padding: 0px 30px 30px;
    }

    .gd-for-mob-users-sec{
        padding: 0 30px;
    }

    .gd-section-header{
        max-width: 310px;
        padding: 0 0 20px;
    }

    .gd-section-description{
        font: 18px/1.5 var(--zf-primary-regular);
        padding: 0 0 15px;
    }

    .gd-video-sec {
        padding: 0 0 70px;
    }

    .gd-features-sec{
        width: 100%;
        display: block;
        padding: 50px 0 0;
    }

   
    .left-feature-sec {
        width: 100%;
        text-align: center;
        padding: 0 0 25px;
        
    }
    


    .left-feature-sec:nth-child(even) {
        margin: 0px;
    }
    .left-feature-sec:nth-child(odd) {
        margin-right: 0px;
    }
    .gd-features-sec .left-feature-sec:last-child{
        padding: 0 0 18px;
    }

    .customer-section{
        padding: 60px 30px;
        text-align: center;
    
    }

    .customer-slider-section{
        display: block;
    }


  .floating-screen-tab{
        display: none;
    }

    .floating-screen-mobile{
        display: block;
    }

    .customer-testimonials-label {
        width: 100%;
        border-right: 0px solid rgb(237, 50, 55);
    }

    .customer-testimonials-label-cnt {
        font: 26px/1.2 var(--zf-primary-bold);
        margin: 0;
    }

    .customer-testimonials {
        width: 100%;
    }

    .customer-testimonials-label hr{
        margin: 35px auto 0;
        display: block;
        border: 0.1px solid #0b5b42;
        width: 40%;
    }

    .customer-testimonials-cnt {
        font: 22px/1.5 var(--zf-primary-regular);
        padding: 35px 0;
    }

    .testimonial-red-circle{
        display: none;
    }

    .footer-section{
        max-width: 100%;
        padding: 60px 30px;
    }

    .footer-section-header {
        font: 28px/1.2 var(--zf-primary-extrabold);
        padding: 0 0 20px;
    }

    .footer-section-para {
        font: 24px/1.3 var(--zf-secondary-medium);
    }

    .gd-for-mob-users-sec video , .box-shadow-cls{
        border-radius: 8px;
    }

    .anim-lst{
        opacity: 1;
    }

    .btns-sec{
        display: block;
        margin: 0 auto;
        max-width: 320px;
    }
    
    .btns-sec a.cmpr-btn{
        margin-left: 0px;
        min-width: 304px;
        text-align: center;
    }

    .other-lang .section-three{
        padding: 0 0 60px;
    }

}
@media only screen and (max-width: 580px){
.btm-ftrs-lst {
        margin: 0 auto;
        max-width: 220px;
        display: block;
    }
    .menu-option, .slider-act:before, .menu-option:before, .menu-option:after {
        display: none;
    }
    .slider-act {
        display: block;
        font: 16px / 1.4 var(--zf-primary-bold);
    padding: 0;
    }
.menu-con {
    border: none;
}
}
@media only screen and (max-width: 390px){
    

    .user-desktop-btn-img {
        left: 288px;
        bottom: 32px;
    }
}

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

    .user-desktop-btn-img {
        left: 255px;
        bottom: 58px;
    }
    

}