:root {
  --zwp-color-black: #000;
  --zwp-color-white: #fff;
  --zwp-color-red: #f70015;
  --zwp-hglht-color: #1c68ef;
  --zwp-lnk-color: #0a80fd;
}
/* Title & General Styles */
.zw-product-header {
  background: linear-gradient(252deg, #2eb3f5 1.81%, #0094de 72.59%);
  padding: 20px 0;
}
.zw-template-inner {
  max-width: 1920px;
  margin: 0 auto;
}
picture,
img {
  display: block;
  max-width: 100%;
}
.txt-whte {
  color: var(--zwp-color-white);
}
.d-blck {
  display: block;
}
.txt-lft {
  text-align: left;
}
.txt-cntr {
  text-align: center;
}
.txt-rght {
  text-align: right;
}
.p-rlte {
  position: relative;
}
.p-absl {
  position: absolute;
}
.zwp-sprite:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  left: 0;
  top: 0;
  background: url("/sites/zweb/images/publish/sprite-publish.svg") no-repeat;
  background-position: 0 0;
  background-size: 412px auto;
}

/* Flex Styles*/
.dflx {
  display: flex;
  flex-wrap: wrap;
}
.flx-algn-strch {
  align-items: stretch;
}
.flx-algn-cntr {
  align-items: center;
}
.flx-algn-start {
  align-items: flex-start;
}
.flx-algn-end {
  align-items: flex-end;
}
.flx-jstfy-start {
  justify-content: flex-start;
}
.flx-jstfy-cntr {
  justify-content: center;
}
.flx-jstfy-end {
  justify-content: flex-end;
}
.flx-jstfy-arnd {
  justify-content: space-around;
}
.flx-jstfy-btween {
  justify-content: space-between;
}
.flx-colm-mb-rvrse {
  flex-direction: unset;
}
.inview-mob {
  display: none;
}
.inview-desktop {
  display: block;
}
/* Grid */
.zindx-3{
  z-index: 3;
}
.zcol-wrap {
  display: flex;
  flex-wrap: wrap;
}
.zcol-1,
.zcol-2,
.zcol-3,
.zcol-4,
.zcol-5,
.zcol-6,
.zcol-7,
.zcol-8,
.zcol-9,
.zcol-10,
.zcol-11,
.zcol-12 {
  position: relative;
}
.zcol-1 {
  max-width: calc(8.33% - 8px);
  flex-basis: calc(8.33% - 8px);
}

.zcol-2 {
  max-width: calc(16.67% - 8px);
  flex-basis: calc(16.67% - 8px);
}

.zcol-3 {
  max-width: calc(25% - 8px);
  flex-basis: calc(25% - 8px);
}

.zcol-4 {
  max-width: calc(33.33% - 8px);
  flex-basis: calc(33.33% - 8px);
}

.zcol-5 {
  max-width: calc(41.67% - 8px);
  flex-basis: calc(41.67% - 8px);
}

.zcol-6 {
  max-width: calc(50% - 8px);
  flex-basis: calc(50% - 8px);
}

.zcol-7 {
  max-width: calc(58.33% - 8px);
  flex-basis: calc(58.33% - 8px);
}

.zcol-8 {
  max-width: calc(66.67% - 8px);
  flex-basis: calc(66.67% - 8px);
}

.zcol-9 {
  max-width: calc(75% - 8px);
  flex-basis: calc(75% - 8px);
}

.zcol-10 {
  max-width: calc(83.33% - 8px);
  flex-basis: calc(83.33% - 8px);
}

.zcol-11 {
  max-width: calc(91.67% - 8px);
  flex-basis: calc(91.67% - 8px);
}

.zcol-12 {
  max-width: calc(100% - 8px);
  flex-basis: calc(100% - 8px);
}
/* Grids Ends*/
/* Title and Content */
.zwp-title-blck {
  margin: 0 auto 40px;
}
.zwp-title-blck h1 {
  color: var(--zwp-color-white);
  font-size: 64px;
  font-family: var(--primaryfont-bold);
  line-height: 1.15;
  letter-spacing: -2px;
  margin: 0 0 20px;
}
.zwp-title-blck h2 {
  font-size: 64px;
  font-family: var(--primaryfont-bold);
  line-height: 1.15;
  letter-spacing: -2px;
}

.zwp-cntnt-blck h2 {
  color: var(--zwp-color-black);
  font-size: 46px;
  letter-spacing: -2px;
  font-family: var(--primaryfont-bold);
  line-height: 1.25;
  margin: 0 0 10px;
}
.zwp-cntnt-blck p,
.zwp-title-blck p {
  color: #040421;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: -0.25px;
}
.zwp-cntnt-blck p:last-child,
.zwp-title-blck p:last-child {
  margin-bottom: 0;
}
.zwp-img-blck {
  display: flex;
  align-items: center;
  justify-content: center;
}
.zwp-img-blck .zwp-dflt-img {
  max-width: 525px;
  width: 100%;
}
.zwp-img-blck .zwp-ovrly-img {
  max-width: 488px;
  width: 90%;
}
/* Banner - 2 */
.zwp-ft-bnr {
  background: linear-gradient(0, #34b7f9 0, #0094de 100%);
  padding: 64px 0 120px;
}
.zwp-ft-bnr .zwp-title-blck {
  max-width: 975px;
}
.zwp-title-blck h1,
.zwp-title-blck p {
  color: var(--zwp-color-white);
}
.zwp-ft-bnr .zwp-title-blck p {
  max-width: 590px;
  margin: 0 auto 0;
  font-size: 20px;
}
/* Banner - 2 */
/* Banner */
.zwp-sol-bnr {
  padding: 70px 0 180px;
  background: linear-gradient(284deg, #34b7f9 1.81%, #0094de 72.59%);
  overflow: hidden;
}
.zwp-sol-bnr-artwrk {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  transform: scale(1.1);
  transition: ease all 0.5s;
}
.zwp-sol-bnr-artwrk.zwe-ob {
  transform: scale(1);
  transition-delay: 0.6s;
}
.zwp-sol-bnr-artwrk img {
  width: 60%;
  height: auto;
  margin-left: auto;
}
.zwp-sol-bnr .zwp-title-blck {
  max-width: 765px;
  margin-left: 0;
}
.zwp-sol-bnr .zwp-title-blck p {
  max-width: 520px;
}
/* Banner Button sets */
.zwp-btn-set {
  margin: 40px auto 0;
}
.zwp-btn-set .act-btn {
  padding: 14px 28px;
  margin: 0 12px 0 0;
  border-radius: 5px;
}
.zwp-btn-set .fill-btn {
  background: #f0483e;
}
/* Clients Logo's */
.zwp-clients-logo {
  padding: 70px 0 60px;
}
.zwp-logo-list {
  border-bottom: 1px solid #f3f5fa;
  padding-bottom: 40px;
}

.zwp-logo-list li {
  margin: 0 14px 0;
}
.zwp-logo-list img {
  display: block;
  margin: 0 auto;
  height: 40px;
  max-width: unset;
  width: unset;
}
.zwp-logo-list li img {
  margin: 0 28px 0;
}
.zwp-logo-list .zwp-churchs-loho {
  height: 60px;
}
.zwp-logo-list .slick-track {
  display: flex;
  align-items: center;
}
/* Solution Highlight */
.zwp-sol-hghlht {
  padding: 40px 0 40px;
}
.zwp-sol-hghlht .zwp-ft-tstimonial {
  padding: 80px;
  border-radius: 12px;
  /* background: linear-gradient(180deg, #34b7f9 0%, #0094de 100%); */
  background: linear-gradient(0deg, #34b7f9 0%, #0094de 67.39%);
  position: relative;
  overflow: hidden;
}
.zwp-sol-hghlht .zwp-ft-tstimonial:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 160px;
  background: url("/sites/zweb/images/publish/features/zwp-artwrk-5.svg")
    no-repeat center top / cover;
}
.zwp-ft-tstimonial .zwp-ft-cntnt {
  max-width: 810px;
  margin: 0 auto 40px;
  color: #fff;
}
.zwp-ft-tstimonial .zwp-ft-cntnt p {
  font-size: 18px;
  font-style: italic;
  letter-spacing: -0.15px;
}
.zwp-tst-dtls {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.zwp-tst-dtls .usrimg {
  width: 64px;
  height: 64px;
}
.zwp-tst-usr {
  flex: 1;
  text-align: left;
  padding: 0 0 0 20px;
  color: var(--zwp-color-white);
}
.zwp-tst-usr span,
.zwp-tst-usr strong {
  display: block;
}
.zwp-tst-usr strong {
  font-weight: normal;
  font-size: 16px;
  font-family: var(--zf-primary-medium);
  letter-spacing: -0.162px;
}
.zwp-tst-usr span {
  font-size: 12px;
  letter-spacing: -0.162px;
}
.zwp-ft-tstimonial .zwp-ft-cntnt p:last-child {
  margin-bottom: 0;
}
/* 
        //// */
.zwp-lt-rt-colm1 {
  padding: 60px 0 80px;
}
.zwp-lt-rt-colm2,
.zwp-lt-rt-colm3,
.zwp-lt-rt-colm4 {
  padding: 80px 0 80px;
}
.zwp-lt-rt-colm5 {
  padding: 80px 0 160px;
}
/* //// */
.zwp-lt-rt-colm1 .zwp-cntnt-blck,
.zwp-lt-rt-colm2 .zwp-cntnt-blck,
.zwp-lt-rt-colm3 .zwp-cntnt-blck,
.zwp-lt-rt-colm4 .zwp-cntnt-blck,
.zwp-lt-rt-colm5 .zwp-cntnt-blck {
  max-width: 494px;
}
/* Footer */
.zwp-ft-footer {
  padding: 120px 0;
  background: var(--zwp-color-black);
}
.zwp-ft-footer .zwp-title-blck {
  max-width: 1090px;
}
.key-ftrs-lst {
  margin-top: 30px;
}
.zwp-clients-logo .key-ftrs-lst {
  margin-top: 0;
  margin-bottom: 30px;
}
.key-ftrs-lst li {
  font-size: 16px;
  font-family: var(--zf-primary-medium);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 34px;
  margin: 0 50px 0;
}
.key-ftrs-lst li strong {
  display: inline-block;
  font-weight: normal;
  margin: 0 6px;
  font-family: var(--zf-primary-semibold);
}
.key-ftrs-lst .zwp-sprite:before {
  width: 30px;
  height: 30px;
  top: -4px;
  transform: scale(0.8);
}
.key-ftrs-lst li.ftrs-icon2:before {
  background-position: -34px 1px;
  background-size: 386px auto;
}
/* BreadCrumbs */
.zwp-brdcrmbs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.zwp-brdcrmbs li {
  position: relative;
  display: inline-flex;
  margin: 0 12px 0 0;
  padding: 0 16px 0 0;
  align-items: center;
}
.zwp-brdcrmbs li:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 2px solid var(--zwp-color-white);
  right: 0;
  border-right: 2px solid var(--zwp-color-white);
  transform: rotate(45deg);
  padding: 3px;
  border-radius: 1px;
}
.zwp-brdcrmbs li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.zwp-brdcrmbs li:last-child:before {
  display: none;
}
.zwp-brdcrmbs li a,
.zwp-brdcrmbs li span {
  font-size: 16px;
  font-family: var(--zf-primary-medium);
  letter-spacing: -0.25px;
  display: inline-block;
  color: var(--zwp-color-white);
}
.zwp-brdcrmbs li a {
  font-family: var(--zf-primary-regular);
}
.zwp-brdcrmbs li span {
  color: var(--zwp-color-white);
  font-family: var(--zf-primary-medium);
}

/* Ftrs list starts*/
.zwp-title-blck h3 {
  color: var(--zwp-color-black);
  font-size: 40px;
  font-family: var(--primaryfont-bold);
  letter-spacing: -1.5px;
  margin: 0 0 20px;
}
.zwp-explr-evnts {
  background: #f3f5fa;
  padding: 80px 0 90px;
}
.zwp-ftrs-clrd-list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.zwp-ftrs-clrd-list li {
  border-radius: 10px;
  background: var(--zwp-color-white);
  flex: 0 0 calc(16.6% - 24px);
  max-width: calc(16.6% - 24px);
  margin: 12px;
  transition: transform 0.4s ease-in-out;
  transform: scale(1);
}
.zwp-ftrs-clrd-list li:hover {
  transform: scale(1.05);
}
.zwp-ftrs-clrd-list li.current-page {
  display: none;
}
.zwp-ftrs-clrd-list li a {
  padding: 26px 30px;
  flex-direction: column;
  display: flex;
}
.zwp-ftrs-clrd-list li a .zwp-sprite {
  display: inline-block;
  overflow: hidden;
  text-indent: -999px;
  position: relative;
  height: 30px;
}
.zwp-ftrs-clrd-list li a .zwp-sprite:before {
  height: 30px;
}
.zwp-ftrs-clrd-list .ft-clr-icn1 {
  width: 26px;
}
.zwp-ftrs-clrd-list .ft-clr-icn2 {
  width: 34px;
}
.zwp-ftrs-clrd-list .ft-clr-icn3 {
  width: 34px;
}
.zwp-ftrs-clrd-list .ft-clr-icn1:before,
.zwp-ftrs-clrd-list .ft-clr-icn2:before,
.zwp-ftrs-clrd-list .ft-clr-icn3:before,
.zwp-ftrs-clrd-list .ft-clr-icn4:before,
.zwp-ftrs-clrd-list .ft-clr-icn5:before,
.zwp-ftrs-clrd-list .ft-clr-icn6:before,
.zwp-ftrs-clrd-list .ft-clr-icn7:before {
  background-size: 388px auto;
}
.zwp-ftrs-clrd-list .ft-clr-icn1:before {
  background-position: -215px -161px;
  width: 26px;
}
.zwp-ftrs-clrd-list .ft-clr-icn2:before {
  background-position: -248px -160px;
  width: 34px;
}
.zwp-ftrs-clrd-list .ft-clr-icn3:before {
  background-position: -288px -160px;
  width: 34px;
}
.zwp-ftrs-clrd-list .ft-clr-icn4:before {
  background-position: -327px -160px;
  width: 24px;
}
.zwp-ftrs-clrd-list .ft-clr-icn5:before {
  background-position: 3px -208px;
  width: 33px;
}
.zwp-ftrs-clrd-list .ft-clr-icn6:before {
  background-position: -36px -208px;
  width: 34px;
}
.zwp-ftrs-clrd-list .ft-clr-icn7:before {
  background-position: -75px -208px;
  width: 25px;
}
.zwp-ftrs-clrd-list li a span {
  color: var(--zwp-color-black);
  font-size: 18px;
  letter-spacing: -0.5px;
  display: block;
  margin-top: 20px;
  font-family: var(--zf-primary-medium);
}
/* Ftrs list Ends */
/* Animation */
.zwp-anim-scale {
  transform: scale3d(0.9, 0.9, 0.9);
  opacity: 0;
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}
.zwp-lt-rt-colm1 .middle-animated .zwp-anim-scale,
.zwp-lt-rt-colm2 .middle-animated .zwp-anim-scale,
.zwp-lt-rt-colm3 .middle-animated .zwp-anim-scale,
.zwp-lt-rt-colm4 .middle-animated .zwp-anim-scale,
.zwp-lt-rt-colm5 .middle-animated .zwp-anim-scale {
  transform: scale3d(1, 1, 1);
  transition-delay: 0.3s;
  opacity: 1;
}
/* Animation Ends */
/* Desktop devices */
@media (max-width: 1440px) {
  .zw-template-inner .content-wrap {
    width: 1140px;
  }
  .zwp-sol-bnr {
    padding: 70px 0 140px;
  }
  .zwp-sol-bnr .zwp-title-blck {
    max-width: 590px;
  }
  .zwp-title-blck h1 {
    font-size: 50px;
  }
  .zwp-sol-hghlht {
    padding: 70px 0 80px;
  }
  .zwp-sol-lst li {
    font-size: 16px;
  }
  .zwp-lt-rt-colm1 {
    padding: 70px 0 50px;
  }

  .zwp-lt-rt-colm2,
  .zwp-lt-rt-colm3,
  .zwp-lt-rt-colm4 {
    padding: 60px 0 60px;
  }
  .zwp-lt-rt-colm5 {
    padding: 80px 0 100px;
  }
  .zwp-title-blck h2 {
    font-size: 54px;
  }
  .zwp-cntnt-blck h2 {
    font-size: 40px;
  }
  .zwp-ft-footer {
    padding: 100px 0;
  }
  /* Banner - 2 */
  .zwp-ft-bnr {
    padding: 44px 0 90px;
  }
  .zwp-ft-bnr .zwp-title-blck h1 {
    font-size: 54px;
  }
  /* Banner - 2 */
}
/* Tab Device */
@media (max-width: 1199px) {
  .zw-template-inner .content-wrap {
    width: 960px;
  }
  .zwp-sol-bnr {
    padding: 70px 0 110px;
  }
  .zwp-sol-bnr .zwp-title-blck {
    max-width: 510px;
  }
  .zwp-title-blck h1 {
    font-size: 44px;
  }
  .zwp-title-blck h2 {
    font-size: 38px;
  }
  .zwp-sol-lst li {
    padding: 0 16px;
  }
  .zwp-lt-rt-colm1 {
    padding: 70px 0 50px;
  }
  .zwp-lt-rt-colm5 {
    padding: 80px 0 90px;
  }
  .zwp-ft-footer {
    padding: 80px 0;
  }
  /* Banner - 2 */
  .zwp-ft-bnr {
    padding: 44px 0 70px;
  }
  .zwp-ft-bnr .zwp-title-blck h1 {
    font-size: 48px;
  }
  /* Banner - 2 */
  /* Ftrs list */
  .zwp-ftrs-clrd-list {
    max-width: 700px;
    margin: 0 auto;
  }
  .zwp-ftrs-clrd-list li {
    flex: 0 0 calc(25.6% - 24px);
    max-width: calc(25.6% - 24px);
  }
  /* Ftrs list Ends*/
  .zwp-sol-hghlht .zwp-ft-tstimonial:after {
    background: url("/sites/zweb/images/publish/features/zwp-artwrk-5.svg")
      no-repeat center bottom / contain;
  }
}
@media (max-width: 991px) {
  .zw-template-inner .content-wrap {
    width: 720px;
  }
  .zwp-btn-set .act-btn {
    font-size: 14px;
  }
  .zwp-sol-bnr .zwp-title-blck {
    margin: 0 0 40px;
    max-width: 400px;
  }
  .zwp-sol-bnr h1 .d-blck {
    display: inline;
  }
  .zwp-title-blck h1 {
    font-size: 34px;
  }
  .zwp-cntnt-blck p,
  .zwp-title-blck p {
    font-size: 16px;
  }
  .zwp-sol-bnr:after {
    max-width: 380px;
  }
  .zwp-sol-hghlht {
    padding: 80px 0 70px;
  }
  .zwp-title-blck h2 {
    font-size: 34px;
  }
  .zwp-sol-hghlht .zwp-ft-tstimonial {
    padding: 60px;
  }
  .zwp-sol-hghlht .zwp-sol-lst {
    justify-content: space-between;
  }
  .zwp-sol-lst li .zwp-lst-icon1,
  .zwp-sol-lst li .zwp-lst-icon2,
  .zwp-sol-lst li .zwp-lst-icon3 {
    transform: scale(0.8);
  }
  .zwp-cntnt-blck h2 {
    font-size: 30px;
  }
  /* Banner - 2 */

  .zwp-ft-bnr .zwp-title-blck h1 {
    font-size: 34px;
  }
  /* Banner - 2 */
  .zwp-title-blck h3 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .zw-template-inner .content-wrap {
    width: 450px;
  }
  header {
    padding: 0;
  }
  .zw-product-header {
    padding: 15px 0 0;
  }
  .zcols,
  .zcol-1,
  .zcol-2,
  .zcol-3,
  .zcol-4,
  .zcol-5,
  .zcol-6,
  .zcol-7,
  .zcol-8,
  .zcol-9,
  .zcol-10,
  .zcol-11,
  .zcol-12 {
    position: relative;
    flex-basis: calc(100% - 0px);
    max-width: calc(100% - 0px);
    width: 100%;
  }
  .d-blck {
    display: inline;
  }

  .flx-colm-mb-rvrse {
    flex-direction: column-reverse;
  }
  .zwp-sol-bnr {
    padding: 40px 0 90px;
  }
  .zwp-sol-bnr-artwrk img {
    width: 50%;
  }
  .zwp-sol-bnr-artwrk img {
    width: 45%;
  }
  .zwp-btn-set .act-btn {
    margin: 0 0 12px 0;
  }
  .zwp-title-blck h1 {
    font-size: 34px;
  }
  .zwp-sol-bnr .zwp-btn-set {
    margin: 40px auto 60px;
  }
  .zwp-sol-hghlht {
    padding: 50px 0 70px;
  }
  .zwp-lt-rt-colm2,
  .zwp-lt-rt-colm3,
  .zwp-lt-rt-colm4 {
    padding: 60px 0 60px;
  }
  .zwp-sol-lst li {
    flex-basis: calc(100% - 0px);
    max-width: calc(100% - 0px);
  }
  .zwp-sol-lst li {
    margin: 0 0 40px;
  }
  .zwp-sol-lst li:last-child {
    margin-bottom: 0;
  }
  .zwp-sol-bnr .zwp-title-blck {
    margin: 0 auto 40px;
  }
  .zwp-sol-bnr .zwp-title-blck,
  .zwp-btn-set {
    text-align: center;
  }
  .zwp-title-blck h2,
  .zwp-cntnt-blck h2 {
    font-size: 28px;
  }
  .zwp-cntnt-blck {
    margin: 0 0 30px;
  }
  .zwp-ft-tstimonial .zwp-ft-cntnt p {
    font-size: 16px;
  }
  /* Banner - 2 */

  .zwp-ft-bnr .zwp-title-blck h1 {
    font-size: 32px;
  }
  .zwp-ft-bnr .zwp-title-blck p {
    font-size: 16px;
  }
  /* Banner - 2 */
  /* Ftrs list */
  .zwp-title-blck h3 {
    font-size: 30px;
  }
  .zwp-ftrs-clrd-list {
    max-width: 560px;
    margin: 0 auto;
  }
  .zwp-ftrs-clrd-list li {
    flex: 0 0 calc(48.6% - 24px);
    max-width: calc(48.6% - 24px);
  }
  .zwp-ftrs-clrd-list li span {
    font-size: 16px;
  }
  /* Ftrs list Ends*/
  .key-ftrs-lst {
    max-width: 265px;
    margin-left: auto;
    margin-right: auto;
  }

  .key-ftrs-lst li {
    margin: 0 30px 0;
  }
  .zwp-brdcrmbs {
    justify-content: center;
  }
}
/* Mobile Device */
@media (max-width: 480px) {
  .zw-template-inner .content-wrap {
    width: 90%;
  }
  .zwp-sol-bnr-artwrk img {
    width: 65%;
  }
  .zwp-title-blck {
    margin: 0 auto 40px;
  }
  .zwp-title-blck h1 {
    font-size: 30px;
  }
  .zwp-sol-hghlht .zwp-ft-tstimonial {
    padding: 20px 20px 80px;
  }
  .zwp-tst-dtls .usrimg {
    width: 44px;
    height: 44px;
  }
  /* Ftrs list */
  .zwp-ftrs-clrd-list {
    max-width: 300px;
    margin: 0 auto;
  }
  .zwp-ftrs-clrd-list li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* Ftrs list Ends*/
}