/************************* root CSS Start *************************/
:root {
  --zwc-primary-color: #F0483E;
  --zwc-secondary-color: #1CBB78;
  --zwc-black-color: #000;
  --zwc-white-color: #ffff;
  --zwc-border-color: #A9ADB2;
  --zwc-h1-text: clamp(1.67rem, 5.2vw, 3.75rem);
  --zwc-h2-text: clamp(1.4rem, 3.6vw, 2.813rem);
  --zwc-h3-text: clamp(1.2rem, 2.4vw, 26px);
  --zwc-text-xl: clamp(14px, 1.5vw, 16px);
  --zwc-sprite-img: url(/sites/zweb/images/landingpage/landing-page-create/zwc-sprite.svg);
}
/************************* root CSS End *************************/
/************************* Resuse CSS Start *************************/
.zwc-default-flex {
  display: flex;
  align-items: var(--zwc-aligen, center);
  justify-content: var(--zwc-jcontent, space-between);
}
.zwc-wrapper h1 {
  font-size: var(--zwc-h1-text);
  font-family: var(--primaryfont-bold);
}
.zwc-wrapper h2 {
  font-size: var(--zwc-h2-text);
  font-family: var(--primaryfont-bold);
}
.zwc-wrapper h3 {
  font-size: var(--zwc-h3-text);
  font-family: var(--primaryfont-bold);
}
.zwc-wrapper p {
  margin-bottom: 0px;
}
.act-btn.cta-btn {
  text-transform: capitalize;
  font-size: 20px;
  padding: 11px 40px;
  margin-top: 30px;
}
.zwc-batch-text {
  border-radius: 10px;
  background: var(--zwc-batch-bg);
  color: var(--zwc-batch-color);
  padding: 13px 22px;
  font-size: 14px;
  display: inline-flex;
  font-family: var(--primaryfont-bold);
  text-transform: uppercase;
}
.zwc-wrapper .content-wrap {
  max-width: 1170px;
}
/************************* Resuse CSS End *************************/
html {
  scroll-behavior: smooth;
}
/************************* Banner Section Css *************************/
.zw-product-header {
  background-color: #f3f7fa;
}
.zwc-hero-banner-sec {
  background: linear-gradient(180deg, #f3f7fa 70%, #ffffff 70%);
  padding: 100px 0px 0;
}
.zwc-hero-banner-sec .zwc-text-content {
  text-align: center;
}
.zwc-hero-banner-sec h1 {
  max-width: 1024px;
}
.zwc-hero-banner-sec p {
  max-width: 874px;
}
.zwc-hero-banner-sec p,
.zwc-hero-banner-sec h1 {
  margin-inline: auto;
}
.zwc-hero-banner-sec .zwc-image-content {
  position: relative;
  max-width: 1170px;
  margin-top: 60px;
}
.zwc-hero-banner-sec .zwc-image-content::after,
.zwc-hero-banner-sec .zwc-image-content::before {
  content: "";
  position: absolute;
  width: 27%;
  height: 34%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--zwc-bg-img);
  left: 4%;
}
.zwc-hero-banner-sec .zwc-image-content::after {
  --zwc-bg-img: url(/sites/zweb/images/landingpage/landing-page-create/zwc-main-banner-career.png);
  top: 24%;
}
.zwc-hero-banner-sec .zwc-image-content::before {
  --zwc-bg-img: url(/sites/zweb/images/landingpage/landing-page-create/zwc-mian-banner-ab-testing.png);
  bottom: 5%;
  --zwc-delay: 0.1s;
}
.zwc-basics-right-sec .content-wrap {
  gap: 100px;
  padding-top: 100px;
}
.zwc-basics-right-sec .zwc-lhs {
  width: 55%;
}
.zwc-basics-right-sec .zwc-lhs img:first-child {
  margin-bottom: 20px;
}
.zwc-basics-right-sec .zwc-rhs {
  width: 45%;
}
.zwc-basics-right-sec .zwc-batch-text {
  --zwc-batch-bg: rgba(28, 187, 120, 0.08);
  --zwc-batch-color: var(--zwc-secondary-color);
}
.zwc-basics-right-sec h2 {
  margin: 19px 0px 25px;
}
.zwc-basics-right-sec p {
  max-width: 430px;
}
.zwc-deep-analytics {
  padding: 100px 0px 0;
}
.zwc-deep-analytics .zwc-batch-text {
  --zwc-batch-bg: rgba(246, 156, 168, 0.1);
  --zwc-batch-color: #FB7285;
}
.zwc-deep-analytics .zwc-text-content > h2,
.zwc-deep-analytics .zwc-text-content > p {
  max-width: 702px;
}
.zwc-deep-analytics .zwc-text-content h2 {
  margin: 19px 0px 25px;
}
.zwc-deep-analytics .zwc-card-main-container {
  margin-top: 50px;
  --zwc-aligen: flex-start;
  gap: 34px;
}
.zwc-deep-analytics .zwc-card-list {
  width: 33.33%;
}
.zwc-deep-analytics .zwc-card-list .zwc-text-content-card {
  margin-top: 60px;
}
.zwc-deep-analytics .zwc-card-list h3 {
  max-width: 200px;
}
.zwc-deep-analytics .zwc-card-list p {
  max-width: 306px;
}
.zwc-deep-analytics .zwc-card-list:first-child {
  max-width: 342px;
}
.zwc-deep-analytics .zwc-card-list:nth-child(2) {
  max-width: 389px;
}
.zwc-deep-analytics .zwc-card-list:nth-child(2) h3 {
  max-width: 238px;
}
.zwc-deep-analytics .zwc-card-list:last-child {
  max-width: 342px;
}
.zwc-deep-analytics .zwc-card-list img {
  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.02));
  min-height: 400px;
}
.zwc-master-landing-sec{padding-top: 100px;}
.zwc-master-landing-sec .zwc-batch-text {
  --zwc-batch-bg: rgba(249, 178, 29, 0.08);
  --zwc-batch-color: #DB9707;
}
.zwc-master-landing-sec h2 {
  margin: 19px 0px 25px;
  max-width: 524px;
}
.zwc-master-landing-sec p {
  max-width: 744px;
}
.zwc-master-landing-sec .zwc-master-landing-container {
  margin-top: 60px;
}
.zwc-master-landing-sec .zwc-master-landing-container .content-wrap {
  gap: 30px;
  --zwc-aligen: normal;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs,
.zwc-master-landing-sec .zwc-master-landing-container .zwc-rhs {
  background-color: #F3F7FA;
  width: 50%;
  padding: 60px;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-img-container {
  max-width: 306px;
  margin-inline: auto;
  margin-bottom: 40px;
  position: relative;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-img-container img {
  vertical-align: top;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-img-container::before,
.zwc-master-landing-sec .zwc-master-landing-container .zwc-img-container::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--zwc--img-url, var(--zwc-sprite-img));
  width: var(--zwc-width);
  height: var(--zwc-height);
  z-index: 1;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs .zwc-img-container::before {
  background-size: 1000%;
  background-position: 14.8% 60%;
  --zwc-width: 31.9%;
  --zwc-height: 15.8%;
  left: -17%;
  bottom: 7%;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs .zwc-img-container::after {
  background-size: 766%;
  background-position: 0% 70%;
  --zwc-width: 41.2%;
  --zwc-height: 10.9%;
  top: 7%;
  right: -7%;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs h3 {
  max-width: 240px;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs p {
  max-width: 451px;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-rhs .zwc-img-container {
  max-width: 261px;
  margin: 0px 43% 40px 0px;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-rhs .zwc-img-container::before {
  background-size: 2377%;
  background-position: 25% 74%;
  --zwc-width: 16.5%;
  --zwc-height: 10%;
  top: 1%;
  right: -7%;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-rhs .zwc-img-container::after {
  --zwc--img-url: url(/sites/zweb/images/landingpage/landing-page-create/zwc-master-landing-form-fields.png);
  --zwc-width: 111%;
  --zwc-height: 58%;
  top: 11%;
  right: -76%;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-rhs h3 {
  max-width: 362px;
}
.zwc-master-landing-sec .zwc-master-landing-container .zwc-rhs p {
  max-width: 396px;
}
.zwc-behavior-analytics-sec {
  padding: 100px 0px;
}
.zwc-behavior-analytics-sec .zwc-batch-text {
  --zwc-batch-bg: rgba(3, 169, 245, 0.08);
  --zwc-batch-color: #03A9F5;
}
.zwc-behavior-analytics-sec h2 {
  margin: 19px 0px 25px;
  max-width: 760px;
}
.zwc-behavior-analytics-sec p {
  max-width: 700px;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container {
  margin-top: 60px;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .content-wrap {
  gap: 30px;
  --zwc-aligen: normal;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-img-container {
  position: relative;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-img-container::before,
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-img-container::after {
  position: absolute;
  content: "";
  display: inline-flex;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--zwc-sprite-img);
  width: var(--zwc-width);
  height: var(--zwc-height);
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-text-content {
  margin-top: 40px;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list {
  width: 33.33%;
  padding: 48px 40px;
  background-color: #F3F7FA;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:first-child .zwc-img-container {
  max-width: 281px;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:first-child .zwc-img-container::before {
  background-size: 2377%;
  background-position: 25% 74%;
  --zwc-width: 11.5%;
  --zwc-height: 13%;
  left: 29%;
  bottom: 23%;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:first-child .zwc-img-container::after {
  background-size: 1323%;
  background-position: 30.9% 75%;
  --zwc-width: 27%;
  --zwc-height: 12.9%;
  bottom: 10%;
  left: 36%;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:first-child .zwc-img-container > .zwc-ion {
  position: absolute;
  width: 38.6%;
  height: 30.7%;
  background: var(--zwc-sprite-img) no-repeat;
  background-size: 968%;
  background-position: 40.3% 54%;
  bottom: -13%;
  right: -9%;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:first-child .zwc-text-content {
  margin-top: 71px;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:first-child .zwc-text-content h3 {
  max-width: 200px;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:nth-child(2) .zwc-img-container {
  max-width: 191px;
  margin: 0px auto;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:nth-child(2) .zwc-img-container::before {
  background-size: 2377%;
  background-position: 25% 74%;
  --zwc-width: 16.5%;
  --zwc-height: 10%;
  top: 4%;
  right: -7%;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:nth-child(2) .zwc-img-container::after {
  background-size: 2377%;
  background-position: 25% 74%;
  --zwc-width: 16.5%;
  --zwc-height: 10%;
  bottom: 13%;
  left: -6%;
  transform: scaleX(-1);
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:nth-child(2) .zwc-img-container > .zwc-ion {
  position: absolute;
  width: 37%;
  height: 10.9%;
  background: var(--zwc-sprite-img) no-repeat;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:nth-child(2) .zwc-img-container > .zwc-ion:last-child {
  background-size: 1227%;
  background-position: 59.3% 77%;
  top: 15%;
  right: -24%;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:nth-child(2) .zwc-img-container > .zwc-ion:nth-child(2) {
  background-size: 1227%;
  background-position: 50.6% 77%;
  bottom: 1.5%;
  left: -21%;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:last-child .zwc-img-container {
  max-width: 188px;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:last-child .zwc-img-container::before {
  background-size: 2377%;
  background-position: 25% 74%;
  --zwc-width: 16.5%;
  --zwc-height: 10%;
  top: 36%;
  right: 3%;
}
.zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:last-child .zwc-img-container::after {
  background-size: 1007%;
  background-position: 69.2% 74%;
  --zwc-width: 51%;
  --zwc-height: 11.7%;
  top: 47%;
  right: -30%;
}
.zwc-optimization-strategies-sec {
  padding: 100px 0px;
  background-color: #F3F7FA;
}
.zwc-optimization-strategies-sec .zwc-batch-text {
  --zwc-batch-bg: rgba(91, 65, 242, 0.08);
  --zwc-batch-color: #5B41F2;
}
.zwc-optimization-strategies-sec h2 {
  margin: 19px 0px 25px;
  max-width: 760px;
}
.zwc-optimization-strategies-sec p {
  max-width: 700px;
}
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container {
  margin-top: 60px;
}
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container .content-wrap {
  gap: 30px;
  --zwc-aligen: normal;
}
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-lhs,
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-rhs {
  background-color: #F3F7FA;
  width: 50%;
  padding: 50px 60px;
  border: 1px #c2c6c8 solid;
}
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-img-container {
  max-width: 370px;
  margin-inline: auto;
  margin-bottom: 40px;
}
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-img-container img {
  vertical-align: top;
}
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-lhs .zwc-img-container img:nth-child(2) {
  margin-top: 20px;
}
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-rhs .zwc-img-container {
  max-width: 434px;
  margin: 0px 0px 76px 0px;
  position: relative;
}
.zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-rhs .zwc-img-container::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: 1113%;
  background-position: 100% 0%;
  background-image: var(--zwc-sprite-img);
  width: 21.4%;
  height: 32.3%;
  right: -5%;
  bottom: -12%;
  z-index: 1;
}
.zwc-one-place-sec {
  padding: 100px 0px;
}
.zwc-one-place-sec .zwc-text-content > h2 {
  margin: 19px 0px 25px;
  max-width: 760px;
}
.zwc-one-place-sec .zwc-text-content > p {
  max-width: 700px;
}
.zwc-one-place-sec .zwc-text-content > .zwc-batch-text {
  --zwc-batch-bg: rgba(255, 219, 81, 0.08);
  --zwc-batch-color: #F9B21D;
}
.zwc-one-place-sec .zwc-one-place-container {
  margin: 100px 0px 0;
}
.zwc-one-place-sec .zwc-one-place-container .content-wrap {
  --zwc-aligen: normal;
  gap: 30px;
}
.zwc-one-place-sec .zwc-one-place-container h3 {
  max-width: 330px;
}
.zwc-one-place-sec .zwc-one-place-container p {
  max-width: 459px;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs,
.zwc-one-place-sec .zwc-one-place-container .zwc-rhs {
  background-color: #F3F7FA;
  width: 50%;
  padding: 50px;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-text-content {
  margin-top: 40px;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs {
  padding: 90px 50px 50px;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-text-content {
  margin-top: 70px;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-img-container {
  position: relative;
  max-width: 380px;
  margin-right: 17%;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-img-container::before,
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-img-container::after {
  position: absolute;
  content: "";
  display: inline-flex;
  background-repeat: no-repeat;
  background-image: var(--zwc--img-url);
  width: var(--zwc-width);
  height: var(--zwc-height);
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-img-container::before {
  --zwc--img-url: var(--zwc-sprite-img);
  background-size: 2377%;
  background-position: 25% 74%;
  --zwc-width: 12.5%;
  --zwc-height: 12%;
  transform: scale(-1) rotate(302deg);
  bottom: 10%;
  right: -5%;
  z-index: 1;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-img-container::after {
  --zwc--img-url: var(--zwc-sprite-img);
  background-size: 776%;
  background-position: 83% 40%;
  --zwc-width: 27%;
  --zwc-height: 26%;
  bottom: 0%;
  right: 12%;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-img-container .zwc-ion {
  position: absolute;
  display: inline-flex;
  font-size: 8px;
  font-family: var(--primaryfont-semibold);
  white-space: nowrap;
  text-transform: uppercase;
  bottom: 27%;
  right: -13%;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-img-container .zwc-ion::before {
  position: absolute;
  content: "";
  background: url(/sites/zweb/images/producticon/crm.svg) no-repeat center;
  height: 70%;
  width: 70%;
  background-size: 84%;
  padding: 18px;
  border: 1px solid #006AB8;
  border-radius: 5px;
  top: -365%;
  background-color: rgba(50, 148, 220, 0.1);
  left: 7%;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-rhs .zwc-img-container {
  position: relative;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-rhs .zwc-img-container .zwc-ion {
  position: absolute;
  display: inline-flex;
  background-color: var(--zwc-white-color);
  background-size: 1860%;
  background-position: 90% 61%;
  background-image: var(--zwc-sprite-img);
  background-repeat: no-repeat;
  width: 10%;
  height: 16%;
  border-radius: 100%;
  left: -2%;
  bottom: -4%;
}
.zwc-one-place-sec .zwc-one-place-container .zwc-rhs img:nth-child(2) {
  margin-top: 15px;
}
.zwc-one-place-sec .zwc-seo-insights{padding-top: 100px;}
.zwc-one-place-sec .zwc-made-easy .content-wrap,
.zwc-one-place-sec .zwc-seo-insights .content-wrap {
  gap: 50px;
}
/* .zwc-made-easy{padding-top: 100px;} */

.zwc-one-place-sec .zwc-made-easy h2,
.zwc-one-place-sec .zwc-seo-insights h2 {
  margin: 19px 0px 25px;
}
.zwc-one-place-sec .zwc-made-easy .zwc-lhs,
.zwc-one-place-sec .zwc-seo-insights .zwc-rhs {
  width: 53%;
  max-width: 600px;
}
.zwc-one-place-sec .zwc-made-easy .zwc-rhs,
.zwc-one-place-sec .zwc-seo-insights .zwc-lhs {
  width: 48%;
  max-width: 483px;
}
.zwc-one-place-sec .zwc-seo-insights .zwc-lhs {
  max-width: 520px;
}
.zwc-one-place-sec .zwc-seo-insights .zwc-batch-text {
  --zwc-batch-bg: rgba(91, 65, 242, 0.08);
  --zwc-batch-color: #5B41F2;
}
.zwc-one-place-sec .zwc-seo-insights .zwc-content-img {
  max-width: 408px;
  position: relative;
  margin: 0% 32% 17% 0%;
}
.zwc-one-place-sec .zwc-seo-insights .zwc-content-img::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: 2377%;
  background-position: 25% 77%;
  background-image: var(--zwc-sprite-img);
  width: 9.5%;
  height: 11%;
  top: 26%;
  right: 4%;
}
.zwc-one-place-sec .zwc-seo-insights .zwc-content-img::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/sites/zweb/images/landingpage/landing-page-create/zwc-insights-check-list.png);
  width: 100%;
  height: 99.8%;
  top: 39%;
  right: -47%;
}
.zwc-one-place-sec .zwc-seo-insights .zwc-content-img img {
  vertical-align: top;
}
.zwc-one-place-sec .zwc-made-easy {
    padding: 100px 0 0;
}
.zwc-one-place-sec .zwc-made-easy .zwc-batch-text {
  --zwc-batch-bg: rgba(28, 187, 120, 0.08);
  --zwc-batch-color: #1CBB78;
}
.zwc-one-place-sec .zwc-made-easy .zwc-content-img {
  max-width: 408px;
  position: relative;
  margin: 0% 32% 17% 0%;
}
.zwc-one-place-sec .zwc-made-easy .zwc-content-img::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: 2377%;
  background-position: 25% 77%;
  background-image: var(--zwc-sprite-img);
  width: 9.5%;
  height: 11%;
  top: 26%;
  right: 4%;
}
.zwc-one-place-sec .zwc-made-easy .zwc-content-img::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/sites/zweb/images/landingpage/landing-page-create/zwc-made-easy.png);
  width: 105%;
  height: 96%;
  top: 39%;
  right: -47%;
}
.zwc-one-place-sec .zwc-made-easy .zwc-content-img img {
  vertical-align: top;
}
.zwc-footer {
  padding: 100px 0px 60px;
  background-color: #001D2E;
  color: var(--zwc-white-color);
}
.zwc-footer .zwc-text-content {
  text-align: center;
  max-width: 868px;
  margin: 0px auto;
}
.zwc-footer h2 {
  max-width: 704px;
  margin: 0px auto;
}
/* html{scroll-padding-top: 50px;} */
@media only screen and (max-width: 1199px) {
  .zwc-basics-right-sec .content-wrap {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  
    .zwc-hero-banner-sec  {
      
    padding: 80px 0px 0;
  } 
  .zwc-footer{  padding: 80px 0px ;}
  .zwc-one-place-sec .zwc-one-place-container {
    margin: 80px 0px;
  }
  .zwc-one-place-sec .zwc-made-easy {
    padding-top: 50px;
  }
  .zwc-one-place-sec .zwc-seo-insights .content-wrap,
  .zwc-one-place-sec .zwc-one-place-container .content-wrap,
  .zwc-optimization-strategies-sec .zwc-optimization-strategies-container .content-wrap,
  .zwc-behavior-analytics-sec .zwc-behavior-analytics-container .content-wrap,
  .zwc-master-landing-sec .zwc-master-landing-container .content-wrap,
  .zwc-deep-analytics .zwc-card-main-container {
    flex-direction: column;
    --zwc-aligen: center;
    gap: 30px;
  }
  .zwc-basics-right-sec .content-wrap,
  .zwc-one-place-sec .zwc-made-easy .content-wrap {
    flex-direction: column-reverse;
    --zwc-aligen: center;
    gap: 30px;
  }
  .zwc-one-place-sec .zwc-made-easy .zwc-lhs,
  .zwc-one-place-sec .zwc-seo-insights .zwc-rhs,
  .zwc-one-place-sec .zwc-made-easy .zwc-rhs,
  .zwc-one-place-sec .zwc-seo-insights .zwc-lhs,
  .zwc-one-place-sec .zwc-one-place-container .zwc-lhs,
  .zwc-one-place-sec .zwc-one-place-container .zwc-rhs,
  .zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-lhs,
  .zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-rhs,
  .zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list,
  .zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs,
  .zwc-master-landing-sec .zwc-master-landing-container .zwc-rhs,
  .zwc-basics-right-sec .zwc-lhs,
  .zwc-basics-right-sec .zwc-rhs,
  .zwc-text-content {
    max-width: 600px;
    width: 100%;
    margin-inline: auto;
  }
  .zwc-deep-analytics .zwc-card-list:first-child,
  .zwc-deep-analytics .zwc-card-list:nth-child(2),
  .zwc-deep-analytics .zwc-card-list:last-child {
    max-width: 600px;
    width: 100%;
    margin-inline: auto;
  }
  .zwc-deep-analytics .zwc-card-list .zwc-text-content-card {
    margin-top: 40px;
  }
  .zwc-deep-analytics .zwc-card-list p,
  .zwc-deep-analytics .zwc-card-list h3,
  .zwc-deep-analytics .zwc-card-list:nth-child(2) h3,
  .zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs h3 {
    max-width: 100%;
  }
  .zwc-deep-analytics .zwc-card-list img {
    min-height: auto;
    width: 60%;
    margin: 0px auto;
    display: block;
  }
  .zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:last-child .zwc-img-container,
  .zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list:first-child .zwc-img-container {
    margin-inline: auto;
  }
  /* }.zwc-behavior-analytics-sec .zwc-behavior-analytics-container {
    margin-top: 60px;
} */


}
@media only screen and (max-width: 767px) {
    .zwc-hero-banner-sec {    padding: 50px 0px 0;}
  .zwc-footer {
    padding: 50px 0px;
  }
  .zwc-basics-right-sec .content-wrap{padding-top: 50px;}
  .act-btn.cta-btn {
    font-size: 15px;
  }
  .zwc-one-place-sec .zwc-one-place-container {
    margin: 50px 0px;
  }
  .zwc-one-place-sec .zwc-made-easy {
    padding-bottom: 50px;
  }
  .zwc-master-landing-sec {
    padding-top: 0px;
}
.zwc-deep-analytics,.zwc-optimization-strategies-sec  {
    padding: 80px 0 ;
} 
.zwc-one-place-sec {
    padding: 80px 0 0px;
}
.zwc-behavior-analytics-sec,.zwc-one-place-sec .zwc-seo-insights,.zwc-optimization-strategies-sec  {
  
    padding: 50px 0;}
    .zwc-one-place-sec .zwc-seo-insights{padding-top: 0;}
}
@media only screen and (max-width: 480px) {
  .zwc-batch-text {
    font-size: 12px;
  }
  .zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs,
  .zwc-master-landing-sec .zwc-master-landing-container .zwc-rhs,
  .zwc-behavior-analytics-sec .zwc-behavior-analytics-container .zwc-card-list,
  .zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-lhs,
  .zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-rhs,
  .zwc-one-place-sec .zwc-one-place-container .zwc-lhs,
  .zwc-one-place-sec .zwc-one-place-container .zwc-rhs {
    padding: 30px;
  }
  .zwc-one-place-sec .zwc-one-place-container .zwc-lhs .zwc-text-content {
    margin-top: 40px;
  }
  .zwc-optimization-strategies-sec .zwc-optimization-strategies-container .zwc-rhs .zwc-img-container {
    margin-bottom: 40px;
  }
  .zwc-master-landing-sec .zwc-master-landing-container .zwc-lhs .zwc-img-container::before {
    left: -7%;
  }
  .zwc-deep-analytics .zwc-card-list img {
    width: 100%;
  }
  .zwc-one-place-sec {
    padding: 40px 0 0px;
}


}
@media (min-width: 767px) {
  .content-wrap .zwc-left-animate,
  .content-wrap .zwc-left-animate-aft::after,
  .content-wrap .zwc-left-animate-bef::before,
  .content-wrap .zwc-right-animate,
  .content-wrap .zwc-right-animate-aft::after,
  .content-wrap .zwc-right-animate-bef::before,
  .content-wrap .zwc-top-animate,
  .content-wrap .zwc-top-animate-aft::after,
  .content-wrap .zwc-top-animate-bef::before,
  .content-wrap .zwc-bottom-animate,
  .content-wrap .zwc-bottom-animate-aft::after,
  .content-wrap .zwc-bottom-animate-bef::before {
    transition: 0.6s all var(--zwc-delay, 0s);
    opacity: 0;
  }
  .content-wrap .zwc-left-animate,
  .content-wrap .zwc-left-animate-aft::after,
  .content-wrap .zwc-left-animate-bef::before {
    transform: translateX(-40px);
  }
  .content-wrap .zwc-right-animate-aft::after,
  .content-wrap .zwc-right-animate-bef::before,
  .content-wrap .zwc-right-animate {
    transform: translateX(40px);
  }
  .content-wrap .zwc-top-animate,
  .content-wrap .zwc-top-animate-aft::after,
  .content-wrap .zwc-top-animate-bef::before {
    transform: translateY(40px);
  }
  .content-wrap .zwc-bottom-animate,
  .content-wrap .zwc-bottom-animate-aft::after,
  .content-wrap .zwc-bottom-animate-bef::before {
    transform: translateY(-40px);
  }
  .content-wrap.middle-animated .zwc-left-animate,
  .content-wrap.middle-animated .zwc-left-animate-aft::after,
  .content-wrap.middle-animated .zwc-left-animate-bef::before,
  .content-wrap.middle-animated .zwc-right-animate,
  .content-wrap.middle-animated .zwc-right-animate-aft::after,
  .content-wrap.middle-animated .zwc-right-animate-bef::before,
  .content-wrap.middle-animated .zwc-top-animate,
  .content-wrap.middle-animated .zwc-top-animate-aft::after,
  .content-wrap.middle-animated .zwc-top-animate-bef::before,
  .content-wrap.middle-animated .zwc-bottom-animate,
  .content-wrap.middle-animated .zwc-bottom-animate-aft::after,
  .content-wrap.middle-animated .zwc-bottom-animate-bef::before {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
/*************************** Responisve End ***************************/
