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;
}

.banner-section{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 170px;
}

.banner-left-sec{
    width: 77%;
    box-sizing: border-box;
}

.banner-right-sec{
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    right: -19px;
}

.banner-header{
    font: 60px/1.1 var(--zf-primary-extrabold);
    color: #212121;
    padding: 0 0 15px;
    box-sizing: border-box;
}

.hgh-txt{
    color: #0b5b42;
}

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



.act-btn.cta-btn {
    padding: 10px 20px;
    border-radius: 16px;
    font: 18px/1.2 var(--zf-primary-semibold);
    box-sizing: border-box;
    display: inline-block;
    margin-right: 30px;
}

.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: 130px 75px 125px;
    box-sizing: border-box;
    max-width: 1170px;
    background-color: #0b5b42;
    border-radius: 52px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

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

.top-section-pg-name{
    font: 50px/1 var(--zf-primary-bold);
    color: #d9ae52;
    letter-spacing: -1.2px;
}

.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: rgb(7, 60, 44);
    position: relative;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 52px;
    border-bottom-right-radius: 52px;

}

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

.bottom-sec-desc{
    color: #fff5e7;
    font: 20px/1.6 var(--zf-primary-regular);
}

.bottom-right-sec{
    
    width: calc(100% - 475px);
    position: relative;
    background-image: url(/sites/zweb/images/desk/images/browser-screen.svg);
    background-repeat: no-repeat;
    background-size: 720px auto;
    background-position: top 0 left 365px;
    border-bottom-right-radius: 50px;
    height: 624px;
    margin: -71px auto 0;
    opacity: 0;
    transition: all 0.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{
    position: absolute;
    right: 40px;
    top: -80px;
    transition: ease-in 0.5s;
    width: auto;
    height: calc(100% - 20px);
    border-radius: 20px!important;
    transform: translateY(60px);
    opacity: 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-image: url('/sites/zweb/images/desk/images/background-halftone-200px.jpg');
    background-color: #fef5e6;
    background-repeat: repeat;
    box-sizing: border-box;
    background-size: 150px 150px;
    position: relative;
    padding: 0px 0px 90px;
}


.custom-flow-section{
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    text-align: center;
    padding: 135px 0 85px;
    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;
}

.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;
}



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

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

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


.section-three{
    background-color: #0b5a44;
    position: relative;
    padding: 0 0 460px;
}

.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 45px;
    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: 100px 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;
}

.customer-section{
    max-width: 1170px;
    width: 100%;
    position: relative;
    margin: -368px auto 0;
    background-color: #0b1625;
    border-radius: 52px;
    padding: 85px 0px;
    box-sizing: border-box;
}

.customer-slider-section{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    max-width: 995px;
}

.customer-details-section{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    max-width: 995px;
}


  
.customer-testimonials-label{
    width: 36%;
    margin-right: 55px;
    border-right: 1px solid rgb(11, 91, 67);
}

.customer-testimonials-label-cnt{
    font: 38px/1.2 var(--zf-primary-bold);
    color: #818a93;
    margin-right: 30px;
}



/* .customer-testimonials-label span{
    color: #d8ad52;
} */

.customer-testimonials {
    width: 57%;
}

.customer-testimonials-cnt{
    font: 30px/1.4 var(--zf-primary-regular);
    color: #d8ae52;
    box-sizing: border-box;
}



.cstmr-details-sec{
    display: flex!important;
    align-items: center;
    justify-content: flex-start;
    padding: 80px 0 0;
}

.customer-logo{
    background-image: url('/sites/zweb/images/desk/images/hamilton-logo-01.png');
    width: 150px;
    height: 51px;
    display: none;
}

.zcp_lazy_bg .customer-sprite{
    background-image: url('/sites/zweb/images/desk/images/gc-testimonial-sprite-2x.png');
    background-size: 258px auto;
    background-repeat: no-repeat;
    display: inline-block;
}

.cstmr-logo-1{
    background-position: -11px -149px;
    width: 237px;
	height: 70px;
}

.cstmr-img-1{
    background-position: -10.5px -10px;
    width: 105px;
	height: 117px;
}

.cstmr-logo-2{
    background-position: -11px -229px;
	width: 162px;
	height: 74px;
}

.cstmr-img-2{
    background-position: -125.5px -10px;
	width: 105px;
	height: 117px;
}

.cstmr-lft{
    width: 40%;
}


.cstmr-info {
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.cstmr-name {
    font: 22px/1.4 var(--zf-primary-semibold);
    color: #fff5e7;
    display: inline-block;
    padding-left: 25px;
    position: relative;
    vertical-align: middle;
}

.cstmr-dsgn{
    font: 20px/1.4 var(--zf-primary-regular);
    display: block;
    padding-left: 0px;
}

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


.cstmr-info-mob{
    align-items: center;
    padding-left: 15px;
}


/* slick customized css */



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

.slick-dots{
    position: absolute;
    bottom: -210px;
    right: -25px;
    text-align: end;
    z-index: 9;
}

.slick-dots li{
    width: 10px;
    height: 10px;
    border-color: rgb(33, 33, 33);
    background: rgb(255, 247, 235);
    opacity: 0.302;

}
.slick-dots li.slick-active{
    width: 10px;
    height: 10px;
    border-color: rgb(33, 33, 33);
    background: rgb(255, 247, 235);
    border-radius: 50%;
    opacity: 1;
}

/* .slick-slide{
    height: auto;
} */

.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;
}


/* 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
}

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

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


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

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

    
    .banner-left-sec {
        width: 70%;
    }    

    .banner-description{
        max-width: 520px;
    }

    .section-three {
        padding: 0px 0 520px;
    }
    .customer-section{
        max-width: 1050px;
        padding: 85px 70px;

    }

}

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

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

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

    .break-br-mob ,  .txt-cnv-img ,  .break-br-header{
        display: none;
    }
    
    .section-one {
        position: relative;
        background: none;
    }

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

    .banner-left-sec {
        width: 100%;
    }    

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

    .banner-right-sec{
        position: unset;
        margin-top: 35px;
    }

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

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

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

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

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

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

    .bottom-right-sec{
        text-align: right;
        width: 100%;
        padding-left: 80px;
        margin: -67px auto 0;
        background-repeat: no-repeat;
        background-size: 697px auto;
        background-position: top 0 left 80px;
        border-bottom-right-radius: 50px;
        height: 602px;
        opacity: 1;
    }    

    .user-popup-img{
        position: absolute;
        right: 35px;
        top: -70px;
        transition: 1s;
        width: 320px;
        height: calc(99% - 30px);
        transform: translateY(0px);
        opacity: 1;
    }

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

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

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

    .section-para-second{
        padding: 0 0 20px;
    }

    .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{
        padding: 100px 0px 0;
    }


   

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

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

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


    .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;
    }


}



@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 0 420px;
    }


    .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;
    }    

    .slick-dots {
        position: absolute;
        bottom: -246px;
        right: 0px;
        left: -520px;
        margin: 0 auto;
        text-align: center; 
        z-index: 9;
    }

}

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

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

}

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

    .slick-dots {
        position: absolute;
        bottom: -55px;
        right: 0px;
        margin: 0 auto;
        text-align: center;
        z-index: 9;
        left: 0;
    }

    .slick-dots li {
        margin: 0 20px;
    }    

    .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: 60px 60px 115px;
        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;
    }
}

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

    .watch-btn{
        margin-top: 25px;
    }

    

   .zd-bc-links , .floating-screen-dsktp-sec ,  .act-btn.cta-btn , .body-umain .act-btn.cta-btn{
        display :none;
   }

     .mb-35{

      margin-bottom : 0px;
    }

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

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

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

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

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

   

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

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

    .top-section-cnt {
        font: 28px/1.2 var(--zf-primary-bold);
        padding: 0 0 25px;
    }

    .top-section-pg-name {
        font: 28px/1 var(--zf-primary-bold);
        padding: 0 0 30px;
        display: none;
    }

    .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 20px;
    }

    .bottom-section{
        background-color: #0b5b42;
        border-radius: unset; 
    }

    .bottom-right-sec{
        padding-left: 40px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top left 100px;
        border-radius: unset;
        height: 750px;    
        opacity: 1;
        margin: 0;
    }
    
    .browser-screen-img {
        border-radius: unset; 
    }


    .section-two {
        padding: 0 0 70px;
        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{
        padding: 90px 30px 0px;
    }



    .sub-section-inner {
        padding: 90px 20px 0;
    }

    .sub-section-inner-second {
        padding: 85px 5px 0;
    }

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

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


    .user-popup-img {
        left: 40px;
        width: 320px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 18px!important;
        height: calc(79% - 30px);
    }

    .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 var(--zf-primary-bold);
        padding: 0 0 20px;
    }


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

    .pt{
        padding: 20px 0 0;
    }


   .customer-testimonials-label span {
    display: initial;
   }

    .section-para-second{
        padding: 0 20px 17px;
    }

    .section-three {
        padding: 0px 30px 395px;
    }

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

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

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

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

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

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


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

    .gd-features-sec .left-feature-sec:last-child{
        padding: 0 0 18px;
    }

    .customer-section{
        padding: 60px 30px 110px;
        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: 45px 30px;
    }

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

    .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;
    }



}

@media only screen and (max-width: 390px){
    .user-popup-img {
        width: 296px;
        border-radius: 20px !important;
        height: calc(74% - 30px);        
    }

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

@media only screen and (max-width: 350px){
    .user-popup-img {
        width: 275px;
        border-radius: 20px !important;
        height: calc(69% - 30px);
    }

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

}