.main-container-wrapper:before {
  opacity: 0
}

h1,h2 {
  font-family: var(--zf-secondary-bold)
}

h1 {
  font-size: 56px;
  line-height: 1.1
}

h2 {
  font-size: 42px;
  margin-bottom: 20px
}

#features-1 h2 {
  font-size: 45px;
  line-height: 1.1;
  position: relative;
  padding-top: 100px
}

#features-1 h2::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: 20px;
  background-image: url(/sites/zweb/images/vault/siem-sprite.png);
  background-size: auto 60px;
  background-repeat: no-repeat
}

#features-1 li:nth-child(4) h2::before {
  background-position: -60px 0;
  transform: scale(1.1) translate(0,-6px)
}

.features-banner-content {
  max-width: 750px;
  margin-bottom: 40px
}

#features-1 .cont-part p,#features-1 .cont-part h2 {
  color: #fff
}

#features-1 .cont-part h2 {
  max-width: 480px;
  font-size: 50px;
  margin-left: auto;
  margin-right: auto
}

#features-1 .cont-part p {
  max-width: 530px;
  width: 90%;
  margin-left: auto;
  margin-right: auto
}

#features-1 li:nth-child(1) h2::before,#features-1 li:nth-child(2) h2::before {
  display: none
}

#features-1 li:nth-child(1) h2,#features-1 li:nth-child(2) h2 {
  padding-top: 0
}

#features-1 .content-wrap:not(.html-part),#features-3 .content-wrap:not(.html-part) {
  display: none
}

#features-3 {
  margin-bottom: 50px
}

.html-part.content-wrap {
  overflow: initial;
  padding-bottom: 100px;
  max-width: 1100px
}

#features-1 .html-part.content-wrap {
  max-width: 1100px
}

.html-part ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.html-part ul li {
  width: 44%;
  margin: 80px 0 0
}

.html-part ul li:last-child {
  width: 42%
}

.html-part img,.image-part>div img,.image-part>div video {
  box-shadow: 0 0 19px 1px rgba(0,0,0,0.06);
  border: 0
}

.html-part li:nth-child(2) img {
  max-width: 405px;
  width: 80%
}

.html-part li:first-child img {
  max-width: 460px;
  width: 95%
}

.features-item .image-part {
  overflow: inherit
}

.html-part p {
  margin-bottom: 46px;
  font-size: 18px
}

.all-features {
  display: none
}

div#features-2 {
  background-color: #eaf6ff;
  max-width: 1600px;
  margin: 0 auto 0;
  padding: 60px 0;
  width: 100%
}

#features-2 .content-wrap {
  max-width: 1070px;
  overflow: initial
}

#features-2 .cont-part {
  max-width: 970px;
  width: 100%;
  margin-bottom: 30px
}

#features-2 .cont-part p {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px
}

#features-2 ul li {
  background: 0;
  margin: 0 -3px 0 0;
  padding: 0;
  display: inline-block;
  vertical-align: top
}

#features-2 ul li>span {
  background: url(/sites/zweb/images/vault/logos-sprite.png);
  display: inline-block;
  width: 50px;
  height: 81px;
  margin: 0 auto;
  background-size: auto 80px;
  vertical-align: top
}

#features-2 ul li {
  display: inline-block;
  margin: 0 20px 0 0;
  font-size: 14px;
  text-align: center;
  transition: all .9s;
  line-height: 2.6
}

#features-2 ul li.loggly-icon>span {
  background-position: 0 0;
  width: 180px
}

#features-2 ul li.logz-icon>span {
  background-position: -179px 0;
  width: 209px;
  position: relative;
  top: -4px
}

#features-2 ul li.rapid7-icon>span {
  background-position: -439px -8px;
  width: 80px;
  background-size: auto 90px
}

#features-2 ul li.sematext-icon>span {
  background-position: -467px 0;
  width: 126px;
  position: relative;
  top: -4px
}

#features-2 ul li.logic-icon>span {
  background-position: -600px 0;
  width: 156px
}

#features-2 ul li.timber-icon>span {
  background-position: -760px 0;
  width: 66px
}

.inner-feature .title-wrap,.zd-faq ul {
  max-width: 800px;
  width: 100%;
  position: relative;
  margin: auto
}

.features-item .cont-part ul {
  margin: 50px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom-cta-wrap .content-wrap {
  padding: 120px 0 150px
}

.bottom-cta-wrap .content-wrap h2 {
  max-width: 1100px
}

.i18n-ar .features-item .cont-part ul {
  text-align: center
}

.i18n-ar .features-item h2,.i18n-ar .features-item p {
  text-align: right
}

@media screen and (max-width: 1500px) and (min-width:992px) {
  h1 {
      font-size:48px
  }

  h2,#features-1 h2 {
      font-size: 38px
  }

  .html-part p {
      font-size: 17px
  }

  .features-banner-content {
      max-width: 920px;
      margin-bottom: 40px;
      margin: 40px auto 0
  }

  #features-1 .html-part.content-wrap {
      max-width: 1000px;
      padding-bottom: 60px
  }

  div#features-2 {
      padding: 10px 0
  }

  .bottom-cta-wrap .content-wrap {
      padding: 80px 0 100px
  }
}

@media screen and (max-width: 992px) and (min-width:768px) {
  h1 {
      font-size: 36px;
  }

  h2 {
      font-size: 34px
  }

  #features-1 h2 {
      font-size: 30px;
  }

  #features-1 .cont-part {
      padding: 80px 0 120px
  }

  .features-banner-wrap .content-wrap {
      margin: 40px auto 0
  }

  .features-banner-content p,.html-part p,#features-2 .cont-part p {
      font-size: 16px
  }

  .i18n-de #features-1 h2 {
      font-size: 28px
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
}
  h2,#features-1 h2 {
      font-size:30px
  }

  .features-banner-content p,.html-part p,#features-2 .cont-part p {
      font-size: 16px
  }

  #features-1 .html-part ul li,#features-3 .html-part ul li {
      width: 97%;
      max-width: 500px;
      margin: 0 auto 60px;
      text-align: center
  }

  #features-1 .html-part {
      margin-bottom: 0;
      padding-bottom: 0
  }

  #features-1 .cont-part h2 {
      font-size: 36px
  }
  #features-1 h2::before
  {
    left: 0;
    right: 0;
    margin: auto;
  }

  div#features-2 {
      padding-top: 0;
      margin-bottom: 0
  }

  .html-part.content-wrap {
      padding-bottom: 0
  }

  #features-2 .cont-part
  {
    margin-bottom: 0;
  }

  .bottom-cta-wrap .content-wrap {
    padding: 70px 0 80px;
}
  .bottom-cta-wrap .content-wrap h2 {
    max-width: 580px;
}

  .i18n-de h2 {
      font-size: 30px
  }

  .i18n-nl .bottom-cta-wrap h2 {
      word-break: break-all
  }

  .i18n-ar .features-item h2,.i18n-ar .features-item p,.i18n-ar .html-part ul li h2 {
      text-align: center
  }

  .i18n-ar #features-1 h2::before {
      left: 0;
      right: 0;
      display: block;
      margin-left: auto;
      margin-right: auto
  }
}

@media screen and (max-width: 480px) {
  h1 {
      font-size:30px
  }

  h2,#features-1 h2 {
      font-size: 24px
  }

  #features-1 h2 {
      padding-top: 70px
  }

  #features-1 h2::before {
      top: 0;
      margin: 0;
  }

  .features-banner-content p a {
      margin-top: 10px
  }

  .html-part p {
      margin-bottom: 20px
  }

  .features-banner-content {
      margin-bottom: 30px
  }

  #features-1 .cont-part {
      padding: 60px 0 90px
  }

  #features-1.features-item .content-wrap {
      padding: 0 0 50px
  }

  #features-3 {
      margin-bottom: 0
  }

  #features-1 .html-part ul li {
      margin: 44px auto 0;
      text-align: left
  }

  #features-1 .html-part ul li:nth-child(2) h2 {
      max-width: 300px;
      margin-right: auto
  }

  #features-1 .cont-part::before {
      width: 47px;
      height: 60px;
      background-size: contain;
      bottom: -30px
  }

  #features-2 ul li {
      margin: 0;
      transform: scale(0.85)
  }

  .bottom-cta-wrap .content-wrap {
      padding: 60px 0 70px;
  }

  .features-item .cont-part ul {
      margin: 0 0 20px
  }

  #features-2 .content-wrap {
      padding: 70px 0 30px
  }

  div#features-2 {
      padding-bottom: 0
  }

  .i18n-de .bottom-cta-wrap h2,.i18n-de #features-1 h2 {
      word-break: break-all
  }

  .i18n-de h1,.i18n-nl h1 {
      font-size: 32px
  }

  .i18n-nl #features-1 h2 {
      font-size: 26px
  }
}

@media screen and (min-width: 1100px) {
  a.act-btn.cta-btn {
      padding:10px 32px;
      font-size: 18px
  }
}

.i18n-ar .bottom-cta-wrap .content-wrap,.i18n-ar .bottom-cta-wrap .content-wrap h2 {
  text-align: center
}

@media screen and (max-width: 767px) {
  .i18n-ar #features-1 .cont-part p {
      margin:0 auto
  }
}