.zw-template-inner *, .zw-template-inner ::after, .zw-template-inner ::before {
    box-sizing: border-box;
}
.zw-template-inner {
margin-top: -70px;
}
.crm-hub-header {
    padding: 140px 0 120px;
     background: url(/sites/zweb/images/crm/crm-pricing-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}
.crm-hub-banner {
    max-width: 1110px;
    margin: 0 auto;
    text-align: left;
    color: #fff;
     position: relative;
    z-index: 1;
}
.crm-hub-titlesec {
    max-width: 1100px;
   text-align: center;
   color: #000;
}
.crm-hub-banner h1 {
    font: 64px / 1.1 var(--zf-primary-semibold);
}
.crm-hub-banner p {
    font: 18px / 1.6 var(--zf-primary-regular);
  margin: 0px;
}
.crm-hub-sinup {
   margin-top: 40px;
}

.crm-hub-container {
    max-width: 900px;
    text-align: center;
    color: rgb(28, 29, 30);
    padding: 115px 0px 0px;
    margin: 0px auto;
}
h2 {
    font: 48px / 1.2 var(--zf-secondary-medium);
    margin: 0px;
    text-align: center;
}
.para-txt {
    font: 18px / 1.7 var(--zf-primary-regular);
    margin: 15px 0 10px;
    display: inline-block;
}
.para-txt a{
    color: #0067ff
}
.crm-platform-advantages{
  max-width: 1200px;
    color: rgb(28, 29, 30);
    padding: 115px 30px 125px;
   margin: 0 auto;
}
.hub-list-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  margin-top: 60px;
}
.hub-list-flexbox{
  width: 30%;
  text-align: left;
  background-color: #eff7fd;
  border-radius: 20px;
  padding: 50px;
}
.hub-list-icon {
    background: url(/sites/zweb/images/crm/platform-hub-page-sprite-1.svg);
    width: 41px;
    height: 41px;
    display: inline-block;
}
.hub-list-icon-1 {
    background-position: -51px -40px;
}
.hub-list-icon-2 {
    background-position: -113px -40px;
}
.hub-list-icon-3 {
    background-position: -174px -40px;
}
.hub-list-icon-4 {
    background-position: -235px -40px;
}
.hub-list-icon-5 {
    background-position: -297px -40px;
}
.hub-list-icon-6 {
    background-position: -358px -40px;
}
h3{
  font: 28px / 1.4 var(--zf-secondary-medium);
  margin-bottom: 0px;
}
.hub-list-flexbox p{
  font: 18px/1.6 var(--zf-primary-regular);
  margin: 15px 0px 0px;
}
.hub-list-flexbox p a{
  color: #0067ff;
}
.features-section {
	padding: 115px 30px 125px;
    color: #000;
    background: #fff3e7;
    text-align: center;
}
.comp-bx-con {
	max-width: 1170px;
    margin: 0 auto;
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cmpr-bx {
	background: #fff;
    border-radius: 20px;
    width: 48.2%;
    margin-bottom: 40px;
    padding: 45px 35px;
    box-sizing: border-box;
    text-align: left;
    display: flex;
    flex-direction: column;
}
.cmpr-bx.last-bx {
    width: 100%;
	margin-bottom: 0px;
}

.crm-platform-solutions-sec{
      max-width: 1140px;
    color: #1c1d1e;
    padding: 115px 30px;
    margin: 0 auto;
    text-align: center;
}
.non-umain .crm-platform-solutions-sec{
    padding-bottom: 0px;
}
.crm-platform-solutions-sec p{
  font: 18px/1.6 var(--zf-primary-regular);
  max-width: 900px;
}
.hub-solutions-flexbox p {
   margin: 15px 0px 0px;
}
.hub-solutions-flex {
  margin-top: 50px;
}
.hub-solutions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
.hub-solutions:last-child {
  margin-bottom: 0px;
}
.hub-solutions-flexbox {
  width: 45%;
  text-align: left;
}
.hub-solutions-flexbox h3 {
  position: relative;
  display: flex;
    align-items: center;
}
.hub-solutions-icon {
  background: url(/sites/zweb/images/crm/platform-hub-page-sprite-1.svg);
  width: 41px;
  height: 41px;
  display: inline-block;
    margin-right: 15px;
}
.hub-solutions-icon-1 {
  background-position: -49px -101px;
}
.hub-solutions-icon-2 {
  background-position: -109px -101px;
}
.hub-solutions-icon-3 {
  background-position: -169px -101px;
}
.hub-solutions-icon-4 {
  background-position: -230px -101px;
}
.hub-solutions-icon-5 {
  background-position: -291px -101px;
}
.hub-solutions-icon-6 {
  background-position: -352px -101px;
}
.hub-solutions-icon-7 {
  background-position: -413px -101px;
}
.hub-solutions-icon-8 {
  background-position: -473px -101px;
}
.crmhub-img {
    border-radius: 10px;
}
.hub-lrn {
    color: rgb(0, 103, 255);
    position: relative;
    display: inline-block;
    text-decoration: none;
    font: 16px var(--zf-primary-semibold);
}
.hub-lrn span {
    background: #0067ff;
    width: 15px;
    height: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: all ease .35s;
}
.hub-lrn span:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #0067ff;
    transform: rotate(-45deg);
    border-left: 0;
    border-top: 0;
    top: -2px;
    right: 0;
}
.hub-lrn:hover span {
  transform: translateX(4px);
  -webkit-transform: translateX(4px)
}
.crm-hub-imgsec {
    margin-top: 65px;
}

.anim-ele, .anim-eles {
  opacity: 0 !important;
  transform: translateY(20px);
}
.anim-init, .anim-init1 {
  transition: .7s opacity cubic-bezier(.25, .46, .45, .94), 1s transform cubic-bezier(.25, .46, .45, .94)
}
.other-lang:not(.i18n-ar) .hub-solutions-icon {
  flex-shrink: 0;
}
.i18n-ar .crm-hub-banner { text-align: right; }
  .i18n-ar h2 { text-align: center; }
  .i18n-ar .hub-list-flexbox { text-align: right; }
  .i18n-ar .cmpr-bx { text-align: right; }
  .i18n-ar .hub-solutions-flexbox { text-align: right; }
  .i18n-ar .hub-solutions-icon { margin-left: 15px; margin-right: unset; }
  .i18n-ar .hub-lrn span {margin-right: 10px;margin-left: unset;transform: scale(-1);}
  .i18n-ar .hub-lrn span:before {/* border-right: 0; */border-left: unset;/* left: 0; *//* right: unset; */}
  .i18n-ar .hub-lrn:hover span { transform: translateX(-4px); }
  .i18n-ar .crm-hub-titlesec, .i18n-ar .crm-hub-container, .i18n-ar .features-section, .i18n-ar .crm-platform-solutions-sec { text-align: center; }
  .i18n-ar .crm-hub-titlesec *, .i18n-ar .crm-hub-container *, .i18n-ar .features-section *, .i18n-ar .crm-platform-solutions-sec  { text-align: center; }
.i18n-ar .hub-lrn:hover span {
    transform: translateX(-4px) scale(-1);
}
.i18n-ar .crm-platform-solutions-sec .para-txt  {
   text-align:center 
}

@media only screen and (max-width: 1200px){
  .crm-hub-banner {
    max-width: 900px;
    padding: 0px 30px;
  }
.hub-list-flexbox {
    width: 48%;
}
 .i18n-ar .crm-hub-banner { padding: 0 30px; }
}

@media only screen and (max-width: 992px){
  .crm-hub-banner h1 {
    font: 50px / 1.1 var(--zf-primary-semibold);
}
.crm-hub-container {
  max-width: 900px;
  padding: 90px 0px 0px;
}
h2 {
  font: 40px / 1.2 var(--zf-secondary-medium);
}
h3 {
    font: 26px / 1.4 var(--zf-secondary-medium);
}
.crm-hub-header {
    padding: 110px 0 100px;
}
.crm-hub-imgsec {
  margin-top: 30px;
}
.hub-list-flex {
    gap: 25px;
}
.hub-list-flex {
    margin-top: 45px;
}
.crm-platform-advantages, .crm-platform-solutions-sec, .features-section {
    padding: 90px 30px 100px;
}
.hub-solutions-flexbox {
    width: 47%;
}
 .i18n-ar .crm-hub-container { padding: 90px 0 0; }
  .i18n-ar .crm-hub-header { padding: 110px 0 100px; }
  .i18n-ar .crm-platform-advantages, .i18n-ar .crm-platform-solutions-sec, .i18n-ar .features-section { padding: 90px 30px 100px; }
}


@media only screen and (max-width: 767px){
  .crm-hub-header {
    padding: 100px 0 65px;
}
  .crm-breadcrumb {
    padding-bottom: 30px;
}
  .crm-hub-banner h1 {
    font: 36px / 1.1 var(--zf-primary-semibold);
    text-align: center;
    letter-spacing: 0px;
    margin-bottom: 15px;
}
.crm-hub-banner p {
  font: 16px / 1.6 var(--zf-primary-regular);
  text-align: center;
}
.crm-hub-container {
  padding: 65px 0px 0;
}
h2 {
  font: 24px / 1.3 var(--zf-secondary-medium);
}
.comp-bx-con {
    margin-top: 25px;
}
.cmpr-bx {
    width: 100%;
   margin-bottom: 30px;
}
.para-txt {
  font: 16px / 1.6 var(--zf-primary-regular);
  margin: 10px 0;
}
.crm-hub-imgsec {
  margin-top: 25px;
}
.hub-testi-cnt {
  padding: 70px 30px;
}
.hub-fetr-sprit {
  margin: 0px auto 10px;
}
.hub-testi-cnt h3 {
  font: 20px / 1.4 var(--zf-primary-medium);
  position: relative;
  text-align: center;
}
.speaker-inner-details {
  display: block;
  margin: 60px auto 0px;
}
.speaker-icon {
  margin: 0 auto;
}
.speaker-rgt {
  text-align: center;
    margin-top: 5px;
    margin-bottom: 0px;
   margin-left: 0px;
}
.testimonial-pername {
  font: 16px / 1.4 var(--zf-primary-medium), sans-serif;
}
.testimonial-desg {
  font: 16px / 1.6 var(--zf-primary-regular);
}
  .brdcrmb-secn {
    padding: 10px 0;
}
  .brdcrmb-cnt-rit {
    margin-right: 0px;
}
.brdcrmb-cnt {
  margin-left: 0px;
}
.hubnxt-icn {
  display: none;
}
.brdcrmb-top {
  font: 12px var(--zf-primary-regular);
}
.brdcrmb-botm a {
  font: 15px var(--zf-primary-medium);
}
.hub-lrn .lrn-arw {
  top: 10px;
}
 .hub-list-flexbox {
        width: 100%;
     padding: 25px;
     margin: 0px 10px;
    }
.slick-next {
  position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #cfcece;
    top: unset;
    bottom: -20px;
    right: 50px;
}
.slick-prev {
   width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #cfcece;
    top: unset;
    bottom: -20px;
    left: 50px;
}
.slick-track {
    display: flex;
}
.slick-slide {
    height: unset;
}
.slick-next:before {
    transform: rotate(-45deg);
    top: 14px;
    right: 20px;
}
.slick-next:after {
    transform: rotate(45deg);
    bottom: 12px;
    right: 20px;
}
.slick-prev:before {
    transform: rotate(45deg);
    top: 14px;
    left: 20px;
}
.slick-prev:after {
    transform: rotate(135deg);
    bottom: 12px;
    left: 20px;
}
.slick-next:after, .slick-next:before, .slick-prev:after, .slick-prev:before {
    background: #000;
    height: 12px;
}
.slick-dots {
    margin: 20px 0 10px;
}
.slick-dots li {
    background: #919293;
    width: 10px;
    height: 10px;
}
.slick-dots li.slick-active {
    background: #575859;
    width: 10px;
    height: 10px;
    border: none;
}
h3 {
    font: 20px / 1.2 var(--zf-primary-semibold);
}
.hub-list-flexbox p {
    font: 16px / 1.6 var(--zf-primary-regular);
}
.hub-list-flex {
    margin-top: 35px;
    gap: 20px;
}
.features-section {
    padding: 65px 30px 70px;
}
    .crm-platform-advantages {
        padding: 65px 0px 35px;
    }
.crm-platform-solutions-sec {
        padding: 65px 30px 35px;
    }
.hub-solutions .hub-solutions-flexbox:first-child {
   margin-bottom: 30px;
}
.hub-solutions-flex {
    margin-top: 35px;
}
.hub-solutions-flexbox {
    width: 100%;
}
.crm-platform-solutions-sec p {
    font: 16px / 1.6 var(--zf-primary-regular);
}
.hub-solutions {
    margin-bottom: 0px;
}
.hub-solutions-flex .slick-arrow{
   bottom: -30px;
}
 .hub-solutions-flex .slick-dots {
        margin: 35px 0 10px;
    }
.i18n-ar .crm-hub-header { padding: 100px 0 65px; }
  .i18n-ar .crm-hub-banner h1 { text-align: center; }
  .i18n-ar .crm-hub-banner p { text-align: center; }
  .i18n-ar .crm-hub-container { padding: 65px 0 0; }
  .i18n-ar .para-txt { margin: 10px 0; }
  .i18n-ar .hub-testi-cnt { padding: 70px 30px; }
  .i18n-ar .hub-fetr-sprit { margin: 0 auto 10px; }
  .i18n-ar .hub-testi-cnt h3 { text-align: center; }
  .i18n-ar .speaker-inner-details { margin: 60px auto 0; }
  .i18n-ar .speaker-icon { margin: 0 auto; }
  .i18n-ar .speaker-rgt { margin-right: 0; margin-left: unset; }
  .i18n-ar .brdcrmb-secn { padding: 10px 0; }
  .i18n-ar .brdcrmb-cnt-rit { margin-left: 0; margin-right: unset; }
  .i18n-ar .brdcrmb-cnt { margin-right: 0; margin-left: unset; }
  .i18n-ar .hub-list-flexbox { padding: 25px; margin: 0 10px; }
  .i18n-ar .slick-next { left: 50px; right: unset; }
  .i18n-ar .slick-prev { right: 50px; left: unset; }
  .i18n-ar .slick-next:before { left: 20px; right: unset; }
  .i18n-ar .slick-next:after { left: 20px; right: unset; }
  .i18n-ar .slick-prev:before { right: 20px; left: unset; }
  .i18n-ar .slick-prev:after { right: 20px; left: unset; }
  .i18n-ar .slick-dots { margin: 20px 0 10px; }
  .i18n-ar .features-section { padding: 65px 30px 70px; }
  .i18n-ar .crm-platform-advantages { padding: 65px 0 35px; }
  .i18n-ar .crm-platform-solutions-sec { padding: 65px 30px 35px; }
  .i18n-ar .hub-solutions-flex .slick-dots { margin: 35px 0 10px; }
  .i18n-ar .speaker-rgt { text-align: center; }
  .i18n-ar .speaker-rgt * { text-align: center; }
 .other-lang .hub-solutions .hub-solutions-flexbox {
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 480px) {
.i18n-de .crm-hub-banner h1 {
        font: 29px / 1.1 var(--zf-primary-semibold);
}
.i18n-pt-br .crm-hub-banner h1 {
        font: 34px / 1.1 var(--zf-primary-semibold);
}
 .i18n-de, .i18n-id, .hub-lrn {
 font: 15px var(--zf-primary-semibold);
}
.i18n-de .para-txt {
        font: 15px / 1.6 var(--zf-primary-regular);
}
}