/* GRADIENT HELPERS */

.zwc-gradient-light {
  background: linear-gradient(
    rgba(255, 255, 255, 0.3) 0%,
    rgba(186, 217, 255, 0.3) 31.733%,
    rgba(241, 207, 255, 0.3) 67.791%,
    rgba(255, 255, 255, 0.3) 95.677%
  );
}

.zwc-gradient-dark {
  background: linear-gradient(179.956deg, rgb(0, 27, 124) 2.6575%, rgb(74, 24, 168) 83.451%);
}
/* signupform */
.body-signupform .images-inr-part,
.body-signupform.umain .zwc-signup-container,.zwc-signup-container{
  display: none;
}
.body-signupform.umain .images-inr-part,
.body-signupform.non-umain .zwc-signup-container{
  display: block;
}
/* signupform */

/* LAYOUT BASE */

.page-wrapper .content-wrap {
  max-width: 1170px;
  padding: 90px 0;
  margin: 0 auto;
}

.grid-element {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.grid-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 100px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 100px;
}


/* BANNER */

.zwc-banner-wrap {
  background: linear-gradient(
    rgba(255, 255, 255, 0.3) 0%,
    rgba(186, 217, 255, 0.3) 31.733%,
    rgba(241, 207, 255, 0.3) 67.791%,
    rgba(255, 255, 255, 0.3) 95.677%
  );
}

.zwc-banner-wrap .content-wrap {
  max-width: 1280px;
}

.zwc-banner-wrap .z-price-text-common {
  font-size: 80px;
  line-height: 1;
}

.zwc-banner-wrap .zcurrency-symbol-common {
  font-size: 40px;
}

.zwc-banner-wrap .grid-element {
  align-items: center;
}

.zwc-banner-wrap h1 {
  font-size: 62px;
  color: #000;
  font-family: var(--primaryfont-semibold);
}

.zwc-banner-wrap h1 .zwc-hero-label {
  font-size: 32px;
  display: block;
  margin-bottom: 10px;
}

.zwc-banner-wrap .zwc-cta-wrap {
  margin-top: 9px;
}


/* WHAT IS ZOHO BOOKINGS */

.zwc-feature h2,
.zwc-solution-wrapper h2,
.zwc-free-plan-content h2,
.zbs-manage-appointments h2 {
  font-size: 42px;
  margin-bottom: 20px;
}

.zwc-feature.zwc-what .content-wrap {
  max-width: 1280px;
  padding: 0;
}

.zwc-inner-card .grid-element > div p {
  max-width: 520px;
}

.zwc-feature.zwc-what .zwc-inner-card {
  background: linear-gradient(179.956deg, rgb(0, 27, 124) 2.6575%, rgb(74, 24, 168) 83.451%);
  color: #fff;
  border-radius: 20px;
  padding: 120px 100px;
}

.zwc-feature.zwc-what .grid-element {
  grid-template-columns: 1.5fr 1fr;
  margin-bottom: 30px;
  gap: 60px;
}

.zwc-what .last-mrg-elmt {
  text-align: center;
  margin-bottom: 0;
}


/* LIST TICK */

.zbs-list-tick li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

.zbs-list-tick li::before,
.zbs-list-tick li::after {
  position: absolute;
  content: "";
  z-index: 1;
}

.zbs-list-tick li::before {
  width: 17px;
  height: 17px;
  left: 0;
  top: 5px;
  border-radius: 50%;
  border: 2px solid var(--zbs-green);
}

.zbs-list-tick li::after {
  top: 11px;
  left: 5px;
  width: 8px;
  height: 4px;
  border-left: 2px solid var(--zbs-green);
  border-bottom: 2px solid var(--zbs-green);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* VIDEO / HERO PHOTO */

.zwc-video-wrap {
  margin-bottom: 30px;
}

.zwc-video-wrap video {
  border-radius: 10px;
  display: block;
}

.zwc-hero-photo {
  position: relative;
  padding-bottom: 40px;
}


/* FREE PLAN PRICE CARD */

.zwc-plan-card {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 190px;
  height: 190px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 15.57px 25.57px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.zwc-plan-card p {
  font-family: var(--primaryfont-semibold);
  font-size: 24px;
  color: #000;
  text-align: center;
  margin: 0;
}

.zwc-plan-price {
  display: flex;
  align-items: flex-start;
  font-family: var(--zf-primary-medium);
  color: #000;
}

.zwc-plan-price .zwc-currency {
  padding-top: 8px;
}

.zwc-plan-price .zwc-amount,
.z-price-text-common {
  font-size: 100px;
}


/* WHAT'S COVERED */

.zwc-solution-wrapper {
  background: linear-gradient(
    rgb(255, 255, 255) 0%,
    rgb(230, 241, 255) 31.733%,
    rgb(251, 241, 255) 67.791%,
    rgb(255, 255, 255) 95.677%
  );
}

.zwc-solution-wrapper .content-wrap {
  max-width: 1000px;
}

.zwc-solution-wrapper h2,
.zwc-solution-wrapper .header-p {
  text-align: center;
}

.zwc-solution-wrapper .grid-element {
  gap: 0;
  margin-top: 50px;
}

.zwc-solution-wrapper .zbs-list-tick li {
  margin-bottom: 20px;
  font-size: 19px;
}


/* TWO-PANEL PRICING */

.zwc-plan-panels {
  display: flex;
  align-items: stretch;
  border-radius: 20px;
  overflow: hidden;
}

.zwc-panel-price {
  background: linear-gradient(179.918deg, rgb(0, 27, 124) 2.6575%, rgb(74, 24, 168) 83.451%);
  padding: 70px;
  border-radius: 20px 0 0 20px;
  color: #fff;
  display: grid;
  align-items: center;
  text-align: center;
}

.zwc-panel-price h3 {
  font-size: 30px;
}

.zwc-panel-price h3,
.zwc-panel-price p {
  max-width: 300px;
  margin: 0 auto 15px;
  text-align: center;
}

.zwc-panel-price .zwc-price-display .zwc-amount {
  font-size: 128px;
  letter-spacing: -3.84px;
}

.zwc-panel-price .zwc-price-display .zwc-currency,
.zcurrency-symbol-common {
  font-size: 61px;
  padding-top: 10px;
}

.zwc-panel-features {
  border: 6px solid #001b7c;
  border-left: none;
  padding: 70px;
  border-radius: 0 20px 20px 0;
}

.zwc-panel-features .grid-element {
  gap: 0;
}

.zwc-panel-features .zwc-plan-title {
  font-family: var(--primaryfont-semibold);
  color: #000;
  text-align: center;
  margin: 0 0 24px;
}

.zwc-panel-features .zwc-plan-desc {
  font-family: var(--primaryfont-regular);
  color: #000;
  margin: 0 0 24px;
}

.zwc-panel-features-inner {
  max-width: 287px;
}


/* SCHEDULING */

.zwc-feature.zwc-schedule {
  background: #0b124a;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zwc-feature.zwc-schedule .content-wrap {
  display: flex;
  gap: 73px;
  align-items: flex-start;
}

.zwc-schedule-cta {
  text-align: center;
  margin-top: 80px;
}

.zwc-schedule-cta h3 {
  color: #fff;
}


/* WHEN TO UPGRADE */

.zwc-feature.zwc-upgrade {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(
    rgba(255, 255, 255, 0.3) 0%,
    rgba(186, 217, 255, 0.3) 31.733%,
    rgba(241, 207, 255, 0.3) 67.791%,
    rgba(255, 255, 255, 0.3) 95.677%
  );
}

.zwc-feature.zwc-upgrade h2,
.zwc-feature.zwc-upgrade .header-p {
  text-align: center;
}

.zwc-feature.zwc-upgrade .grid-element {
  margin-top: 60px;
  align-items: center;
}


/* MOBILE APP */

.zbs-manage-appointments {
  background: linear-gradient(179.97deg, rgb(0, 27, 124) 2.6575%, rgb(74, 24, 168) 83.451%);
  color: #fff;
}

.zbs-manage-appointments .content-wrap {
  max-width: 1000px;
}

.zbs-manage-appointments .grid-element {
  align-items: center;
}

.zbs-manage-appointments .content-wrap a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.manage-img-drk-thm {
  max-width: 300px;
  margin: 0 auto;
}


/* CTA BANNER */

.zwc-feature.zwc-cta-section {
  background: #e3eaff;
}

.zwc-feature.zwc-cta-section .content-wrap {
  text-align: center;
}


/* FREE PLAN CONTENT / BLOG */

.zwc-free-plan-content {
  background: var(--zbs-dark-blue);
}

.zwc-free-plan-content .content-wrap {
  max-width: 1280px;
  padding: 90px 0;
}

.zwc-free-plan-content h2 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.zbs-blg-mainwrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 7%;
}

.zbs-blg-parent {
  background: #E1EEFF;
  border-radius: 20px;
}

.zbs-blg-mainwrap .zbs-blg-post-topics {
  width: 20%;
}

.zbs-blg-mainwrap .zbs-blg-parent {
  width: 73%;
}

.zbs-blg-mainwrap .zbs-blg-topics-list {
  position: sticky;
  top: 100px;
  background: #29194A;
  color: #fff;
  border-radius: 10px;
  padding: 20px 0;
}

.zbs-blg-mainwrap .zbs-blg-topics-list ul li {
  cursor: pointer;
  padding: 10px 20px 10px 40px;
  position: relative;
  font-size: 15px;
}

.zbs-blg-mainwrap .zbs-blg-topics-list ul li::before {
  content: '';
  position: absolute;
  border-radius: 10px;
  border: 1px solid #fff;
  height: 10px;
  width: 10px;
  left: 14px;
  top: 17px;
}

.zbs-blg-mainwrap .zbs-blg-topics-list ul li.active {
  color: #000;
  font-family: var(--zf-secondary-semibold);
  background: var(--zbs-yellow);
}

.zbs-blg-mainwrap .zbs-blg-topics-list ul li.active::before {
  background: #29194A;
  border: 1px solid #29194A;
}

.zwc-sub-sec-part {
  padding: 60px;
}

.zwc-sub-sec-part h2 {
  font-size: 40px;
}

.zwc-sub-sec-part a {
  color: var(--zbs-link-clr);
}

.zwc-sub-sec-part > div {
  margin: 50px 0;
}

.zwc-sub-sec-part ul {
  margin: 30px 0;
}

.zwc-sub-sec-part ul > li,
.zwc-sub-sec-part ol > li {
  margin: 0 0 30px;
  font-size: 17px;
}

.zwc-sub-sec-part ul > li:last-child,
.zwc-sub-sec-part ol > li:last-child {
  margin: 0;
}

.zwc-sub-sec-part strong,
.zwc-sub-sec-part li span {
  font-family: var(--primaryfont-semibold);
}

.zwc-sub-sec-part .zbs-img-box {
  text-align: center;
  border: 1px solid #DCC2B3;
  border-radius: 10px;
  margin: 30px 0 0;
}

.zwc-sub-sec-part .zbs-img-box img {
  border-radius: 10px;
  display: block;
}

.crm-plus-prt {
  background: #E7DCFF;
}

.leveraging-prt {
  background: #e0eeff;
}


/* INNER PART SECTIONS */

.zwc-inner-prt-sec {
  position: relative;
  padding-left: 30px;
}

.zwc-inner-prt-sec::before {
  content: "";
  position: absolute;
  background: url(/sites/zweb/images/bookings/images/vlt-bookings-tick.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  left: 0;
  top: 7px;
  z-index: 1;
}

.zwc-inner-prt-sec img {
  border-radius: 10px;
}

.update-crm-fst {
  position: relative;
  padding-bottom: 30px;
}

.update-crm-fst img {
  border: 1px solid #c3c3c3;
  border-radius: 10px;
}

.update-crm-snd {
  position: absolute;
  width: 400px;
  height: auto;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.zbs-img-box video {
  display: block;
  border-radius: 10px;
}

.zbs-img-box.tun-sur-img {
  background: #c4c8f9;
}

.zbs-img-box.tun-sur-img > div {
  max-width: 500px;
  margin: 30px auto;
}

.zbs-prd-name {
  display: inline-block;
}


/* ===== zwc-rating ===== */

.zwc-rating h2 {
	text-align: center;
}
.zwc-rating .content-wrap{
  padding-top: 0px;
}

.zwc-rating .grid-content {
	display:grid;
	text-align: center;
    grid-template-columns: repeat(4, 1fr);
    align-items: baseline;
	gap: 50px;
	max-width: 900px;
	margin: 0px auto ;
	padding: 40px 60px;
	border-radius: 20px;
	border: 1px solid #1D37FF;
	background: linear-gradient(180deg, #FFF 0%, #EDF4FF 135.73%);
	box-shadow: 20px 20px 24px 0 rgba(0, 0, 0, 0.05);
}

.zwc-plt-star {
	font-family: var(--secondaryfont-bold);
	color: rgb(248, 169, 39);
	text-transform: uppercase;
	margin: 0px auto 0px;
	max-width: 100%;
	line-height: normal;
	font-size: 18px;
	letter-spacing: 2px;
	display: inline-block;
	height: auto;
	position: relative;
}
@supports (-moz-osx-font-smoothing: auto) {
  .zwc-plt-star {
    font-size: 30px;
    letter-spacing: 1px;
  }
}

.zwc-plt-star:before,
.zwc-plt-star:after {
	content: '\2605\2605\2605\2605\2605';
	position: absolute;
	top: 0;
	left: 0;
}

.zwc-plt-star:after {
	color: #f8a927;
	overflow: hidden;
	-webkit-transition: width 2.5s ease 1s;
	transition: width 2.5s ease 1s;
	width: 0;
	height: auto;
	direction: ltr;
	z-index: 1;
}

.zwc-rating-alyts .zwc-flex-part-four:nth-child(1) .zwc-plt-star:after {
	width: 90%;
}



.zwc-rating-alyts .zwc-flex-part-four:nth-child(2) .zwc-plt-star:after {
	width: 89%;
}
.zwc-rating-alyts .zwc-flex-part-four:nth-child(3) .zwc-plt-star:after {
	width: 88%;
}
.zwc-rating-alyts .zwc-flex-part-four:nth-child(4) .zwc-plt-star:after {
    width: 83%;
}

.zwc-plt-star:before {
	color: #777;
	z-index: 0;
	width: auto;
	height: auto;
}

.zwc-flex-part-four > div {
	width: 100%;
	margin-bottom: 15px;
}

.zwc-flex-part-four {
position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}
.zwc-flex-part-four:before {
    position: absolute;
    content: "";
    right: -25px;
    top: 0px;
    border-right: 2px dashed #cacaca;
    width: 2px;
    height: 100%;
    z-index: 1;
}

.zwc-flex-part-four:last-child {
	padding-right: 0px;

}
.zwc-flex-part-four:last-child:before{
	display: none
}
.zwc-flex-part-four img{
	    min-height: 30px;
}

.zwc-plt-val {
	font-size: 16px;
	font-family: var(--primaryfont-semibold);
	line-height: 24px;
	display: block;
	width: 40%;
}

/* ===== zwc-rating end ===== */

/* TESTIMONIALS */

.zapp-testimonails {
  position: relative;
}
.zapp-testimonails .content-wrap {
  padding-top: 0px;
}

.zapp-testimonails .content-wrap > div {
  background: #ebdffa;
  border-radius: 15px;
  padding: 100px;
}

.zapp-testimonails .slick-dotted.slick-slider {
  padding: 80px 100px 60px;
  margin: 0 auto;
}

.zapp-testimonails h2 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 20px;
}

.zapp-testimonails .grid-content {
  -ms-grid-columns: 25% 1fr;
  grid-template-columns: 25% 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 70px;
}

.testimonails-img {
  position: relative;
}

.testimonails-img > div {
  max-width: 170px;
  margin: 0 auto 20px;
}

.testimonails-img > div img {
  border-radius: 30px;
}

.testimonails-img::before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 40%;
  left: 65%;
  z-index: 1;
  background: #000;
  -webkit-clip-path: polygon(0 0, 64px 0, 59px calc(100% - 1px), 96px 0, 100% 0, 100% 1px, 96px 1px, 59px 100%, 58px 100%, 63px 1px, 0 1px);
  clip-path: polygon(0 0, 64px 0, 59px calc(100% - 1px), 96px 0, 100% 0, 100% 1px, 96px 1px, 59px 100%, 58px 100%, 63px 1px, 0 1px);
}

.testimonails-cnt p {
  font-size: 24px;
  line-height: 1.8;
  max-width: 650px;
  font-family: var(--zf-splfontserif-regular);
}

.zapp-testimonails .testimonails-cnt p {
  max-width: 100%;
}

.test-cust {
  font-family: var(--primaryfont-bold);
  color: var(--zbs-mdm-violet);
  text-align: center;
}

.test-cust span {
  display: block;
  color: #000;
  font-family: var(--primaryfont-regular);
  font-size: 15px;
  line-height: 27px;
}

.zbs-btn-clr {
  position: relative;
  display: inline-block;
  font-family: var(--primaryfont-semibold);
  color: #fff;
  background: var(--zbs-link-clr);
  border-radius: 3px;
  font-size: 15px;
  padding: 10px 40px 10px 25px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.zbs-btn-clr::before,
.zbs-btn-clr::after {
  content: "";
  position: absolute;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  right: 20px;
}

.zbs-btn-clr::before {
  top: 16px;
  width: 8px;
  border-left: 2px solid #fff;
  height: 8px;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  background: transparent;
}

.zbs-btn-clr::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #fff;
  width: 14px;
  height: 2px;
  top: 19px;
}

.zbs-btn-clr:hover::before,
.zbs-btn-clr:hover::after {
  right: 15px;
}

.zapp-testimonails .slick-next,
.zapp-testimonails .slick-prev {
  background: var(--zbs-dark-violet);
  display: block;
  border-radius: 3px;
  left: unset;
  top: 25px;
  right: 50px;
}

.zapp-testimonails .slick-prev {
  right: 85px;
}

.zapp-testimonails .slick-prev::before,
.zapp-testimonails .slick-next::before {
  top: 10px;
  left: 12px;
  width: 8px;
  border-left: 2px solid #fff;
  height: 8px;
  border-bottom: 2px solid #fff;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  background: transparent;
}

.zapp-testimonails .slick-prev::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 10px;
}

.zapp-testimonails .slick-prev::after,
.zapp-testimonails .slick-next::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #fff;
  width: 12px;
  height: 2px;
  top: 43%;
  left: 8px;
}

.zapp-testimonails .slick-next::after {
  left: 9px;
}

.zapp-testimonails .slick-prev::after {
  left: 10px;
}

.zapp-testimonails .slick-next:hover,
.zapp-testimonails .slick-prev:hover {
  background: var(--zbs-dark-violet-2);
}


/* 1280px */
@media (max-width: 1440px) {
    .zwc-banner-wrap h1{
            font-size: 56px;
    }

}

@media (max-width: 1280px) {
  .zwc-banner-wrap h1 {
    font-size: 48px;
    max-width: 800px;
  }

  .zwc-banner-wrap .z-price-text-common {
    font-size: 60px;
  }

  .zwc-banner-wrap .zcurrency-symbol-common {
    font-size: 30px;
  }

  .zwc-plan-card {
    width: 160px;
    height: 160px;
  }

  .zwc-plan-card p {
    font-size: 22px;
  }

  .zwc-feature h2,
  .zwc-solution-wrapper h2,
  .zwc-free-plan-content h2,.zbs-manage-appointments h2 {
    font-size: 36px;
    margin-bottom: 15px;
  }

  .zwc-feature.zwc-what .grid-element {
    grid-template-columns: 1fr 1fr;
  }

  .zbs-blg-mainwrap .zbs-blg-post-topics {
    width: 22%;
  }

  .zbs-blg-mainwrap .zbs-blg-parent {
    width: 70%;
  }

  .update-crm-snd {
    width: 300px;
  }

  .testimonails-cnt p {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
    .body-signupform.non-umain .zwc-signup-container.zwc-sgnform-forweb{
        display: none;

    }
    .zwc-banner-wrap .grid-element{
            grid-template-columns: 1fr;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    gap: 0px;
    }
    .zwc-hero-photo{
            padding-bottom: 0px;
    }

}
/* 1024px */

@media (max-width: 1024px) {
  .page-wrapper .content-wrap {
    padding: 60px 0;
  }
  .zapp-testimonails .content-wrap {
    padding-top: 0px;
}

  .zwc-banner-wrap .grid-element {
    grid-template-columns: 1fr;
  }

  .zwc-hero-photo {
    display: none;
  }

  .zwc-feature.zwc-what .grid-element {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .zwc-feature.zwc-what .zwc-inner-card {
    padding: 80px;
  }

  .zwc-panel-features,
  .zwc-panel-price {
    padding: 30px;
  }

  .zwc-panel-price .zwc-price-display .zwc-amount {
    font-size: 70px;
  }

  .zwc-panel-price .zwc-price-display .zwc-currency {
    font-size: 30px;
  }

  .zwc-panel-price h3 {
    font-size: 24px;
  }

  .zwc-panel-price h3,
  .zwc-panel-price p {
    margin: 0 0 15px;
  }

  .zwc-panel-price h3,
  .zwc-panel-price p,
  .zwc-panel-price {
    text-align: left;
  }



  .zwc-solution-wrapper .grid-element {
    margin-top: 30px;
  }

  .zbs-blg-mainwrap .zbs-blg-post-topics {
    display: none;
  }

  .zbs-blg-mainwrap .zbs-blg-parent {
    width: 100%;
  }

  .zbs-manage-img {
    max-width: 200px;
    margin: 0 auto;
  }

  .zapp-testimonails h2 {
    text-align: left;
    margin: 0 0 20px;
  }

  .testimonails-img::before {
    display: none;
  }

  .zapp-testimonails .grid-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 40px;
    gap: 30px;
  }

  .zapp-testimonails .content-wrap > div {
    padding: 70px;
  }

  .testimonails-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100px 20px 1fr;
    grid-template-columns: 100px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
  }

  .testimonails-img > div {
    margin: 0;
    max-width: 100%;
  }

  .zapp-testimonails .slick-dotted.slick-slider {
    padding: 0;
  }

  .slick-dots li {
    background: #c8b8ff;
  }

  .slick-dots li.slick-active {
    background: var(--zbs-dark-violet-2);
    border: 1px solid var(--zbs-dark-violet-2);
  }

  .zapp-testimonails .zbs-text-center,
  .test-cust {
    text-align: left;
  }

  .zapp-testimonails .slick-dots {
    position: relative;
    top: 44px;
    text-align: right;
  }

}
@media (max-width: 991px) {
  .zwc-flex-part-four{
    gap: 10px;
        padding-right: 0px;
            border-right: none;
  }
  .zwc-flex-part-four>div{
    margin-bottom: 0px;
  }

}

/* 767px */

@media (max-width: 767px) {
  .zwc-banner-wrap h1 {
    font-size: 38px;
  }

  .zwc-banner-wrap h1 .zwc-hero-label {
    font-size: 28px;
  }

  .zwc-feature h2,
  .zwc-solution-wrapper h2,
  .zwc-free-plan-content h2,
  .zwc-feature.zwc-upgrade h2,.zbs-manage-appointments h2 {
    font-size: 28px;
    text-align: left;
  }

  .zwc-solution-wrapper .header-p,
  .zwc-feature.zwc-cta-section .content-wrap,.zwc-feature.zwc-upgrade .header-p  {
    text-align: left;
  }

  .zwc-feature.zwc-what .zwc-inner-card {
    padding: 50px;
  }

  .zwc-solution-wrapper .grid-element {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .zwc-panel-price {
    border-radius: 10px;
  }

  .zwc-panel-features {
    border: 6px solid #001b7c;
    border-radius: 20px;
  }

  .zwc-free-plan-content .content-wrap {
    padding: 60px 0;
  }

  .zwc-sub-sec-part {
    padding: 30px;
    border-radius: 10px;
  }

  .zwc-sub-sec-part h2 {
    font-size: 26px;
  }

  .zwc-sub-sec-part ul > li,
  .zwc-sub-sec-part ol > li {
    margin: 0 0 20px;
  }

  .zwc-inner-prt-sec {
    padding-left: 0;
  }

  .zwc-inner-prt-sec h3 {
    padding-left: 30px;
  }
/* zwc-rating */
	.zwc-rating .grid-content {
		margin: 0px auto;
		grid-template-columns: repeat(2, 1fr);
		border: none;
		padding: 0px;
		background: transparent;
		box-shadow: none;
		max-width: 400px;
		gap: 20px;
	}

	.zwc-flex-part-four,.zwc-flex-part-four:last-child {
		border: 1px solid #1d38ff;
		padding: 30px;
		border-radius: 20px;
	}

	.zwc-flex-part-four > div {
		margin-bottom: 0px;
		max-width: 150px;
	}

	.zwc-plt-star {
		margin: 15px auto 0px;
	}

	.zwc-flex-part-four:last-child {
		border-right: 1px solid #1d38ff;
	}
	.zwc-rating .grid-content{
		margin: 0px;
	}
	.zwc-flex-part-four:before{
		display:none
	}
		/* zwc-rating end */

  .testimonails-cnt p {
    font-size: 18px;
  }

  .zapp-testimonails .content-wrap > div {
    padding: 50px;
  }

  .zapp-testimonails .content-wrap {
    padding: 0;
  }

  .zapp-testimonails .grid-content {
    margin-top: 20px;
  }

  .zbs-btn-clr {
    font-size: 14px;
  }

  .zwc-schedule-cta {
    text-align: left;
    margin-top: 50px;
  }

  .zbs-blg-parent {
    border-radius: 10px;
  }

  .zwc-feature.zwc-upgrade .grid-element {
    margin-top: 30px;
    grid-template-columns: 1fr;
  }

  .zwc-upgrade-img {
    display: none;
  }

  .zbs-manage-appointments .grid-element {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .zbs-manage-img {
    margin: 0;
  }

  .zwc-what .last-mrg-elmt {
    text-align: left;
  }
  .zwc-solution-wrapper .zbs-list-tick li {
    margin-bottom: 17px;
  }

  .zwc-flex-part-four:last-child{
    border-right: 1px solid #1d38ff;
    padding-right: 30px;
  }
  .zwc-flex-part-four{
    gap: 0px;
  }

  .zwc-banner-wrap .grid-element{
        text-align: left;
  }
}


/* 480px */

@media (max-width: 480px) {
  .zwc-banner-wrap h1 {
    font-size: 32px;
  }

  .zwc-feature.zwc-what .zwc-inner-card {
    padding: 30px;
  }

  .testimonails-img {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .testimonails-img > div:first-child {
    max-width: 100px;
  }

  .zapp-testimonails .content-wrap > div {
    padding: 50px 30px;
  }

  .zwc-feature h2,
  .zwc-solution-wrapper h2,
  .zwc-free-plan-content h2 {
    font-size: 26px;
  }
/* rating */
  .zwc-flex-part-four, .zwc-flex-part-four:last-child{
		        padding: 20px;        align-items: flex-end;
	}
  .zwc-rating .grid-content{
		    align-items: inherit;
		gap: 10px;
	}
  .zwc-plt-star{
		font-size: 16px;
	}
  /* rating */
}