.changePrice{
      display: none;
    }

    .zmobile-mon-yearly-container, .crm-hub-ctasec, .umain .signup-box {
   display: none;
 }
 .testi-prev-btn.disabled {
   background-position: -664px -226px;
 }
 .testi-next-btn.disabled {
   background-position: -719px -226px;
 }
 .zpricegroup {
   font: 32px / 1 var(--zf-primary-semibold);
 }
 h1, h2, h3, h4, h5, h6, li, ol, p {
   margin: 0
 }
 html, body {
   overflow-x: hidden;
 }
 .signup-box #countryCodeDiv, .signup-box #countryconfirmCodeDiv {
   height: 38px;
   padding: 8px 0 10px 10px;
   background: #f0f7ff;
 }
 .signup-box .za-country_code-container select, .signup-box .za-ccountry_code-container select {
   height: 40px;
   min-height: 40px;
 }
 .vimvideo {
   outline: none !important;
   cursor: pointer;
 }
 .signup-box #countryCodeDiv:before, .signup-box #countryconfirmCodeDiv:before {
   top: 17px;
 }
 .mn-cnt {
   margin-top: -68px;
 }
 .signup-box input[type="email"], .signup-box input[type="number"], .signup-box input[type="password"], .signup-box input[type="search"], .signup-box input[type="tel"], .signup-box input[type="text"], .signup-box input[type="url"], .signup-box textarea, .signup-box .za-country-container .globalcountrycode-signup, .signup-box .za-state-container .za-globalstate-signup, .sgnindustry {
   height: 40px;
 }
 h1 {
   font: 100px/.9 var(--zf-primary-semibold);
   color: #0067ff;
   text-transform: uppercase;
   letter-spacing: -2px;
 }
 h2 {
   font: 48px/1.2 var(--zf-primary-medium);
   letter-spacing: -1.5px;
 }
 .login-user-box {
   display: none;
   border-radius: 40px;
   padding: 65px 60px;
   background: #ffffff6b;
  height:460px;
 }
 .umain .login-user-box {
   display: flex;
   flex-direction: column;
    align-items: center;
    justify-content: center;

 }
 .bg_lazy_loaded .hand-icon, .bg_lazy_loaded .review-logo, .bg_lazy_loaded .testi-video-logo, .bg_lazy_loaded .testi-content-logo, .bg_lazy_loaded .testi-avatar {
   background-image: url(/sites/zweb/images/crm/crm-home-sprite-2.svg);
 }
 .hand-icon {
   background-position: -51px -343px;
   width: 77px;
   height: 77px;
   display: inline-block;
 }
 .user-title {
   font: 16px / 1.6 var(--zf-primary-regular);
   text-align: center;
   margin: 25px 0 40px;
   max-width: 250px;
 }
 .login-user-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 15px 45px;
   border-radius: 30px;
   font: 18px / 1 var(--zf-primary-medium);
   text-transform: uppercase;
   text-decoration: none;
   cursor: pointer;
   width: 270px;
       box-sizing: border-box;
 }
 .bg_lazy_loaded .signup-box .socl-signup span.vi-google, .bg_lazy_loaded .signup-box .socl-signup span.vi-linkedin, .bg_lazy_loaded .testi-nav-btn, .bg_lazy_loaded .pricing-features li::before, .bg_lazy_loaded .feat-nav-btn, .bg_lazy_loaded .cust-logo-img, .bg_lazy_loaded .integ-logo, .bg_lazy_loaded .testi-video-body::after,.bg_lazy_loaded .pricing-slide-arrow {
   background-image: url(/sites/zweb/images/crm/crm-home-sprite-1.svg);
 }
 .signup-box .socl-signup span.vi-google, .signup-box .socl-signup span.vi-linkedin {
   background-size: unset !important;
 }
 .signup-box .socl-signup span.vi-google {
   background-position: -61px -230px;
   width: 53px;
   height: 30px;
 }
 .signup-box .socl-signup span.vi-linkedin {
   background-position: -121px -230px;
   width: 54px;
   height: 30px;
 }
 .dib {
   display: inline-block;
 }
 .signup-box {
   float: unset;
   max-width: 280px;
   margin: 0 auto;
   padding-top: 45px;
 }
 .signup-box input[type='password'], .signup-box input[type='text'], .signup-box .za-country-container .globalcountrycode-signup, .signup-box .za-state-container .za-globalstate-signup {
   border: 1px solid #758fd0;
   border-radius: 25px;
   padding: 10px 12px 10px 20px;
 }
 .signup-box #countryCodeDiv {
   color: #3c3c3c;
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
 }
 .signup-box input:-moz-placeholder {
   color: #3c3c3c;
   opacity: 1;
 }
 .sgn-hdr {
   padding-bottom: 20px;
   text-align: center;
   font: 20px/1.2 var(--zf-primary-medium);
   letter-spacing: unset;
 }
 .signup-box p.zcountry-info, .pricing-lbl.active {
   color: #000;
 }
 .signup-box .sign_agree, .signup-box label, .signup-box .socl-signup p {
   color: #4e4e4e;
 }
 .signup-box #signup-newsletter, .signup-box #signup-termservice {
   border: 1px solid #4e4e4e;
 }
 .signup-box .sgfrm {
   margin: 10px 0 0;
 }
 .signup-box .za-tos-container {
   margin: 2px 0 25px;
 }
 .signup-box .socl-signup {
   margin-top: 30px;
 }
 .signup-box .sgnbtn input[type='submit'] {
   font: 18px / 1.2 var(--zf-primary-semibold);
   padding: 0 30px;
 }
 .signup-box .za-country-container, .signup-box .za-state-container, .signup-box .sgnbtn input[type='submit'] {
   border-radius: 25px;
 }
 .nw-ban-hdr {
   font: 100px / 1.1 var(--zf-primary-semibold);
   text-transform: none;
 }
 .nw-banlft-cnt {
   max-width: 660px;
   width: 100%;
 }
 .nw-banrgt-cnt {
   max-width: 420px;
   width: 100%;
   position: relative;
 }
 .nw-ban-pra {
   font: 24px / 1.4 var(--zf-primary-regular);
   padding: 25px 0 0;
   color: #343434;
 }
 .nw-banrgt-cnt .signup-box {
   border-radius: 40px;
   float: unset;
   max-width: unset;
   margin: 0 auto;
   padding: 35px 50px 40px;
   background: #ffffff6b;
 }
 .nw-ban-cta {
   background: #ef3f36;
   font: 18px/1 var(--zf-primary-semibold);
   border-radius: 30px;
   padding: 17px 50px;
   display: none;
 }
 /* === Banner Scroll Animation === */
 .nw-ban-sec {
   background-image: url(/sites/zweb/images/crm/crm-banner-bg.jpg), linear-gradient(275deg, rgba(205, 214, 229, 1) 0, rgba(211, 246, 242, 1) 100%);
   background-size: 100% 100%;
   height: 100vh;
   overflow: hidden;
   position: relative;
   padding: 0 30px 75px;
   box-sizing: border-box;
   /* Full-bleed: break out of any constrained parent wrapper */
   width: 100vw;
   margin-left: calc(-50vw + 50%);
 }
 .nw-ban-cnt {
   max-width: 1225px;
   width: 100%;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 50px;
   height: auto;
   padding: 130px 0 0;
 }
 .ban-btm-img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, 27vh);
   transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   width: 1225px;
   max-width: 90vw;
   display: block;
   margin: 0;
   z-index: 1;
 }
 .ban-btm-img.img-centered {
   transform: translate(-50%, -50%);
   z-index: 2;
 }
 .nw-banlft-cnt, .nw-banrgt-cnt {
   transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s ease;
   position: relative;
   z-index: 3;
 }
 .ban-exit .nw-banlft-cnt, .ban-exit .nw-banrgt-cnt {
   transform: translateY(-180px);
   opacity: 0;
 }
 /* === Feature Slider Section === */
 .feat-slider-sec, .integ-sec, .pricing-sec {
   background: #fdf6ee;
   padding: 0 30px;
   box-sizing: border-box;
 }
 .feat-slider-cnt {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
.n_webp .bg_lazy_loaded .feat-slider-wrap {
   background-image: url(/sites/zweb/images/crm/feature-section-bg-2x.jpg);
 }
.s_webp .bg_lazy_loaded .feat-slider-wrap {
   background-image: url(/sites/zweb/images/crm/feature-section-bg-2x.webp);
 }
 .feat-slider-wrap {
   border-radius: 30px;
   overflow: hidden;
   position: relative;
   background-size: 1340px auto;
   background-size: cover;
   background-color: #254aaf;
 }
 .feat-slide {
   display: none;
   flex-direction: row;
   min-height: 480px;
 }
 @keyframes feat-slide-in {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
 }
 .feat-slide.active {
   display: flex;
 }
 .feat-slide-lft {
   padding: 70px 30px 55px 60px;
   width: 385px;
   min-width: 385px;
   display: flex;
   flex-direction: column;
   border-radius: 30px 0 0 30px;
   box-sizing: border-box;
 }
 .feat-slide-count {
   display: block;
   color: rgba(255, 255, 255, 0.65);
   font: 16px/1 var(--zf-primary-medium);
   margin-bottom: 40px;
 }
 .feat-slide-hdr {
   font: 48px/1.2 var(--zf-primary-medium);
   color: #fff;
 }
 .feat-slide-pra {
   font: 18px/1.6 var(--zf-primary-regular);
   color: rgba(255, 255, 255, 0.82);
   margin-top: 15px;
 }
 .feat-slide-link {
   margin: 20px 0 50px;
   color: #fff;
   font: 18px/1 var(--zf-primary-regular);
   text-decoration: none;
   padding-bottom: 2px;
   width: fit-content;
   position: relative
 }
 .feat-arr {
   position: absolute;
   right: -23px;
   top: 1px;
 }
 .feat-outer-nav {
   display: none;
   justify-content: center;
   align-items: center;
   gap: 20px;
   padding: 28px 0 40px;
 }
 .feat-outer-dots {
   display: flex;
   gap: 8px;
   align-items: center;
 }
 .feat-dot {
   width: 9px;
   height: 9px;
   border-radius: 50%;
   background: #999186;
   cursor: pointer;
   transition: background 0.2s;
 }
 .feat-dot.active, .testi-dot-btn.active {
   background: #000;
 }
 .feat-slide-nav {
   display: flex;
   gap: 15px;
   position: absolute;
   bottom: 55px;
   left: 60px;
   z-index: 10;
 }
 .feat-nav-btn {
   width: 40px;
   height: 39px;

   cursor: pointer;

   transition: background 0.2s;

 }
 .feat-prev-btn {
   background-position: -236px -226px;
 }
 .feat-next-btn {
   background-position: -346px -226px;
 }
 .feat-slide-rgt {
   flex: 1;
   overflow: hidden;
   /* bg shows top and left; video extends flush to right + bottom */
   padding: 70px 0 0;
   display: flex;
   align-items: stretch;
 }
 .feat-slide-video {
   right: -40px;
   position: relative;
   flex: 1;
   border-radius: 30px 0 0;
   background: #cdd5e8;
   display: block;
   min-height: 380px;
   object-fit: cover;
   width: 100%;
   border: 10px solid #fff;
   border-bottom: unset;
   box-sizing: border-box;
 }
 /* === Customer Logos Section === */
 .cust-logos-sec {
   background: #fdf6ee;
   padding: 155px 30px 160px;
   box-sizing: border-box;
 }
 .cust-logos-cnt {
   max-width: 1160px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
 }
 .cust-logos-hdr {
   font: 36px/1.2 var(--zf-primary-medium);
   color: #1a1a1a;
   margin-bottom: 40px;
 }
 .cust-logos-row {
   display: flex;
   justify-content: center;
   gap: 15px;
   flex-wrap: wrap;
   max-width: 1000px;
   margin: 0 auto;
 }
 .cust-logo-img {
   box-sizing: border-box;
   width: 156px;
   height: 65px;
   display: inline-block;
   border-radius: 35px;
   box-shadow: 5px 5px 3px 0.8px rgb(252 201 129 / 23%)
 }
 .cust-logo1 {
   background-position: -60px -31px;
 }
 .cust-logo2 {
   background-position: -230px -31px;
 }
 .cust-logo3 {
   background-position: -400px -31px;
 }
 .cust-logo4 {
   background-position: -568px -31px;
 }
 .cust-logo5 {
   background-position: -739px -31px;
 }
 .cust-logo6 {
   background-position: -60px -122px;
 }
 .cust-logo7 {
   background-position: -230px -122px;
 }
 .cust-logo8 {
   background-position: -400px -122px;
 }
 .cust-logo9 {
   background-position: -568px -122px;
 }
 /* === Integrations Section === */
 .integ-cnt {
   max-width: 820px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
 }
 .integ-hdr {
   font: 50px/1.1 var(--zf-primary-medium);
   color: #1a1a1a;
   margin-bottom: 110px;
 }
 .integ-hdr-blue {
   color: #0067ff;
   display: block;
   font-size: 70px;
 }
 .integ-visual {
   position: relative;
   max-width: 492px;
   margin: 0 auto;
   aspect-ratio: 1;
 }
 .integ-circle-img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: contain;
 }
 .integ-icon {
   position: absolute;
   display: flex;
   flex-direction: column-reverse;
   align-items: center;
   gap: 7px;
   transform: translate(-50%, -50%);
 }
 .integ-logo {
   display: inline-block;
   width: 63px;
   height: 63px;
   box-shadow: 0px 3px 6.58px 0.42px rgba(0, 0, 0, 0.15);
   border-radius: 50%;
 }
 .integ-logo1 {
   background-position: -61px -309px;
 }
 .integ-logo2 {
   background-position: -711px -309px;
 }
 .integ-logo3 {

 background-position: -246px -309px;
 }
 .integ-logo4 {
   background-position: -618px -309px;
 }
 .integ-logo5 {
     background-position: -154px -309px;
 }
 .integ-logo6 {
   background-position: -525px -309px;
 }
 .integ-logo7 {
   background-position: -339px -309px;
 }
 .integ-logo8 {
   background-position: -432px -309px;
 }
 .integ-name {
   font: 16px/1 var(--zf-primary-regular);
   color: #000;
   white-space: nowrap;
 }
 /* Icon positions — (top/left as % of .integ-visual) */
 .integ-pos1 {
   top: -3%;
   left: 55%;
 } /* Zoho Survey     – top center      */
 .integ-pos2 {
   top: 12%;
   left: 15%;
 } /* Adobe Sign      – top left        */
 .integ-pos3 {
   top: 19%;
   left: 91%;
 } /* SMS Magic       – top right       */
 .integ-pos4 {
   top: 44%;
   left: 0%;
 } /* Mailchimp       – left middle     */
 .integ-pos5 {
   top: 51%;
   left: 99%;
 } /* PandaDoc        – right middle    */
 .integ-pos6 {
   top: 78%;
   left: 8%;
   flex-direction: column;
 } /* Zapier          – bottom left     */
 .integ-pos7 {
   top: 86%;
   left: 87%;
   flex-direction: column;
 } /* Dropbox         – bottom right    */
 .integ-pos8 {
   top: 101%;
   left: 47%;
   flex-direction: column;
 } /* ActiveCampaign  – bottom center   */
 @keyframes integ-wave {
   0% {
     transform: translate(-50%, -50%) scale(0.9);
     opacity: 0.65;
   }
   100% {
     transform: translate(-50%, -50%) scale(3.2);
     opacity: 0;
   }
 }
 .integ-wake-wrap {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 164px;
   height: 164px;
   isolation: isolate;
 }
 .integ-wake-wrap::before, .integ-wake-wrap::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.55);
   animation: integ-wave 2.6s ease-out infinite;
   pointer-events: none;
   z-index: -1;
 }
 .integ-wake-wrap::after {
   animation-delay: 1.3s;
 }
 .integ-cent-drl {
   display: block;
   position: relative;
   z-index: 1;
 }
 /* === AI Platform Section === */
 .ai-platform-sec {
   background: #fdf6ee;
   padding: 155px 30px 150px;
   box-sizing: border-box;
 }
 .ai-platform-cnt {
   max-width: 1365px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
 }
 .ai-platform-hdr {
   margin-bottom: 35px;
 }
 .ai-platform-cards {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
justify-content: space-between;
 }
 .ai-platform-card {
   background: #fff;
   border-radius: 20px;
   padding: 40px 40px 45px;
      width: calc(33.33% - 10px);
   text-align: left;
   box-sizing: border-box;
 }
 .ai-card-img {
   max-width: 100%;
   display: block;
   margin-bottom: 35px;
 }
 .ai-card-ttl {
   font: 36px/1 var(--zf-primary-medium);
   color: #0067ff;
   margin-bottom: 15px;
 }
 .ai-card-pra {
   font: 20px/1.6 var(--zf-primary-regular);
 }
 /* === Reviews Section === */
 .reviews-sec {
   background: #fdf6ee;
   padding: 195px 0 100px;
   box-sizing: border-box;
 }
 .reviews-cnt {
   max-width: 1240px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
 }
 .reviews-hdr {
   margin-bottom: 75px;
 }
 .reviews-cols {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .reviews-col {
   flex: 1;
   padding: 0 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
 }
 .reviews-col + .reviews-col {
   border-left: 1px solid #d5cec5;
 }
 .reviews-rating {
   font: 48px/1 var(--zf-primary-medium);
   letter-spacing: -1px;
 }
 .reviews-stars {
   position: relative;
   display: inline-block;
   font-size: 26px;
   line-height: 1;
   letter-spacing: 3px;
   margin: 5px 0 2px;
 }
 .reviews-stars-empty {
   color: #c8c8c8;
 }
 .reviews-stars-full {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   white-space: nowrap;
   color: #1a1a1a;
   width: 0;
   transition: width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 .reviews-count {
   font: 16px/1 var(--zf-primary-regular);
   color: #333;
 }
 .review-logo {
   display: inline-block;
   margin-top: 20px;
 }
 .reviews-logo-g2 {
   background-position: -62px -270px;
   width: 29px;
   height: 30px;
 }
 .reviews-logo-capterra {
   background-position: -224px -271px;
   width: 131px;
   height: 30px;
 }
 .reviews-logo-gartner {
   background-position: -460px -274px;
   width: 105px;
   height: 24px;
 }
 /* === Testimonial Slider Section === */
 .testi-sec {
   background: #fdf6ee;
   padding: 0 30px 150px;
   overflow: hidden;
 }
 .testi-track-wrap {
   overflow: hidden;
   box-sizing: border-box;
   max-width: 1450px;
   width: 100%;
   margin: 0 auto;
   visibility: hidden;
 }
 .testi-track {
   display: flex;
   gap: 17px;
   will-change: transform;
 }
 .testi-card {
   flex: 0 0 276px;
   height: 450px;
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   flex-shrink: 0;
 }
 .testi-tag {
   position: absolute;
   top: 15px;
   left: 15px;
   background: #1a1a1a;
   color: #fff;
   font: 14px / 1 var(--zf-primary-regular);
   padding: 5px 10px;
   border-radius: 5px;
   z-index: 10;
   white-space: nowrap;
 }
 /* Video card */
 .testi-bg-pic {
   position: absolute;
   inset: 0;
   display: block;
   width: 100%;
   height: 100%;
 }
 .testi-bg-pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   border-radius: 12px;
 }
 .testi-video-body::after {
   content: '';
   position: absolute;
   top: -16px;
   right: 30px;

   background-position: -607px -232px;
   width: 30px;
   height: 30px;
   z-index: 5;
   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
 }

 .testi-video-body {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 20px 15px;
   background: #fff;
   transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   box-sizing: border-box;
   border-radius: 10px 10px 0 0;
 }
 .testi-video-body1, .testi-video-body4 {
   transform: translateY(120px);
 }
 .testi-video-body2, .testi-video-body3 {
   transform: translateY(94px);
 }
.ai-lnk{
color: #0067ff;
font: 18px / 1 var(--zf-primary-regular);
    text-decoration: none;
    margin-bottom: 50px;
    width: fit-content;
    position: relative;
    display: inline-block;
}
 @media screen and (min-width: 1280px) {
   .testi-video-card:hover .testi-video-body {
     transform: translateY(0);
   }
 }
 .testi-video-logo {
   display: inline-block;
   margin-bottom: 10px;
 }
 .testi-logo-neon {
   background-position: -48px -47px;
   width: 149px;
   height: 20px;
 }
 .testi-logo-rjg {
   background-position: -569px -241px;
   width: 84px;
   height: 26px;
 }
 .testi-logo-citydance {
   background-position: -457px -44px;
   width: 95px;
   height: 33px;
 }
 .testi-logo-relay {
   background-position: -221px -42px;
   width: 76px;
   height: 31px;
 }
 .testi-logo-way {
   background-position: -370px -124px;
   width: 87px;
   height: 34px;
 }
 .testi-logo-summit {
   background-position: -334px -45px;
   width: 94px;
   height: 33px;
 }
 .testi-logo-lub {
   background-position: -508px -122px;
   width: 94px;
   height: 39px;
 }
 .testi-video-name {
   font: 16px/1.2 var(--zf-primary-regular);
   color: #000;
   margin-bottom: 5px;
 }
 .testi-video-title {
   font: 14px/1.2 var(--zf-primary-light);
   color: #000;
   margin-bottom: 10px;
 }
 .testi-video-quote {
   font: 20px/1.3 var(--zf-primary-regular);
   color: #000;
 }
 /* Content card */
 .testi-content-card {
   background: #fff;
   padding: 60px 15px 20px;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
 }
 .testi-content-logo {
   display: inline-block;
   margin-bottom: 15px;
   flex-shrink: 0;
 }
 .testi-logo-shiji {
   background-position: -46px -124px;
   width: 66px;
   height: 35px;
 }
 .testi-logo-bernard {
   background-position: -154px -119px;
   width: 176px;
   height: 44px;
 }
 .testi-content-quote {
   font: 20px / 1.3 var(--zf-primary-regular);
   flex: 1;
   margin-bottom: 40px;
 }
 .testi-content-quote a {
   text-decoration: underline;
   text-underline-offset: 4px;
   color: #000;
   text-decoration-thickness: 1px;
font: 14px / 1 var(--zf-primary-regular);
    display: block;
    padding-top: 15px;
 }
 .testi-person {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-top: auto;
   flex-shrink: 0;
   flex-direction: column;
 }
 .testi-avatar {
   border-radius: 50%;
   flex-shrink: 0;
   display: inline-block;
   width: 61px;
   height: 61px;
 }
 .testi-avatar-alex {
   
   background-position: -212px -174px;
 }
 .testi-avatar-ryan {
   background-position: -49px -174px;
 }
 .testi-avatar-avinash {
   background-position: -383px -174px;
 }
 .testi-avatar-paul {
   background-position: -524px -173px;
 }
 .testi-person-name {
   font: 16px / 1.2 var(--zf-primary-regular);
   color: #000;
 }
 .testi-person-title {
   font: 14px / 1.2 var(--zf-primary-light);
   color: #000;
   margin-top: 3px;
 }
 /* Testi Nav */
 .testi-nav {
   display: flex;
   justify-content: center;
   gap: 15px;
   margin-top: 50px;
 }
 .testi-dots {
   display: none;
   gap: 8px;
   align-items: center;
   justify-content: center;
 }
 .testi-dot-btn {
   width: 9px;
   height: 9px;
   border-radius: 50%;
   background: #999186;
   cursor: pointer;
   flex-shrink: 0;
   transition: background 0.2s, transform 0.2s;
 }
 .testi-nav-btn {
   width: 40px;
   height: 39px;
   cursor: pointer;
   display: inline-block;
   flex-shrink: 0;
 }
 .testi-prev-btn {
   background-position: -404px -226px;
 }
 .testi-next-btn {
   background-position: -459px -226px;
 }
 /* === Pricing Section === */
 .pricing-cnt {
   max-width: 1215px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
 }
 .pricing-hdr {
   margin-bottom: 60px;
 }
 .pricing-toggle {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   margin-bottom: 30px;
 }
 /* Fixed state applied by JS at ≤1024px */
 /* Fixed clone — zero layout shift, original stays in flow */
 .pricing-toggle-clone {
   display: flex;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 50;
   background: #fdf6ee;
   padding: 14px 30px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
   box-sizing: border-box;
   justify-content: center;
   align-items: center;
   gap: 12px;
   opacity: 0;
   transform: translateY(-100%);
   pointer-events: none;
   transition: opacity 0.3s ease, transform 0.3s ease;
 }
 .pricing-toggle-clone.visible {
   opacity: 1;
   transform: translateY(0);
   pointer-events: auto;
 }
 .pricing-lbl {
   font: 16px/1 var(--zf-primary-regular);
   color: #656565;
   cursor: pointer;
 }
 .toggle-switch {
   position: relative;
   width: 35px;
   height: 21px;
   cursor: pointer;
   flex-shrink: 0;
   display: inline-block;
 }
 .toggle-switch input {
   opacity: 0;
   width: 0;
   height: 0;
   position: absolute;
 }
 .toggle-slider {
   position: absolute;
   inset: 0;
   background: #0067ff;
   border-radius: 24px;
 }
 .toggle-slider::before {
   content: '';
   position: absolute;
   width: 15px;
   height: 15px;
   left: 3px;
   top: 3px;
   background: #fff;
   border-radius: 50%;
   transition: transform 0.25s;
 }
 .toggle-slider.active:before {
   transform: translateX(14px);
 }
 .pricing-cards {
   display: flex;
   gap: 20px;
   align-items: stretch;
 }
 .pricing-card {
   flex: 1;
   background: #fff;
   border-radius: 20px;
   padding: 40px 35px;
   text-align: left;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
 }
 .pricing-plan-name {
   font: 22px/1.2 var(--zf-primary-semibold);
   margin-bottom: 5px;
 }
 .pricing-plan-sub {
   font: 18px/1.6 var(--zf-primary-regular);
   color: #5d5d5d;
   margin-bottom: 50px;
 }
 .pricing-price {
   display: flex;
   align-items: baseline;
   gap: 5px;
   margin-bottom: 35px;
 }
 .pricing-period {
   font: 18px/1 var(--zf-primary-regular);
   color: #686868;
 }
 .pricing-features {
   list-style: none;
   flex: 1;
   margin-bottom: 35px;
 }
 .pricing-features li {
   font: 16px/1.5 var(--zf-primary-regular);
   color: #2a2a2a;
   display: flex;
   align-items: flex-start;
   gap: 18px;
   margin-bottom: 15px;
 }
 .pricing-features li::before {
   content: '';
   background-position: -577px -245px;
   width: 12px;
   height: 9px;
   flex-shrink: 0;
   margin-top: 8px;
 }
 .pricing-cta {
   display: block;
   text-align: center;
   padding: 16px 20px;
   border-radius: 30px;
   font: 16px/1 var(--zf-primary-medium);
   text-decoration: none;
   text-transform: uppercase;
   border: 1.5px solid #6caaff;
   color: #0067ff;
   background: #e7f7ff;
   margin-top: auto;
   transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
 }
 .pricing-cta:hover {
   background: var(--primary-btn-color);
   border-color: var(--primary-btn-color);
   color: #fff;
 }
 /* === Switching Section === */
 .switch-sec {
   background: #fdf6ee;
   padding: 160px 30px;
   box-sizing: border-box;
 }
 .switch-cnt {
   max-width: 1360px;
   width: 100%;
   margin: 0 auto;
 }
 .bg_lazy_loaded .switch-card {
   background-image: url(/sites/zweb/images/crm/crm-footer-bg.svg), linear-gradient(275deg, rgba(209, 237, 249, 1) 0, rgba(211, 210, 232, 1) 100%);
 }
 .switch-card {
   border-radius: 32px;
   padding: 115px 80px 120px;
   text-align: center;
   background-size: cover;
 }
 .switch-hdr {
   font: 80px/1 var(--zf-primary-medium);
   color: #0067ff;
   margin-bottom: 30px;
 }
 .switch-pra {
   font: 26px/1.5 var(--zf-primary-regular);
   max-width: 920px;
   margin: 0 auto 40px;
 }
 .switch-btns {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 18px;
   flex-wrap: wrap;
 }
 .switch-btn-demo, .switch-btn-trial {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 15px 45px;
   border-radius: 30px;
   font: 18px / 1 var(--zf-primary-medium);
   text-transform: uppercase;
   text-decoration: none;
   cursor: pointer;
   width: 280px;
   box-sizing: border-box;
 }
 .switch-btn-demo {
   background: #606060;
   border: 1.5px solid #606060;
   color: #fff;
 }
 .switch-btn-demo:hover {
   background: #000;
   border: 1.5px solid #000;
 }
 .switch-btn-trial:hover {
   background: #c92023;
   border: 1.5px solid #c92023;
 }
 @media screen and (min-width: 2100px) {
   .nw-ban-sec {
     height: auto;
     overflow: visible;
     width: auto;
     margin-left: 0;
     padding: 0 30px 150px;
   }
   .nw-ban-cnt {
     padding: 100px 0 120px;
     align-items: center;
   }
   .ban-btm-img {
     position: relative;
     top: auto;
     left: auto;
     transform: none;
     transition: none;
     max-width: 1225px;
     margin: 0 auto;
     display: block;
   }
   .nw-banlft-cnt, .nw-banrgt-cnt {
     transition: none;
     transform: none;
     opacity: 1;
   }
   .ban-exit .nw-banlft-cnt, .ban-exit .nw-banrgt-cnt {
     transform: none;
     opacity: 1;
   }
 }
 @media screen and (max-width: 1279px) {
   /* Banner animation reset */
   .nw-ban-sec {
     height: auto;
     overflow: visible;
     width: auto;
     margin-left: 0;
     padding: 0 30px 150px;
   }
   .nw-ban-cnt {
     padding: 100px 0 120px;
     align-items: center;
   }
   .ban-btm-img {
     position: relative;
     top: auto;
     left: auto;
     transform: none;
     transition: none;
     max-width: 860px;
     margin: 0 auto;
     display: block;
   }
   .nw-banlft-cnt, .nw-banrgt-cnt {
     transition: none;
     transform: none;
     opacity: 1;
   }
   .ban-exit .nw-banlft-cnt, .ban-exit .nw-banrgt-cnt {
     transform: none;
     opacity: 1;
   }
   .nw-ban-pra {
     font-size: 22px;
     padding: 25px 0 35px;
   }
   .nw-ban-hdr {
     font-size: 80px;
   }
   .nw-banrgt-cnt {
     max-width: 370px;
   }
   .nw-banrgt-cnt .signup-box {
     padding: 45px 40px;
   }
   .signup-box {
     padding-top: 35px;
   }
   .signup-box .socl-signup {
     margin-top: 30px;
   }
   .sgn-hdr {
     padding-bottom: 15px;
     font-size: 18px;
   }
   h1 {
     font-size: 88px;
   }
   .signup-box .sgnbtn input[type='submit'] {
     font-size: 15px;
   }
 }
 @media screen and (max-width: 1024px) {
    .ai-lnk {
        padding-right: 23px;
}
.n_webp .bg_lazy_loaded .feat-slider-wrap {
   background-image: url(/sites/zweb/images/crm/feature-section-tab-bg-2x.jpg);
 }
.s_webp .bg_lazy_loaded .feat-slider-wrap {
   background-image: url(/sites/zweb/images/crm/feature-section-tab-bg-2x.webp);
 }
 .feat-arr {
   position: absolute;
   right: 0;
}
  .ai-platform-hdr {
    margin-bottom: 40px;
}
   .feat-slide-pra {
     max-width: 600px;
     width: 100%;
   }
   h2 {
     font-size: 40px;
     letter-spacing: unset;
   }
   .integ-hdr-blue {
     font-size: 48px;
   }
   .integ-cnt {
     max-width: 655px;
   }
   .switch-hdr {
     font-size: 60px;
   }
   .switch-pra {
     font-size: 18px;
   }
   .integ-hdr {
     margin-bottom: 95px;
     font-size: 36px;
   }
   .reviews-hdr {
     margin-bottom: 50px;
   }
   p {
     font-size: 18px;
   }
   .feat-slide-hdr {
     font-size: 40px;
   }
   .nw-ban-sec {
     padding: 0 30px 120px;
   }
   .ai-card-ttl {
     font-size: 28px;
     padding: unset;
   }
   .ban-btm-img {
     width: unset;
     max-width: unset;
   }
   .cust-logos-sec {
     padding: 115px 30px 120px;
   }
   .nw-ban-cnt {
     padding: 100px 0 50px;
   }
   .feat-slider-sec {
     padding: unset;
   }
   .feat-slider-wrap {
     border-radius: unset;
   }
   .feat-slide {
     flex-direction: column;
   }
   .feat-slide-lft {
     width: 100%;
     min-width: unset;
     border-radius: 30px 30px 0 0;
     text-align: center;
     padding: 115px 40px 40px;
     align-items: center;
   }
   .feat-slide-nav {
     display: none;
   }
   .feat-slide-count {
     display: none;
   }
   .feat-slide-link {
     display: inline-block;
     margin: 20px 0 0;
     padding-right: 23px;
   }
   .feat-slide-rgt {
     padding: 0 30px;
   }
   .feat-slide-video {
     border-radius: 25px 25px 0 0;
     position: unset;
   }
   .feat-outer-nav {
     display: flex;
     padding: 35px 0 0;
   }
   .feat-outer-prev {
     background-position: -404px -226px;
   }
   .feat-outer-next {
     background-position: -459px -226px;
   }
   .ai-card-pra {
     font-size: 18px;
   }
   .ai-platform-sec {
     padding: 115px 30px;
   }
   .reviews-sec {
     padding: 160px 30px 120px;
   }
   .testi-nav {
     margin-top: 35px;
   }
   .pricing-cards {
     flex-wrap: wrap;
     justify-content: center;
   }
   .pricing-card {
     flex: 0 0 calc(50% - 10px);
   }
   .pricing-card:last-child {
     flex: 0 0 calc(50% - 10px);
   }
   .testi-sec {
     padding: 0 0 115px;
   }
   .pricing-hdr {
     margin-bottom: 35px;
   }
   .ai-platform-cards {
     justify-content: center;
     gap: 20px;
   }
   .ai-platform-card {
     flex: 1 1 calc(50% - 10px);
     max-width: 435px;
   }
 }
 @media screen and (max-width: 991px) {
   .pricing-hdr br {
     display: none;
   }
   .nw-banlft-cnt {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: unset;
     max-width: 725px;
   }
   .nw-ban-cnt {
     justify-content: center;
     text-align: center;
   }
   .nw-ban-cta {
     display: inline-block;
   }
   .nw-banrgt-cnt {
     display: none;
   }
   .nw-ban-hdr br {
     display: none;
   }
 }
 @media screen and (max-width: 767px) {
.testi-track-wrap {
     overflow: hidden;
   }
.ai-platform-hdr br{
display:none;
}
  /* === Pricing Slider Nav === */
 .pricing-slider-nav {
   display: none;
   justify-content: center;
   align-items: center;
   gap: 20px;
   margin-top: 25px;
 }
 .pricing-slide-dots {
   display: flex;
   gap: 8px;
   align-items: center;
 }
 .pricing-slide-dot {
   width: 9px;
   height: 9px;
   border-radius: 50%;
   background: #999186;
   cursor: pointer;
   transition: background 0.2s;
 }
 .pricing-slide-dot.active { background: #000; }
 .pricing-slide-arrow {
   width: 40px;
   height: 40px;
   cursor: pointer;
   display: inline-block;
   flex-shrink: 0;
 }
 .pricing-slide-arrow.disabled {
   pointer-events: none;
   cursor: default;
 }
 .pricing-slide-prev.disabled{
  background-position: -176px -404px;
 }
  .pricing-slide-next.disabled{
  background-position: -231px -404px;
 }
 .pricing-slide-prev{
    background-position: -66px -404px;
 }
 .pricing-slide-next{
    background-position: -121px -404px;
 }
.switch-btn-demo {
    background: #000;
    border: 1.5px solid #000;
}
.pricing-hdr {
        padding: 0 30px;
    }
 .pricing-sec {
    padding: unset;
}
.pricing-price{
margin-bottom: 25px;
}
.pricing-features{
margin-bottom: 20px;
}
.pricing-plan-name br{
display:none;
}
   .feat-outer-dots {
     gap: 20px;
   }
   .testi-dots {
     gap: 20px;
     display: flex;
   }
   .switch-hdr {
     font-size: 36px;
   }
   .feat-slide-video {
     border-radius: 10px 10px 0 0;
     border: 5px solid #fff;
     min-height: unset;
            border-bottom: unset;
   }
   .ai-platform-card {
     padding: 40px 30px 35px;
     border-radius: 10px;
             max-width: 425px;
   }
.feat-slide-hdr {
        font-size: 30px;
    }
   .cust-logos-hdr {
     margin-bottom: 35px;
             font-size: 30px;
   }
   .feat-slide-lft {
     padding: 65px 40px 40px;
     width: 100%;
     border-radius: 30px 30px 0 0;
     min-width: unset;
   }
   .nw-ban-hdr {
     font-size: 48px;
     max-width: 500px;
     width: 100%;
   }
   .pricing-card {
     display: none;
     width: 100%;
     max-width: 100%;
     margin: 0;
     border-radius: 10px;
     padding: 40px 35px;
     box-sizing: border-box;
   }
   .pricing-card.p-active {
     display: flex;
   }
   .testi-sec {
     padding: 0 0 65px;
   }
   .pricing-plan-sub {
     margin-bottom: 30px;
      font-size:16px;
   }
   .switch-sec {
     padding: 70px 30px;
   }
   .reviews-sec {
     padding: 115px 30px 35px;
   }
   .ai-platform-sec {
     padding: 65px 30px;
   }
   .cust-logos-sec {
     padding: 125px 30px 70px;
     margin-top: -53px;
    position: relative;

   }
   .nw-ban-cnt {
     padding: 90px 0 35px;
   }
   .nw-ban-sec {
     padding: 0 30px 0;
   }
   .nw-ban-pra {
     font-size: 20px;
     padding: 25px 0 0;
   }
   h1 {
     font-size: 60px;
   }
   h2 {
     font-size: 30px;
   }
    .integ-hdr {
        font-size: 30px;
    }
    .integ-hdr-blue {
        font-size: 30px;
    }
   .feat-slide {
     flex-direction: column;
   }
   .ai-platform-hdr {
     margin-bottom: 35px;
   }
   .ai-platform-cards {
     flex-direction: column;
     align-items: center;
   }
   .ai-platform-card {
     width: 100%;
     flex: unset;
   }
   .reviews-hdr {
     margin-bottom: unset;
   }
   .reviews-cols {
     flex-direction: column;
     gap: 0;
   }
   .reviews-col {
     padding: 35px 20px;
   }
   .reviews-col + .reviews-col {
     border-left: none;
     border-top: 1px solid #d5cec5;
   }
   .reviews-rating {
     font-size: 46px;
   }
   .testi-prev-btn, .testi-next-btn {
     display: none;
   }
   .testi-content-quote {
     font-size: 18px;
   }
   .pricing-slider-wrap {
     padding: 0 20px;
     box-sizing: border-box;
     position: relative;
     max-width: 395px;
        width: 100%;
        margin: 0 auto;
   }
   .pricing-slide-prev {
     position: absolute;
     left: 20px;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 5;
   }
   .pricing-slide-next {
     position: absolute;
     right: 20px;
     top: 50%;
     transform: translate(50%, -50%);
     z-index: 5;
   }
   .pricing-cards {
     display: block;
     padding: 0;
     width: 100%;
     background-color: #fff;
     border-radius: 10px;
   }
   .pricing-slider-nav {
     display: flex;
   }
   .pricing-amount {
     font-size: 42px;
   }
   .switch-card {
     padding: 55px 30px;
     border-radius: 10px;
   }
   .integ-visual {
     max-width: 430px;
   }
 }
 @media screen and (max-width: 540px) {
  .cust-logos-sec{
    margin-top: -36px;

  }
  .cust-logos-sec {
        padding: 105px 30px 70px;
    }
   .integ-sec {
     padding-left: 0;
     padding-right: 0;
   }
   .integ-cnt {
     overflow: hidden;
     max-width: 100%;
     padding-bottom: 50px;
   }
   .reviews-sec {
     padding: 65px 30px 35px;
   }
.integ-cent-drl{
    transform: scale(.8);
}
   .integ-visual {
     width: 400px;
     max-width: none;
     position: relative;
     left: 50%;
     transform: translateX(-50%);
     margin: 0;
   }
   .integ-pos1 {
     left: 52%;
   }
   .integ-pos2 {
top: 12%;
        left: 15%;
   }
   .integ-pos3 {
 top: 11%;
        left: 86%;
   }
   .integ-pos4 {
left: 11%;
        top: 44%;
   }
   .integ-pos5 {
top: 46%;
        left: 91%;
   }
   .integ-pos6 {
top: 85%;
        left: 13%;
   }
   .integ-pos7 {
    top: 85%;
        left: 88%;
   }
 }
 @media screen and (max-width: 401px) {
      .cust-logos-sec {
        padding: 95px 30px 70px;
            margin-top: -26px;
    }
.nw-ban-pra
{
max-width: 300px;
    width: 100%;
}
   .integ-pos2 {
            left: 18%;
   }
   .integ-pos3 {
             left: 84%;
   }
   .integ-pos4 {
            left: 17%;
   }
   .integ-pos5 {
            left: 85%;
   }
   .integ-pos6 {
            left: 17%;
   }
   .integ-pos7 {
           left: 85%;
   }
   .cust-logos-row {
     display: none;
   }
   .cust-logos-img-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 15px;
     margin-top: 30px;
   }
   .cust-logos-img-row img {
     width: 100%;
     height: 65px;
     object-fit: contain;
     border-radius: 35px;
     background: #fff;
     box-shadow: 5px 5px 3px 0.8px rgb(252 201 129 / 23%);
     display: block;
     padding: 10px 15px;
     box-sizing: border-box;
   }
}