.features-item .cont-part p a.button,
.cta-wrap .button {
 text-decoration:none;
 font-family:var(--zf-primary-semibold);
 display:inline-block
}
.button, .get-started a, a.signup-btn{
   padding:12px 32px;
  
   line-height: initial;
}
.features-item.bottom-image .cont-part p {
 max-width:100%
}
.cta-wrap a {
 background-color:#000;
 padding:12px 32px;
 display:inline-block
}
.features-item.right-image .content-wrap>div.digital-sign.digital-sign {
 padding:100px 50px 70px;
 max-width:1170px;
 display:block;
 margin:auto;
 width:90%
}
.features-item .cont-part p a,
.features-item .cont-part p+a {
 text-decoration:none
}
.digital-sign>div {
 width:100%;
 display:block;
 vertical-align:top;
 color:#fff;
 text-align:center;
 max-width:824px;
 margin:auto;
 text-align:center
}
.digital-sign>div:not(:nth-of-type(3)):not(:nth-of-type(4)) {
 padding-bottom:30px;
 margin-bottom:40px;
 border-bottom:1px solid
}
.digital-sign>div:nth-of-type(3) {
 margin-bottom:40px
}
.digital-sign .left-content {
 margin-bottom:20px;
 text-align:center
}
.right-content p a {
 color:white;
 border-bottom:1px solid #fff;
 font-family:var(--zf-primary-semibold)
}
h2 {
 font-family:var(--zf-primary-bold);
 font-size:40px
}
#features-1 h1 {
 font-size:44px
}
}
div#features-1 h2 {
 display:none
}
div#features-1 .cont-part {
 position:relative;
 top:-20px
}
#features-1 img {
 max-width:450px;
 width:90%;
 position:relative;
 left:60px
}
#features-1 .image-part {
 padding:0
}
#features-1 .content-wrap:not(.html-part) {
 padding:80px 0 100px
}
#features-2 {
 margin-top:60px
}
#features-3 img {
 max-width:400px;
 width:90%
}
#features-4 img {
 max-width:360px;
 width:90%
}
#features-5 img {
 max-width:360px;
 width:90%
}
.features-item .digital-sign h2 {
 color:#fff;
 margin:auto
}
.features-item .cont-part ul {
 text-align:left;
 margin:30px auto;
 padding-left:30px
}
.features-item .cont-part ul li {
 list-style-type:none;
 background:0;
 position:relative;
 display:inline-block;
 padding-left:10px;
 min-width:350px
}
.views-table .features-item:first-child .content-wrap.html-part {
 background:#0b73d5;
 width:100%
}
#features-2 .cont-part ul li:before,
#features-2 .cont-part ul li:after {
 position:absolute;
 content:""
}
#features-2 .cont-part ul li:before {
 border:2px solid #2776ba;
 width:16px;
 height:16px;
 border-radius:50px;
 left:-22px;
 top:5px
}
#features-2 .cont-part ul li:after {
 border-bottom:2px solid #2776ba;
 border-left:2px solid #2776ba;
 width:7px;
 height:3.5px;
 left:-17px;
 top:11px;
 transform:rotate(-55deg);
 transition:all .5s
}
#features-2 .cont-part ul li.active:after {
 right:-74px;
 top:13.5px;
 transform:rotate(135deg)
}
.bottom-cta-wrap .content-wrap {
 padding-bottom:100px;
 max-width:1000px
}
.features-item.right-image .content-wrap>div.cont-part {
 padding-right:20px
}
.bottom-cta-wrap .content-wrap p a {
 border-bottom:1px solid;
 font-family:var(--primaryfont-semibold)
}
.table-comp .table-wrap {
 max-width:1000px;
 margin:auto;
 position:relative;
 z-index:1;
 padding:80px 0
}
.table-comp .table-wrap:after {
 position:absolute;
 content:"";
 width:1px;
 height:100%;
 top:0;
 background-color:black;
 left:0;
 right:0;
 margin:auto;
 z-index:1
}
.table-wrap ul {
 display:flex;
 width:100%
}
.table-wrap ul li:nth-child(1) h3,
.table-wrap ul li:nth-child(1) {
 text-align:right;
 position:relative
}
h3{
   font-size: 34px;
}
.table-wrap ul li {
 width:50%;
 margin:25px 0 25px
}
.table-wrap ul li {
 padding:0 75px;
 font-size:19px
}
.table-wrap ul li:nth-child(1) h3:after {
 position:absolute;
 content:"VS";
 right:-97px;
 margin:auto;
 font-size:18px;
 border:1px solid #dfdfdf;
 /*! display: inline-table; */
width:44px;
 text-align:center;
 border-radius:50%;
 padding:9px 5px;
 background-color:white;
 color:black;
 z-index:9
}
.table-wrap ul:not(:nth-child(1)) li:nth-child(1):after {
 position:absolute;
 /*! content: "VS"; */right:-21px;
 margin:auto;
 border:1px solid #000;
 width:40px;
 text-align:center;
 border-radius:50%;
 padding:4px 5px;
 background-color:white;
 color:black;
 z-index:9;
 top:7px;
 font-size:20px
}
.table-wrap ul:nth-child(2) li:nth-child(1):after {
 content:"1"
}
.table-wrap ul:nth-child(3) li:nth-child(1):after {
 content:"2"
}
.table-wrap ul:nth-child(4) li:nth-child(1):after {
 content:"3"
}
.table-wrap ul:nth-child(5) li:nth-child(1):after {
 content:"4"
}
.table-wrap ul:nth-child(6) li:nth-child(1):after {
 content:"5"
}
#features-2 .content-wrap,
#features-3 .content-wrap {
 max-width:1000px
}
@media all and (min-width:1025px) {
 .features-item .digital-sign h2 {
  font-size:42px
 }
 .views-table .features-item:first-child .content-wrap.html-part {
  max-width:100%;
  width:100%
 }
 .views-table .features-item.bottom-image:nth-child(4) .content-wrap {
  padding-bottom:0
 }
 .views-table .features-item.bottom-image:nth-child(4) .cont-part {
  max-width:580px
 }
 .views-table .features-item.bottom-image:nth-child(4) .cont-part p {
  margin:20px 0
 }
 .features-item .cont-part ul li {
  font-size:18px
 }
 .content-wrap-inner {
  margin:40px auto 0;
  text-align:left;
  max-width:790px
 }
 .content-wrap-inner.no-margin {
  margin-top:0
 }
}
@media only screen and (max-width:991px) and (min-width:768px) {
 .views-table .features-item:first-child .content-wrap.html-part {
  padding:0
 }
 .table-comp {
  /*! display:none */
 }
 .features-item.right-image .content-wrap>div.digital-sign.digital-sign {
  padding-bottom:0
 }
}
@media all and (max-width:767px) {
 #features-1 h1 {
  font-size:34px
 }
 .table-comp .table-wrap {
  padding:0 0 60px
 }
 .table-wrap ul li:nth-child(1) h3:after {
  right:-73px;
  top:-6px
 }
 .table-comp::before,
 .table-comp::after,
 .table-comp .table-wrap::after {
  opacity:0
 }
 .table-comp {
  background-color:white
 }
 .table-wrap ul {
  flex-wrap:wrap
 }
 .table-wrap ul li,
 .table-wrap ul li:nth-child(1) h3,
 .table-wrap ul li:nth-child(1) {
  padding:0;
  width:100%;
  text-align:center;
  margin:7px auto;
  max-width:490px
 }
 .table-wrap ul li {
  font-size:17px
 }
 .table-wrap ul:not(:nth-child(1)) li:nth-child(1)::after,
 .table-wrap ul li:nth-child(1) h3::after {
  top:-65px;
  left:0;
  right:0
 }
 .table-wrap ul {
  padding-top:120px
 }
 .features-item.right-image .content-wrap>div.cont-part {
  padding-right:0
 }
 div#features-1 .cont-part {
  padding-left:0;
  top:0
 }
 #features-1 img {
  display:none
 }
 .features-item.right-image .content-wrap>div.digital-sign.digital-sign {
  padding-bottom:0
 }
 .features-item.right-image .content-wrap>div.digital-sign.digital-sign {
  padding:0
 }
 .digital-sign>div:not(:nth-of-type(3)):not(:nth-of-type(4)) {
  padding-bottom:40px;
  margin-bottom:40px
 }
 div#features-1 .content-wrap:not(.html-part) {
  padding:40px 0 0
 }
 #features-1 .content-wrap {
  padding:0
 }
 #features-2 {
  margin-top:0
 }
 h2 {
  font-size:32px
 }
 .bottom-cta-wrap .content-wrap {
  padding-bottom:80px
 }
 .image-part>div {
  padding:30px
 }
 .desktop-only {
  display:none
 }
 .digital-sign>div {
  width:100%
 }
 .features-item.right-image .content-wrap>div.digital-sign.digital-sign {
  padding:70px 0 20px;
  max-width:420px
 }
 .features-item .digital-sign h2 {
  max-width:100%;
  margin-bottom:25px
 }
 .views-table .features-item:nth-child(2) img {
  max-width:150px
 }
 .views-table .features-item:nth-child(3) img {
  max-width:280px
 }
}
.table-comp {
 position:relative
}
.table-comp:before,
.table-comp:after {
 position:absolute;
 content:"";
 width:50%;
 height:100%
}
.table-comp:before {
 background-color:#eff6fd;
 top:0
}
.table-comp:after {
 background-color:#f6f6f6;
 right:0;
 top:0
}