:root {
  --section-p: clamp(70px, 10vw, 100px);
  --section-m: clamp(40px, 6vw, 60px);
   --zwc-line: #dfdfdf;
  --zwc-light: #f8f8f8;
  --zwc-text: #1a1a1a;
}

h1 {
  font-size: clamp(26px, 4vw, 64px);
}

h2 {
  font-size: clamp(30px, 4vw, 48px);
  margin-bottom: 20px;
}

h3 {
  font-size: clamp(20px, 3vw, 32px);
}

.zwc-red-color {
  color: rgb(222, 84, 86);
}

.zwc-main-sec a {
  color: var(--zwc-link-clr);
}

.zwc-page-sign-btn a:nth-child(2) {
  border-color: rgb(0, 0, 0);
  background: transparent;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}
.zwc-banner-wrap .zwc-page-sign-btn {
  display: none;
}
.body-umain .zwc-banner-wrap .zwc-page-sign-btn {
  display: block;
}
.zwc-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.zwc-flx-col-ctn {
  max-width: 634px;
}

.zwc-flx-col-ctn h2 {
  font-size: clamp(28px, 4vw, 46px);
  letter-spacing: 1.2px;
}

.zwc-flex-column .zwc-flx-col-ctn {
  max-width: 700px;
  text-align: center;
}

.zwc-main-sec p {
  font-size: 18px;
}

.zwc-bg-box-2 .zwc-flx-col-ctn {
  max-width: 740px;
}

.zwc-flx-col-img {
  position: relative;
}

.zwc-flex-column .zwc-flx-col-img {
  max-width: 1040px;
  width: 100%;
}

.zwc-watch-video {
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  background: rgb(0, 0, 0);
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.zwc-watch-video:hover {
  transform: scale(1.1);
}

.zwc-watch-video::before {
  content: "";
  background: url("/sites/zweb/images/survey/lp/survey-builder-play.png") 0%
    0% / 100% no-repeat;
  width: 15px;
  height: 22px;
  display: inline-block;
  left: calc(50% - 5px);
  position: absolute;
  top: calc(50% - 10px);
}

.zwc-flx-col {
  flex: 1 0 0px;
}

.zw-product-header {
  position: relative;
  z-index: 2;
  background: rgb(255, 255, 255);
}

.zwc-main-sec a {
  color: var(--zwc-link-clr);
}

.zwc-main-sec h1 {
  font-size: clamp(36px, 5vw, 64px);
  font-family: var(--zf-primary-bold);
  line-height: 1.1;
  margin: 0px auto 14px;
  letter-spacing: -1.16px;
}

.zwc-main-sec h2 {
  font-family: var(--zf-primary-semibold);
  line-height: 1.1;
  margin-bottom: 15px;
  letter-spacing: -1.16px;
}

.zwc-main-sec h3 {
  font-family: var(--zf-primary-semibold);
  letter-spacing: -0.42px;
  line-height: 1.2;
}

p:last-child {
  margin-bottom: 0px;
}

.zwc-sec-title {
  text-align: center;
}

.zwc-sec-title + .zwc-flex {
  margin-top: var(--section-m);
}

.zwc-flex.zwc-page-sign-btn {
  gap: 15px;
  margin-top: 30px;
  justify-content: flex-start;
}

.zwc-page-sign-btn a {
  color: rgb(255, 255, 255);
  padding: 18px 50px 18px 40px;
  border-radius: 4px;
  font-family: var(--zf-primary-semibold), sans-serif;
  margin: 0px;
  font-size: 15px;
}

.zwc-bottom-cta-wrap {
  padding: var(--section-p) 0;
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  margin-top: var(--section-p);
}

.zwc-bottom-cta-wrap .zwc-page-sign-btn {
  justify-content: center;
}

.zwc-bottom-cta-wrap h2 span {
  color: rgb(255, 231, 0);
}

.zwc-bottom-cta-wrap p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.zwc-bottom-cta-wrap .content-wrap {
  max-width: 650px;
  margin: 0px auto;
  text-align: center;
}

.zwc-banner-wrap {
  padding: clamp(50px, 10vw, 90px) 0px;
  position: relative;
}

.body-umain .zwc-banner-wrap {
  padding: clamp(50px, 10vw, 90px) 0px 0px;
}

.body-umain .zwc-banner-wrap .content-wrap > .zwc-flex {
  gap: 50px;
}

.zwc-banner-wrap .content-wrap > .zwc-flex {
  gap: 50px;
  flex-direction: row;
  text-align: left;
}

.zwc-banner-ctn p {
  font-size: clamp(16px, 2vw, 19px);
  max-width: 530px;
}

.body-umain .zwc-banner-ctn p {
  max-width: 100%;
}

.zwc-banner-ctn {
  max-width: 700px;
}

.zwc-signup {
  display: block;
}

.body-umain .zwc-signup {
  display: none;
}

.zwc-signup .signup-box {
  background: rgb(255, 255, 255);
  padding: 32px 48px;
  max-width: 450px;
  box-shadow:
    rgba(84, 84, 84, 0.05) 0px 50px 30px 0px,
    rgba(84, 84, 84, 0.09) 0px 22px 22px 0px,
    rgba(84, 84, 84, 0.1) 0px 6px 12px 0px;
  border-radius: 16px;
  border: 1px solid rgb(247, 247, 247);
}

.zwc-sign-title {
  font: 19px / 1.4 Zoho_Puvi_SemiBold;
  text-align: left;
  color: rgb(0, 0, 0);
}

.zwc-banner-img-wrap {
  display: none;
}

.body-umain .zwc-banner-img-wrap {
  display: block;
  max-width: 550px;
}

.zwc-banner-img img {
  width: 100%;
  display: block;
}

.zwc-flx-col-img img {
  display: block;
  margin: 0px auto;
}

.zwc-bg-box .zwc-flx-col-img img {
  width: 100%;
  border-radius: 8px 8px 0px 0px;
}

.zwc-content-area .zwc-flex {
  justify-content: center;
}

.zwc-flex-column {
  flex-direction: column;
  padding-bottom: clamp(70px, 10vw, 160px);
  gap: 50px;
}

.zwc-flex-column:last-child {
  padding-bottom: 0px;
}

.zwc-module-sec .zwc-sec-title {
  max-width: 870px;
  margin: 0px auto;
}

.zwc-module-sec .zwc-flex-row .zwc-flx-col:nth-child(1) {
  max-width: 440px;
  width: 100%;
}

.zwc-module-sec .zwc-flex-row .zwc-flx-col:nth-child(2) {
  max-width: 600px;
  width: 100%;
}

.zwc-content-area .zwc-flex-row:nth-child(2n + 1) {
  padding: clamp(70px, 9vw, 150px) 0px;
}

.zwc-content-area .zwc-flex-row:nth-child(2n) {
  padding: 0px;
}

.zwc-content-area .zwc-flex-row:last-child {
  padding-bottom: 0px;
}

.zwc-content-area .zwc-flex-row:nth-child(2n + 1) .zwc-flx-col:nth-child(1) {
  order: 2;
}

.zwc-content-area .zwc-flex-row:nth-child(2n) .zwc-flx-col-ctn:nth-child(1) {
  margin: 0px 0px 0px auto;
}

.zwc-flx-grid {
  flex: 0 1 30%;
}

.zwc-module-sec {
  padding: 0px 0px clamp(70px, 8vw, 130px);
  background: rgb(252, 252, 250);
}

.zwc-module-sec .zwc-sec-title h2 {
  font-family: var(--zf-splfontserif-regular);
}

.zwc-module-sec .zwc-sec-title {
  padding-bottom: 70px;
}

.zwc-content-area .zwc-flex-row:nth-child(1) {
  padding-top: clamp(40px, 6vw, 90px);
}

.zwc-module-sec .zwc-content-area .zwc-flex {
  gap: 90px;
}

section.zwc-bg-box {
  position: relative;
  padding: var(--section-p) 0 0;
}

section.zwc-bg-box::before {
  content: "";
  position: absolute;
  inset: 0px;
  max-width: 1300px;
  margin: 0px auto;
  border-radius: 12px;
  background: rgb(245, 245, 245);
}

.zwc-bg-box .zwc-flex-column .zwc-flx-col-ctn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 980px;
  text-align: left;
}

.zwc-bg-box .zwc-flex-column .zwc-flx-col-ctn h2 {
  max-width: 230px;
  flex-shrink: 0;
}

.zwc-banner-img {
  position: relative;
  max-width: 1100px;
}

.zwc-header-element {
  width: 8%;
  display: block;
  position: absolute;
  top: 11%;
  left: 3%;
  animation: 7s ease-out 0.9s infinite normal forwards running floating2;
}

.zwc-header-element-2 {
  top: -3%;
  right: 18%;
  left: inherit;
  width: 4.5%;
  animation: 7s ease-out 0.9s infinite normal forwards running floating;
  transform: rotate(50deg);
}

.zwc-main-feature {
  background: rgb(247, 251, 255);
}

.zwc-main-feature .content-wrap {
  padding: clamp(60px, 8vw, 108px) 0px;
}

.zwc-main-feature .zwc-sec-title {
  max-width: 610px;
  margin: 0px auto;
}

.zwc-main-feature-2 .content-wrap {
  margin-top: 0px;
}

.zwc-main-feature ul {
  justify-content: center;
  gap: 10px;
  align-items: inherit;
}

.zwc-main-feature-2 .zwc-sec-title {
  max-width: 600px;
  margin: 0px auto;
}

.zwc-main-feature-2 .zwc-sec-title h2 {
  font-size: clamp(24px, 4vw, 42px);
}

.zwc-main-feature ul li {
  flex: 0 1 30%;
  background: rgb(255, 255, 255);
  padding: 30px;
  border-radius: 8px;
}

.zwc-main-feature li span {
  position: relative;
  font-size: clamp(22px, 4vw, 26px);
  font-family: var(--zf-primary-medium);
  letter-spacing: -0.8px;
  display: flex;
  line-height: 1.3;
  gap: 15px;
  max-width: 300px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}

.zwc-main-feature li span::before {
  content: "";
  width: 41px;
  height: 40px;
  display: block;
  flex-shrink: 0;
  position: relative;
  top: 0px;
  background: url("/sites/zweb/images/survey/lp/survey-monkey.png") 0px 0px / 119px no-repeat;
}

.zwc-main-feature li:nth-child(2) span::before {
  background-position: -40px 0px;
}

.zwc-main-feature li:nth-child(3) span::before {
  background-position: -81px 0px;
}

.zwc-main-feature li:nth-child(4) span::before {
  background-position: -146px 0px;
  width: 49px;
}

.zwc-main-feature li:nth-child(5) span::before {
  background-position: -195px 0px;
  width: 50px;
}

.zwc-main-feature li:nth-child(6) span::before {
  background-position: -246px 0px;
  width: 50px;
}

.zwc-main-feature li:nth-child(7) span::before {
  background-position: -296px 0px;
}

.zwc-main-feature li:nth-child(8) span::before {
  background-position: -342px 0px;
  width: 49px;
}

.zwc-main-feature li:nth-child(9) span::before {
  background-position: -391px 0px;
  width: 49px;
}

.zwc-template-sec .zwc-sec-title {
  max-width: 800px;
  margin: 0px auto;
}

.zwc-template-sec .zwc-sec-title p {
  max-width: 600px;
  margin: 0px auto;
}

.zwc-template-sec .zwc-sec-title h2 span {
  display: block;
  font-family: var(--zf-splfontserif-bold);
  font-size: clamp(70px, 10vw, 100px);
}

.zwc-main-sec p.zwc-template-categary {
  font-size: clamp(22px, 4vw, 30px);
  color: rgb(24, 24, 24);
  padding: 40px 0px 0px;
  font-family: var(--zf-primary-semibold);
  text-align: center;
}

.zwc-template-categary::before,
.zwc-template-categary::after {
  content: "";
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid rgb(232, 232, 232);
  width: 100px;
  margin-right: 15px;
}

.zwc-template-categary::after {
  content: "";
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid rgb(232, 232, 232);
  width: 100px;
  margin-right: 15px;
}

.zwc-template-categary::after {
  margin-left: 15px;
}

.zwc-temp-list {
  justify-content: center;
  gap: 40px;
  margin-top: var(--section-m);
}

.zwc-temp-list li {
  flex: 0 0 16%;
}

.zwc-temp-list li span {
  font-family: var(--zf-primary-medium);
  position: relative;
  color: rgb(0, 0, 0);
  text-align: center;
  display: block;
  line-height: 1.2;
  transition: 0.3s ease-in-out;
}

.zwc-temp-list li span:hover {
  transform: scale(1.01);
}

.zwc-temp-list li span a {
  color: rgb(0, 0, 0);
  text-align: center;
  position: relative;
  font-size: 16px;
  display: block;
  padding: 20px;
  transition: 0.3s ease-in-out;
}

.zwc-temp-list li span a:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 3px;
}

.zwc-temp-list li span a::before {
  content: "";
  margin: 0px auto 30px;
  width: 100px;
  height: 64px;
  background: url("/sites/zweb/images/survey/lp/survey-builder-sprite.svg") -111px
    0px / 910px no-repeat;
  display: block;
}

.zwc-temp-list li:nth-child(2) span a::before {
  background-position: -713px -4px;
}

.zwc-temp-list li:nth-child(3) span a::before {
  background-position: -612px 0px;
}

.zwc-temp-list li:nth-child(4) span a::before {
  background-position: -214px 0px;
}

.zwc-temp-list li:nth-child(5) span a::before {
  background-position: -317px 0px;
}

.zwc-temp-list li:nth-child(6) span a::before {
  background-position: -514px 0px;
}

.zwc-temp-list li:nth-child(7) span a::before {
  background-position: 0px 0px;
}

.zwc-temp-list li:nth-child(8) span a::before {
  background-position: -815px 0px;
}

.zwc-temp-list li:nth-child(9) span a::before {
  background-position: -416px 0px;
}

.zwc-brand {
  overflow: hidden;
}

.zwc-trust-wrap {
  padding: clamp(40px, 5vw, 70px) 0px;
}

.zwc-brand .zwc-maruqee-flex {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  gap: 0px;
}

.zwc-brand-hdt {
  max-width: 520px;
  font-family: var(--zf-primary-semibold);
  font-size: 20px;
  text-align: center;
  color: rgb(34, 34, 34);
  display: block;
  margin: 0px auto 40px;
}

.zwc-brand-wrap {
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.zwc-brand-wrap span {
  height: 66px;
  margin: 0px 31px 6px;
  display: flex;
  align-items: center;
}

.zwc-itc {
  width: 68px;
}

.zwc-adani {
  width: 86px;
}

.zwc-aditya {
  width: 110px;
}

.zwc-asian-paint {
  width: 165px;
}

.zwc-hotstar {
  width: 160px;
}

.zwc-godrej {
  width: 103px;
}

.zwc-max-life {
  width: 90px;
}

.zwc-marriott {
  width: 120px;
}

.zwc-samsung {
  width: 120px;
}

.zwc-skill {
  width: 103px;
}

.zwc-brand .zwc-flex.zwc-maruqee-flex {
  flex-flow: row;
  justify-content: flex-start;
  gap: 0px;
}

#marquee {
  animation: 40s linear 0s infinite normal none running marquee;
}

@keyframes marquee {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-1700px);
  }
}

.zwc-scroll-control {
  max-width: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: rgb(240, 240, 241);
  border-radius: 6px;
  margin: 35px 0px 0px auto;
  padding: 5px;
}

.zwc-scroll-control span {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  transition: 0.3s ease-in-out;
}

.zwc-scroll-control span::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-image: url("/sites/zweb/images/survey/home/home-sprite.svg");
  background-repeat: no-repeat;
  background-size: 271px;
  inset: 50% 0px 0px 50%;
}

.zwc-scroll-control span.zwc-play-btn::before {
  width: 11px;
  height: 13px;
  background-position: -174px -6px;
}

.zwc-scroll-control span:hover,
.zwc-scroll-control span.active {
  background: rgb(255, 255, 255);
}

.zwc-scroll-control span.zwc-play-btn.active::before {
  background-position: -160px -6px;
}

.zwc-deliver-ss {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 42px;
}

.zwc-deliver-ss-2 {
  max-width: 76%;
  position: absolute;
  right: 0px;
  bottom: 22%;
  width: 100%;
  box-shadow: rgba(8, 68, 131, 0.3) 4px 34px 54px 0px;
}

.zwc-integrate-option {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}

span.zwc-integ-icon {
  width: 60px;
  height: 60px;
  display: flex;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.zwc-recognition-inr {
  margin-top: 50px;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.zwc-recognition-inr span {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 17.793px 17.793px -5.931px;
  max-width: 146px;
  position: relative;
  width: 100%;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid rgb(235, 235, 235);
  background: rgb(255, 255, 255);
  padding: 20px;
}

.zwc-recognition-inr span img {
  width: 100%;
  height: 110px;
  object-fit: contain;
}

.zwc-recognition {
  padding: var(--section-p) 0;
}

.zwc-testimonial-main {
  padding: var(--section-p) 0;
}

.zwc-testimonial {
  align-items: inherit;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(220, 220, 220);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 16px;
  justify-content: space-between;
  padding: 12px;
}

.zwc-testi-lft {
  align-items: flex-start;
  max-width: 38%;
  padding: 52px 0px 52px 42px;
  color: rgb(34, 34, 34);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.zwc-testi-rht {
  max-width: 56%;
  border-radius: 0px 12px 12px 0px;
  background: rgb(249, 250, 252);
  padding: 52px 0px;
  color: rgb(34, 34, 34);
}

.zwc-testi-lft p {
  letter-spacing: -0.2px;
}

.zwc-testi-lft p,
.zwc-testi-ctn p {
  font-size: 20px;
  font-family: var(--zf-primary-regular);
}

.zwc-testi-ctn p {
  line-height: 1.6;
  letter-spacing: -0.3px;
}

.zwc-testi-profile {
  align-items: center;
  gap: 20px;
  margin-top: clamp(40px, 4vw, 65px);
  color: rgb(34, 34, 34);
}

.zwc-testi-profile span {
  font-size: var(--font-size-5);
  font-family: var(--zf-primary-semibold);
  letter-spacing: -0.4px;
  text-align: center;
}

.zwc-testi-profile p {
  font-size: var(--font-size-7);
  font-family: var(--zf-primary-medium);
  letter-spacing: -0.28px;
  margin-bottom: 0px;
}

.zwc-testi-pic {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: rgb(228, 189, 144);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zwc-testi-video {
  position: relative;
}

.zwc-testi-video a {
  display: block;
}

.zwc-testi-video::before {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.zwc-testi-video::after {
  content: "";
  position: absolute;
  display: inline-block;
  border-left: 12px solid rgb(255, 255, 255);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.zwc-testi-video:hover::before {
  opacity: 1;
}

.zwc-testi-video:hover::after {
  opacity: 1;
}

.zwc-testi-rht .item:nth-child(1) .zwc-testi-pic {
  background: rgb(228, 189, 144);
}

.zwc-testi-rht .item:nth-child(2) .zwc-testi-pic {
  background: rgb(178, 207, 214);
}

.zwc-testi-rht .item:nth-child(3) .zwc-testi-pic {
  background: rgb(246, 209, 208);
}

.zwc-testi-rht .item:nth-child(4) .zwc-testi-pic {
  background: rgb(242, 219, 181);
}

.zwc-testi-pic img {
  object-fit: cover;
  height: 65px;
}

.zwc-testi-rht .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 320px;
  padding: 0px 40px 0px 60px;
}

.zwc-testimonial-main button.slick-prev.slick-arrow,
.zwc-testimonial-main button.slick-next.slick-arrow {
  bottom: -27%;
  top: inherit;
  background: rgb(221, 221, 221);
  width: 48px;
  height: 48px;
}

.zwc-testimonial-main button.slick-prev.slick-arrow {
  border-radius: 50px 0px 0px 50px;
}

.zwc-testimonial-main button.slick-next.slick-arrow {
  border-radius: 0px 50px 50px 0px;
}

.zwc-testimonial button.slick-next.slick-arrow {
  right: inherit;
  left: 6.3%;
}

.slick-next::after,
.slick-prev::after {
  display: none;
}

.slick-next::before,
.slick-prev::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 14px;
  z-index: 2;
  transform: rotate(0deg) translate(-50%, -50%);
}

.slick-next::before,
.slick-next:hover::before {
  background: url("/sites/zweb/images/survey/home/home-sprite.svg") -149px -2px /
    200px no-repeat;
}

.slick-prev::before,
.slick-prev:hover::before {
  background: url("/sites/zweb/images/survey/home/home-sprite.svg") -139px -2px /
    200px no-repeat;
  left: 21px;
}

.slick-next::after,
.slick-prev::after {
  width: 40px;
  height: 40px;
  content: "";
  position: absolute;
  display: block;
  transform: inherit;
  border-radius: 50%;
  inset: 24px 0px 0px 3px;
  background: transparent;
}

.zwc-testimonial .slick-next:hover::after,
.zwc-testimonial .slick-prev:hover::after {
  background: rgb(255, 255, 255);
}

.slider-counter {
  border-radius: 22px;
  background: rgb(237, 240, 244);
  display: inline-block;
  padding: 8px 24px;
  font-family: var(--zf-primary-medium);
  font-size: 16px;
}

.zwc-pay-more {
  background: rgb(222, 84, 86);
  color: rgb(255, 255, 255);
  padding: 60px;
  border-radius: 20px;
  margin: 0 auto var(--section-p) auto;
  max-width: 1100px;
}

.zwc-pay-more a {
  color: #fff;
  text-decoration: underline;
  font-family: var(--zf-primary-semibold);
}

.zwc-flip-container-wrap {
  position: relative;
  display: flex;
  gap: 10px;
}

.zwc-flip-container {
  position: relative;
  display: inline-flex;
  min-width: 340px;
  min-height: 1.2em;
  vertical-align: baseline;
  text-align: left;
}

.zwc-flip-text {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(12px);
  white-space: nowrap;
}

.zwc-flip-text.zwc-active {
  opacity: 1;
  transform: translateY(0);
  position: relative;
  transition:
    0.4s ease,
    transform 0.4s ease;
}

.zwc-block3-tbl-sec {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  margin-top: var(--inner-sec-t);
}
.zwc-block3-tbl-inr {
  width: 100%;
  margin: 0 auto;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.zwc-tbl-colmn {
  align-items: stretch;
  display: flex;
  text-align: center;
  justify-content: space-between;
}
.zwc-tbl-head-sec {
  position: sticky;
  top: 65px;
  z-index: 9;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}
.zwc-tbl-colmn {
  padding-top: 0;
}
.zwc-tbl-colmn > div {
  flex: 1;
  border-bottom: 1px solid #eee;
}
.zwc-tbl-colmn > div:nth-child(2) {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.zwc-tbl-colmn > div:nth-of-type(1) {
  flex-grow: 2;
}
.features-subtitle {
  font-family: var(--zf-primary-medium);
  padding: 5px 15px 5px 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.features-subtitle.zwc-no-desc::before {
  display: none;
}
.features-subtitle::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  border-top: 6px solid #e42527;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateY(-50%);
}

.zwc-tbl-colmn p.limited-label {
  text-align: center;
  font-size: 15px;
}
.zwc-tbl-head-sec .zwc-flex {
  align-items: center;
  justify-content: center;
}
.zwc-tbl-head-sec > div.zwc-features-col {
  text-transform: uppercase;
  text-align: center;
  font-family: var(--primaryfont-bold);
}
.zwc-tbl-colmn p:nth-child(2) {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.zwc-tbl-head-sec:first-child p:nth-child(2) {
  background: #fff;
}
p.zwc-flex.zwc-type span {
  position: relative;
  width: 100%;
  display: block;
  height: 100%;
}
p.zwc-flex.zwc-type span::before {
  content: "";
  position: absolute;
  width: 155px;
  height: 42px;
  background: url(/sites/zweb/images/otherbrandlogos/formstack.svg)
    no-repeat 1px 0 / 152px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.zwc-fea-title {
  background: #f9f9f9;
  padding: 20px 20px;
  font-family: var(--zf-primary-semibold);
  color: #eb5c5f;
}
.zwc-features-col {
  flex-grow: 2;
  text-align: left;
  padding: 25px 40px;
  box-sizing: border-box;
}
.zwc-compare-table {
  padding: var(--section-p) 0;
}
.zwc-check-mark {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ea5d5f;
  display: block;
  margin: 0 auto 0 auto;
  position: relative;
}
.zwc-check-mark.zwc-true::before {
  content: "";
  background: url(/sites/zweb/images/survey/zslp-price-comp-tick.png)
    no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-size: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.zwc-check-mark.zwc-false {
  background: #000;
}
.zwc-check-mark.zwc-false::before {
  content: "";
  background: #fff;
  width: 12px;
  height: 2px;
  display: inline-block;
  background-size: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.zwc-features-desc {
  display: none;
}
.zwc-features-desc p {
  font-size: 17px;
  padding-top: 5px;
}
.zwc-save-txt {
  background: #000;
  color: #fff;
  padding: 7px 20px;
  border-radius: 5px 5px 0 0;
  display: block;
  text-align: center;
  max-width: 160px;
  margin: 50px auto 0 auto;
}
.zwc-offer-sec {
  width: 250px;
  background: #f3fafd;
  border-radius: 4px;
  border: 1px dashed #5c99be;
  padding: 30px;
  text-align: center;
  margin: 0 auto 30px auto;
  font-size: clamp(30px, 4vw, 50px);
}
.zwc-offer-desc {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.zwc-flex.zwc-page-sign-btn.zwc-off-btn {
  justify-content: center;
}

/* compare price table */



.zwc-pricing-demo {
  max-width: 1360px;
  margin: 48px auto;
  padding: 0 16px;
}

.zwc-currency-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  line-height: 1;
  margin: 0 auto 30px auto;
  position: relative;
  max-width: 900px;
  width: 100%;
  padding-top: var(--section-p);
}
.zwc-currency-row > div{
  cursor:pointer;
  position: relative;
}
.zwc-currency-value {
  font-family: var(--zf-primary-semibold), sans-serif;
  user-select: none;
}

.zwc-currency-arrow {
  width: 8px;
  height: 8px;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  transform: rotate(45deg) translateY(-3px);
  display: inline-block;
  user-select: none;
}

.zwc-pricing-table-wrap {
  border: 1px solid var(--zwc-line);
  max-width: 900px;
  margin: 0 auto;
  border-bottom: 0;
}

.zwc-pricing-table {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  box-shadow: 15px 15px 40px rgba(0,0,0,0.1);
}

.zwc-cell {
  min-height: 80px;
  border-right: 1px solid var(--zwc-line);
  border-bottom: 1px solid var(--zwc-line);
  display: flex;
  align-items: center;
  padding: 0 30px;
  box-sizing: border-box;
  font-size: 18px;
}

.zwc-pricing-table .zwc-cell:nth-child(3n) {
  border-right: 0;
}

.zwc-head {
  min-height: 120px;
}

.zwc-head-label {
  font-family: var(--zf-primary-semibold), sans-serif;
}

.zwc-brand {
  display: flex;
  align-items: center;
  gap: 18px;
  font-family: var(--zf-primary-semibold), sans-serif;
}


.zwc-label {
  text-transform: uppercase;
}

.zwc-value {
  font-family: var(--zf-primary-semibold), sans-serif;
}

.zwc-alt {
  background: var(--zwc-light);
}
.zwc-tbl-price > span{
    display: none;
}
.zwc-currency-row ul{
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 99;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
    border: 1px solid #e2e2e2;
    text-align: left;
    padding: 10px 0;
    background: #fff;
    color: #333;
    opacity: 0;
    visibility: hidden;
    transition: top 0.3s, opacity 0.2s linear;
    width: 210px;
}
.zwc-currency-row ul.active{
    opacity: 1;
    visibility: visible;
}
.zwc-currency-row ul li{
  font-size:16px;
  padding:10px 15px
}
.zwc-currency-row ul li:hover{
  background:#f1f1f1;
}
.zwc-survey-pro {
    border-top: 3px solid #e42527;
}
.zwc-surveymonkey-pro {
    border-top: 3px solid #01bf6f;
}
.zwc-dis-text {
    text-align: center;
    max-width: 1020px;
    margin: 25px auto 0 auto;
    font-size: 15px;
    display: block;
}

@media only screen and (max-width: 1280px) {
    .body-umain .zwc-banner-ctn {
        max-width: 600px;
        flex-basis: 100%;
    }
  
}
@media only screen and (max-width: 1024px) {
  .zwc-pricing-col-wrap {
    display: block;
    border: 0;
    background: transparent;
    max-width: 760px;
  }

  .zwc-signup .signup-box{
    max-width: 380px;
  }
  .zwc-bg-box .zwc-flex-column .zwc-flx-col-ctn h2 {
    max-width: 100%;
  }

  .zwc-flx-col-img img {
    max-width: 70%;
    left: 0px;
  }

  .zwc-temp-list li {
    flex-basis: 28%;
  }

  .zwc-bg-box .zwc-flex-column .zwc-flx-col-ctn {
    max-width: 700px;
    flex-direction: column;
  }

  .zwc-module-sec .zwc-content-area .zwc-flex {
    flex-direction: column;
  }

  .zwc-module-sec .zwc-content-area .zwc-flex {
    gap: 50px;
  }

  .zwc-module-sec .zwc-flex-row .zwc-flx-col:nth-child(2),
  .zwc-flx-col-ctn {
    max-width: 100%;
  }

  .zwc-module-sec .zwc-flex-row .zwc-flx-col:nth-child(1) {
    max-width: 700px;
    text-align: center;
    margin: 0px auto;
  }

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

  .zwc-banner-img,
  .zwc-flex-column .zwc-flx-col-img {
    max-width: 700px;
  }

  .zwc-feature-box {
    justify-content: center;
    gap: 40px;
  }

  .zwc-feature-box p {
    max-width: 100%;
  }

  .zwc-flx-grid {
    flex-basis: 45%;
  }

  .zwc-content-area .zwc-flex-row:nth-child(2n + 1) .zwc-flx-col:nth-child(1) {
    order: inherit;
  }
  .zwc-tbl-head-sec > div.zwc-features-col{
    flex-direction: column;
  }
}

@media only screen and (max-width: 991px) {
  .zwc-pay-more {
    max-width: 90%;
    padding: 30px;
  }
   .zwc-signup{
    margin-top: 40px;
}
  .zwc-testimonial {
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    gap: 0;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  .slick-dots {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .zwc-testi-rht .item {
    min-height: auto;
  }
  .zwc-testi-lft,
  .zwc-testi-rht {
    max-width: 100%;
  }
  .slider-counter {
    display: none;
  }
  .zwc-testi-lft {
    padding: 40px;
  }
  .zwc-banner-wrap .content-wrap > .zwc-flex {
    flex-direction: column;
    gap: 0px;
    text-align: center;
  }

  p.zwc-template-categary::before,
  p.zwc-template-categary::after {
    display: none;
  }


  .zwc-flex.zwc-page-sign-btn {
    justify-content: center;
  }

  .zwc-main-feature ul li {
    flex-basis: 45%;
  }
  .zwc-compare-table{
    overflow-x: scroll;
  }
  .zwc-tbl-head-sec{
    position: static;
    
  }
  .zwc-block3-tbl-sec{
    width: 900px;
  }
  .zwc-banner-wrap .zwc-page-sign-btn{
    display: block;
  }
}

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

  .zwc-testi-rht .item {
    padding: 0 30px;
  }
  .zwc-feature-box {
    flex-direction: column;
    text-align: center;
  }

  .zwc-main-feature li span {
    max-width: 100%;
  }

  .zwc-main-feature ul li {
    flex-basis: 100%;
  }

  .zwc-flx-grid {
    text-align: center;
  }

  .zwc-feature-box h3::before {
    margin: 0px auto;
    right: 0px;
  }

  .zwc-temp-list {
    gap: 20px;
  }

  .zwc-temp-list li {
    flex-basis: 45%;
  }
  .zwc-testi-lft p,
  .zwc-testi-ctn p {
    font-size: 17px;
  }
  .zwc-flip-container {
    display: block;
    min-width: 0;
    min-height: 1.4em;
    margin: 0 auto;
    text-align: center;
  }

  .zwc-flip-text {
    white-space: normal;
  }
  .zwc-pricing-table-wrap{
        overflow-x: scroll;
    }
  .zwc-pricing-table {
    width: 740px;
    overflow-x: scroll;
    }
}

@media only screen and (max-width: 480px) {
  .zwc-testi-lft {
        padding: 20px;
    }
  .zwc-flex.zwc-page-sign-btn {
    flex-direction: column;
    gap: 10px;
  }

  .zwc-page-sign-btn a,
  .zwc-page-sign-btn a:nth-child(2) {
    width: 70%;
    display: block;
    padding: 13px 20px;
    margin: 0 auto;
  }

  .zwc-bg-box {
    margin-top: 0px;
    max-width: 100%;
    border-radius: 0px;
  }

  .zwc-main-sec p {
    font-size: 17px;
    text-wrap: pretty;
  }
}