.page-wrapper .content-wrap {
    max-width: 1170px;
    padding: 90px 0;
  }
  
  .banner .content-wrap {
    padding-bottom: 0px;
  }
  
  .act-btn {
    padding: 12px 30px;
  }
  
  h1,
  h2,
  h3 {
    font-family: var(--zf-primary-bold);
  }
  
  
  .bld-elements {
    font-family: var(--zf-primary-semibold);
  }
  /*menu overwriiten*/
  
  .flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .zbs-text-center {
    text-align: center;
  }
  
  .grid-element {
    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;
  }
  /* zb-banners */
  .zb-banners, .zw-product-header{
    background: var(--zbs-light-bg-1);
  }
  .zb-banners .content-wrap {
    max-width: 1280px;
  }
  .zb-bnr-img {
    position: relative;
    z-index: 1;
  }
  .zb-bnr-fst-img {
    max-width: 500px;
    margin: 0 auto;
    padding: 0px 0px 40px 40px;
  }
  .zb-bnr-snd-img {
    position: absolute;
    max-width: 250px;
    -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
    opacity: 0.2;
    left: 0px;
    bottom: 0px;
  }
  .in-view .zb-bnr-snd-img {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  .zb-bnr-snd-img img {
    border: 4px solid var(--zbs-dark-violet-2);
    border-radius: 100%;
  }
  /* zb-banners end */
  /* why-prt-sec */
  .why-prt-sec{
    background: var(--zbs-light-bg-2);
   
  }
  .why-prt-sec h2 {
    font-size: 50px;
  }
  .why-prt-sec h2 span {
    display: block;
  }
  /* why-prt-sec end */
  
  /* benefit-app  */
  .benefit-app {
    position: relative;
    background: var(--zbs-dark-blue);
    color: #fff;
  }
  .benefit-app .grid-element{
    margin-top: 60px;
    align-items: inherit;
    gap: 40px;
  }
  .benefit-app h2 {
    max-width: 600px;
    margin: 0 auto 15px;
    text-align: center;
    padding: 0px;
  }
  
  .benefits-cnt h4 {
    position: relative;
    padding-top: 70px;
  }
  .benefits-cnt h4::before {
    content: "";
    position: absolute;
    background: url(/sites/zweb/images/bookings/industries/healthcare-appointment-icons.png) no-repeat;
    background-size: 210px auto;
    width: 40px;
    height: 52px;
    top: 0;
  }
  
  .benefits-cnt.second-box h4::before {
    background-position: -45px 0;
    width: 52px;
}
  .benefits-cnt.thrid-box h4::before {
    background-position: -90px 1px;
    background-size: 190px auto;
    width: 55px;
  }
  .benefits-cnt.fourth-box h4::before {
    background-position: -161px 0px;
    width: 58px;
    height: 50px;
  }
  .zb-features-img img, .zb-features-img video {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border-radius: 10px;
}
  .benefits-cnt {
    position: relative;
    padding: 60px;
    background: #1d0c43;
    border-radius: 40px;
    z-index: 2;
  }
  
  
  
  /* benefit-app end  */
  /* zb-features */
  .zb-features {
    background: var(--zbs-light-bg-1);
  }
  .zb-features-img {
    position: relative;
  }
  .zb-seamless-fst {
    max-width: 600px;
  }
  .seamless-intg p {
    font-size: 16px;
  }
  .seamless-intg p span {
    font-family: var(--primaryfont-regular);
    color: var(--zbs-dark-violet);
  }
  
  .zb-seamless-fst img,
  .zb-seamless-snd img {
    display: block;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
  }
  .get-instant .zb-seamless-fst img {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .zb-seamless-snd {
    position: absolute;
    max-width: 300px;
    right: 0px;
    bottom: -20px;
  }
  .zb-features .grid-element.cnt-img {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
  .zb-features .grid-element {
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    padding: 80px 0px;
  }
  .zb-features .grid-element.equal-grid{
	grid-template-columns: 1fr 1fr;

  }
  .zb-features-img.met-opts .zb-seamless-fst {
    max-width: 550px;
  }
  .zb-features-img.met-opts .zb-seamless-snd {
    max-width: 200px;
    right: 0px;
    bottom: -20px;
  }
  .zb-features-img.get-instant .zb-seamless-fst {
    max-width: 550px;
    margin: 0 auto;
  }
  
  .manage-mobile-device {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    z-index: 1;
  }
  .manage-img-drk-thm {
    position: absolute;
    max-width: 250px;
    left: 20%;
    top: 0%;
  }
  .manage-img-drk-thm::before {
    background-position: -253px -15px;
    width: 34px;
    height: 30px;
    top: -30px;
    left: -40px;
    -webkit-transform: rotate(327deg);
        -ms-transform: rotate(327deg);
            transform: rotate(327deg);
    -webkit-filter: brightness(0);
            filter: brightness(0);
  }
  .manage-img-light-thm {
    max-width: 250px;
    margin: 0 auto;
    position: relative;
    top: 50px;
  }
  .manage-img-drk-thm img,
  .manage-img-light-thm img {
    -webkit-box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
            box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    border-radius: 30px;
  }
  .manage-img-drk-thm img {
    border: 4px solid #3e3e3e;
  }
  .manage-img-light-thm img {
    border: 4px solid #000;
  }
  
  /* zb-features */
  
  /* Testimonials */
  .zbs-testimonails {
    position: relative;
    background: var(--zbs-dark-blue);
    color: #fff;
  }
  .zbs-testimonails .content-wrap{
    padding-bottom:110px ;
  }
  .zbs-testimonails .content-wrap > div {
    border-radius: 15px;
    padding: 0px 100px;
  }
  
  .zbs-testimonails .slick-dotted.slick-slider {
    padding: 80px 100px 60px 100px;
    margin: 0 auto;
  }
  .zbs-testimonails h2 {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 60px;
  }
  
  .customer-img {
    max-width: 200px;
    margin: 0 auto;
  }
  
  .testimonails-img{
    position: relative;
  }
  
  .testimonails-img::after {
    content: "";
    position: absolute;
      width: 100%;
    height: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 40%;
    left: 70%;
    z-index: 1;
    background: var(--zbs-yellow);
    -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);
  } 
  
  
  .zbs-testimonails .grid-element {
    position: relative;
    -ms-grid-columns: 250px 120px 1fr;
    grid-template-columns: 250px 1fr;
  
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 120px;
  }
  .testimonails-cnt p {
    font-size: 22px;
    font-family: Roboto Slab;
    line-height: 1.8;
    max-width: 650px;
  }
  .test-cust {
    font-family: var(--primaryfont-semibold);
    text-align: center;
  }
  
  .test-cust span {
    display: block;
    font-family: var(--primaryfont-regular);
    font-size: 17px;
    line-height: 27px;
  }
  .zbs-testimonails .slick-next,
  .zbs-testimonails .slick-prev {
    background: var(--zbs-link-clr);
    display: block;
    border-radius: 3px;
    left: unset;
    top: unset;
    right: 0px;
    bottom: -30px;
  }
  
  .slick-next:hover::after,
  .slick-next:hover::before,
  .slick-prev:hover::after,
  .slick-prev:hover::before {
    background: #fff;
  }
  .zbs-testimonails .slick-next:after,
  .zbs-testimonails .slick-next:before,
  .zbs-testimonails .slick-prev:after,
  .zbs-testimonails .slick-prev:before {
    height: 13px;
  }
  .zbs-testimonails .slick-prev:after,
  .zbs-testimonails .slick-next:after {
    bottom: 4px;
    left: 13px;
  }
  .zbs-testimonails .slick-prev:before,
  .zbs-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 .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    background: transparent;
  }
  .zbs-testimonails .slick-prev:before{
    -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 10px;
  }
  .zbs-testimonails .slick-prev::after,
  .zbs-testimonails .slick-next::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    background: #fff;
    width: 12px;
    height: 2px;
    top: 43%;
    left: 9px;
  }
  
  .zbs-testimonails .slick-prev {
    right: 35px;
  }
  
  .zbs-testimonails .testimonails-cnt p {
    max-width: 100%;
  }
  .zbs-testimonails .slick-next:hover,
  .zbs-testimonails .slick-prev:hover {
    background: var(--zbs-link-clr);
  }
  /* End Testimonials */
  
  /* zbs-btm-cta */
  .zbs-btm-cta {
    position: relative;
    background: var(--zbs-light-bg-1)
      url(/sites/zweb/images/bookings/zbs-bottom-cta-img.svg) center/cover;
  }
  .zbs-btm-cta .content-wrap {
    position: relative;
  }
  .zbs-btm-cta .content-wrap::after,
  .zbs-btm-cta .content-wrap::before,
  .zbs-btm-cta h2::before {
    content: "";
    position: absolute;
    background: url(/sites/zweb/images/bookings/zbs-bottom-cta-sprite.svg);
    background-position: 0px 0px;
  }
  .zbs-btm-cta .content-wrap::after {
    background-position: -30px 0;
    width: 37px;
    height: 34px;
    bottom: 40%;
    right: 10%;
  }
  .zbs-btm-cta .content-wrap::before {
    width: 30px;
    height: 45px;
    left: 10%;
    top: 20%;
    -webkit-transform: rotate(319deg);
        -ms-transform: rotate(319deg);
            transform: rotate(319deg); display:none
  }
  
  .zbs-btm-cta h2::before {
    background-position: -70px 0;
    -webkit-transform: scale(0.8) rotate(329deg);
        -ms-transform: scale(0.8) rotate(329deg);
            transform: scale(0.8) rotate(329deg);
    width: 34px;
    height: 33px;
    top: 65%;
    left: 25%;
  }
  
  /* zbs-btm-cta */
  
  @media all and (min-width: 1200px) {
    .fadeinright {
      -webkit-transform: translateX(70px);
      -ms-transform: translateX(70px);
      transform: translateX(70px);
      opacity: 0;
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      -o-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
      transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    }
  
    .fadeinright {
      -webkit-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms;
    }
  
    .in-view .fadeinright {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
      -ms-filter: "alpha(opacity=100)";
    }
  }
  
  @media all and (min-width: 1400px) {
    .i18n-en h1 {
      font-size: 50px;
    }
    .i18n-en h2 {
      font-size: 42px;
    }
    .why-prt-sec h2 {
      font-size: 48px;
    }
  
  }
  
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .page-wrapper .content-wrap {
      width: 94%;
    }
  
    .manage-img-drk-thm {
      left: 10%;
    }
  }
  @media all and (max-width: 1199px) {
    /* zb-banners */
    .grid-element {
      gap: 60px;
    }
    /* zb-banners */
    .zbs-testimonails .grid-element {
      gap: 90px;
    }
  
    .testimonails-cnt p {
      font-size: 20px;
    }
    .testimonails-img::after{
      left: 60%;
    }
    /* benefit-app */
    .benefit-app h2{
      max-width: 500px;
    }
    .benefits-cnt{
      padding: 50px 40px;    border-radius: 20px;
    }
    /* benefit-app */
  }
  @media all and (max-width: 1140px) {
    .zbs-testimonails .grid-element::before {
      display: none;
    }
  }
  
  @media all and (max-width: 991px) {
    .page-wrapper .content-wrap {
      padding: 70px 0;
    }
    /* zb-banners */
    .zb-bnr-snd-img {
      max-width: 200px;
    }
    /* zb-banners  end*/
    /* benefit-app */
    .benefit-app h2 {
      font-size: 32px;
    }
    .benefit-app .grid-element{
      gap: 20px;
    }
    .benefits-cnt{
      padding: 50px 30px;
    }
    /* benefit-app */
    /* why-prt-sec */
    .why-prt-sec h2 {
      font-size: 42px;
    }
    /* why-prt-sec */
    /* zb-features */
    .zb-features h2 {
      margin-bottom: 60px;
    }
    .zb-seamless-snd {
      max-width: 270px;
      bottom: 0px;
    }
    .zb-features-img.met-opts .zb-seamless-snd {
      bottom: 0px;
    }
    .manage-img-drk-thm {
      left: 0;
    }
    .zb-features .grid-element.cnt-img,
    .zb-features .grid-element {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      max-width: 650px;
      margin: 0 auto;
      gap: 20px;
      padding: 0px 0px 80px;
    }
    .manage-mobile-device {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .zb-features .grid-element.cnt-img > div:first-child {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .zb-features .grid-element.cnt-img > div:nth-child(2) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .zb-features .grid-element > div:first-child {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    /* zb-features */
    /* zbs-testimonails  */
    .zbs-testimonails .grid-element {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .testimonails-img {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .test-cust,
    .zbs-testimonails h2 {
      text-align: left;
    }
    .zbs-testimonails h2 {
      margin: 0px 0px 40px;
    }
    .customer-img {
      max-width: 100px;
      margin: 0px;
    }
    .zbs-testimonails .slick-next, .zbs-testimonails .slick-prev{
      bottom: 0px;
    }
    .zbs-testimonails .content-wrap > div {
      padding: 0px;
      max-width: 650px;
      margin: 0 auto;
    }
    /* zbs-testimonails  */
    .manage-mobile-device {
      margin-top: 30px;
    }
    /* zbs-btm-cta */
    .zbs-btm-cta .content-wrap::before {
      left: 10%;
    }
    .zbs-btm-cta h2::before {
      left: 15%;
    }
    .zbs-btm-cta .content-wrap::after {
      bottom: 30%;
      right: 12%;
    }
    /* zbs-btm-cta */
  }
  
  @media all and (max-width: 767px) {
    .page-wrapper .content-wrap {
      padding: 60px 0;
    }
  .zb-banners .content-wrap {
         padding-top: 40px;
    }
    .zb-features h2 {
      margin-bottom: 40px;
    }
    .zbs-text-center {
      text-align: left;
    }
    /* zb-banners */
    .grid-element {
      grid-template-columns: repeat(1, 1fr);
    }
    .zb-banners .grid-element {
      max-width: 600px;
    }
    .zb-bnr-img {
      max-width: 420px;
    }
    /* zb-banners  end*/
    /* why-prt-sec */
    .why-prt-sec h2 span {
      display: inline-block;
    }
    .why-prt-sec .grid-element {
      gap: 0px;
    }
  
    /* benefit-app */
    .benefit-app h2 span {
      font-size: 26px;
    }
  
    .benefit-app h2 {
      margin: 0px;
      font-size: 28px;
      text-align: left;
    }
  
    .fist-box,
    .second-box,
    .thrid-box,
    .fourth-box {
      padding: 50px 30px ;
      max-width: 600px;
    }
    .benefit-app .grid-element{
      margin-top: 40px;
    }
    /* benefit-app */
    .manage-img-drk-thm::before {
      display: none;
    }
    .manage-img-drk-thm,
    .manage-img-light-thm {
      max-width: 200px;
    }
  
    .zbs-testimonails .content-wrap > div {
      padding: 0px;
    }
  
    /* zbs-btm-cta */
    .zbs-btm-cta h2::before,
    .zbs-btm-cta .content-wrap::before,
    .zbs-btm-cta .content-wrap::after {
      display: none;
    }
  
    /* zbs-btm-cta */
    .zb-seamless-snd{
        max-width: 200px;
    }
    .manage-img-light-thm img, .manage-img-drk-thm img{
        border: 3px solid #000;
    border-radius: 20px;
  }
  .zb-features .grid-element.cnt-img, .zb-features .grid-element{
    margin: 0px;  
  }
  
  }
  
  @media all and (max-width: 480px) {
    /* why-prt-sec */
    .why-prt-sec h2 {
      font-size: 34px;
    }
    /* why-prt-sec */
    /* zb-banners */
    .zb-bnr-snd-img {
      max-width: 160px;
    }
    /* zb-banners  end*/
    .zb-features-img.met-opts .zb-seamless-snd {
      max-width: 160px;
    }
    .testimonails-cnt p {
      font-size: 18px;
    }
    .manage-img-light-thm {
      left: 50px;
    }
  .benefits-cnt{    padding: 30px;}
  }