.main-container-wrapper:before{
    opacity:0;
}
h1,h2{
    font-family: var(--zf-secondary-bold);
}
h1{
    font-size: 50px;
    line-height: 1.1;
}
h2{
 font-size: 40px;
 margin-bottom: 20px;
}
.features-banner-content p a{
    margin-top: 10px;
}
#features-1 img{
    max-width:837px;
    width: 90%;
}
.features-banner-content p {
    margin: 10px auto 20px;
    max-width: 610px;
}
.features-item:not(.bottom-image) .cont-part h2{
    max-width:420px;
    line-height: 1.1;
}
#features-1{
    background-color: #e9f6ff;
    margin-bottom: 40px;
    max-width: 1600px;
    margin: auto;
    border-radius: 5px;
}
.cont-part p{
    max-width:460px
}
.image-part>div img, .image-part>div video {
    box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.06);
    border: none;
}
.features-banner-content {
    margin: 60px auto 60px;
    max-width: 900px;
    width: 100%;
}
.features-item .image-part,.features-item .content-wrap{
    padding: 0;
    overflow: visible;
}
.features-item .content-wrap{
    padding: 80px 0px 60px;
}
#features-3 .content-wrap{
     padding-top: 60px
}
.bottom-cta-wrap {
    color: white;
    background-color: #031c34;
    margin-top: 0px;
    padding: 40px 0px 50px;
}
.bottom-cta-wrap .content-wrap{
    max-width: 640px;
}
.features-item.right-image .content-wrap>div.cont-part{
    padding-left:20px
}
.features-item.left-image .content-wrap>div.cont-part {
    padding-left: 90px;
}
#features-2 .cont-part{
    width: 40%;
    padding-left: 60px;
}
#features-2 img{
    width:600px;
}

#features-3 .cont-part p,#features-3 .cont-part h2{
    color: #fff;
}
#features-3 .cont-part h2{
    max-width: 540px;
    font-size: 48px;
    margin-left: auto;
    margin-right: auto;
}
#features-3 .cont-part p{
    max-width: 600px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#features-3 .cont-part{background-color: #031c34;width: 90%;max-width: 930px;padding: 140px 0px 180px;border: 8px solid #00cfff;position: relative;overflow: initial;margin: 0px auto 0px;}

#features-3 .cont-part::before{
    position:absolute;
    content:"";
    left: 0;
    right: 0;
    margin: auto;
    bottom: -43px;
    z-index: 99;
    background-image: url(/sites/zweb/images/vault/vault-sheild.png);
    background-size: cover;
    width: 68px;
    height: 86px;
}

#features-3 .html-part.content-wrap{overflow: initial;padding-bottom: 100px;max-width: 1000px;left: 10px;position: relative;width: 85%;}

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

#features-3 .html-part ul li{
    width: 45%;
    margin: 20px 0px 0px;
}
#features-3 .html-part img{
  box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.06);
    border: none;
}
#features-3 .html-part p{
    margin-bottom:46px
}
#features-3 .html-part p a{
    
text-decoration: underline;
}
.all-features{
    margin-top:0px;
    display: none;
}
#features-3 li h2{
   padding-top: 80px;
   position: relative;
}
#features-3 li h2::before{
  position: absolute;
   content: "";
   width: 70px;
   height: 65px;
   /*! background-color: red; */
   top: 0px;
   left: 0px;
  background-image: url(/sites/zweb/images/vault/why-icons.png);
  background-size: auto 65px;
  background-repeat: no-repeat;
}
#features-3 li.z-icon-2 h2:before{
       background-position: -146px 0px;
}
/*translation-css*/
.i18n-fr .bottom-cta-wrap .content-wrap,.i18n-id .bottom-cta-wrap .content-wrap,.i18n-es-xl .bottom-cta-wrap .content-wrap,.i18n-vi .bottom-cta-wrap .content-wrap,.i18n-ar .bottom-cta-wrap .content-wrap{
    max-width: 840px;
}
.i18n-fr .features-banner-content{
    max-width: 920px;
}
.i18n-fr #features-3 .cont-part h2,.i18n-pt-br #features-3 .cont-part h2,.i18n-es-xl #features-3 .cont-part h2{
    max-width: 600px;
}
.i18n-de .features-banner-content p,.i18n-ar .features-banner-content p{
    max-width: 720px;
}
.i18n-de #features-3 .cont-part h2{
    word-break: break-word;
    max-width: 740px;
}
.i18n-de .bottom-cta-wrap .content-wrap{
    max-width: 860px;
}
.i18n-pt-br .features-banner-content{
    max-width: 950px;
}
.i18n-it .features-banner-content{
    max-width: 980px;
}
/*d9-changes*/
.features-banner-wrap{
    padding: 40px 0 10px;
}
@media screen and (max-width:1500px) and (min-width:992px){
.features-banner-content{
    max-width: 900px;
    margin: 40px auto 70px;
}
.features-item .content-wrap{
    max-width: 1040px;
}
.features-item .content-wrap {
    padding: 60px 0px;
}
}
@media screen and (max-width:991px) and (min-width:768px){
   h1{
    font-size: 42px;
}
h2{
 font-size:36px;
}
.cont-part h2,.features-item .cont-part p{
    width:100%;
    max-width: 100%;
}
.features-item.left-image .content-wrap>div.cont-part,.features-item.right-image .content-wrap>div.cont-part{
    padding:0px;
    max-width: 600px;
}
.features-banner-content {
      margin: 0px auto 50px;
}
.features-banner-wrap .content-wrap{
    margin: 50px auto 20px;
}
.features-item .content-wrap {
    padding: 40px 0px;
}
.other-lang #features-2 .cont-part{
    width: 100%;
    padding-left: 0px;
}
.other-lang .features-item:not(.bottom-image) .cont-part h2{
    max-width: 100%;
}
.features-item:not(.bottom-image) .cont-part h2{
    max-width: 100%;
}
#features-2 .cont-part{
    width: 100%;
    padding-left: 0;
}
#features-3 .cont-part
{
    padding: 80px 0 180px;
}
}
@media screen and (max-width:767px){
h1{
    font-size: 36px;
}
h2,#features-3 .cont-part h2{
 font-size:30px;
}
#features-2 .cont-part{
    width:100%;
    padding:0px
}
.cont-part h2,.features-item .cont-part p{
    width:100%;
    max-width: 100%;
}
    #features-3 .cont-part {
    padding: 60px 0px 100px;
    }
    #features-3 .cont-part::before {
	width: 60px;
	height: 76px;
}
.features-item.left-image .content-wrap>div.cont-part,.features-item.right-image .content-wrap>div.cont-part{
    padding:0px;
    max-width: 600px;
}
.features-banner-content {
      margin: 0px auto 50px;
}
.features-banner-wrap .content-wrap{
margin: 10px auto 0px;
}
.features-item .content-wrap {
    padding: 50px 0px;
}
    #features-1{
        margin-bottom: 10px
    }
    #features-3 .html-part ul li{
        width: 100%;
        margin: 0px 0px 0px;
    }
    #features-3 .html-part ul {
        margin-top: 100px;
    }
    .other-lang .features-item .cont-part h2{
        word-break: break-word;
    }
    .other-lang .features-item:not(.bottom-image) .cont-part h2{
        max-width: 100%;
    }
    .features-item:not(.bottom-image) .cont-part h2{
        max-width: 100%;
    }
    #features-3 .html-part.content-wrap
    {
        left: 0;
    }
}
@media screen and (max-width:480px){
     h1{
        font-size:30px;
    }
    h2, #features-3 .cont-part h2 {
        font-size: 26px;
    }
    .cont-part h2{
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    } 
    .bottom-cta-wrap{
        padding: 10px 0px 30px;
        margin-top: 30px;
    }
    .all-features ul.menu li {
    width: auto;
    display: inline-block;
    margin-bottom: 0px;
}
.all-features {
    padding: 80px 0 50px;
    margin: 0px auto 0;
}
.features-banner-content p a{
    margin-top:0px
}
    #features-1 img{
        width: 100%;
    }
    #features-3 .html-part.content-wrap{
        padding-bottom: 30px;
    }
    .bottom-cta-wrap .content-wrap{
        max-width: 300px;
    }
    #features-3 .content-wrap{
        padding:0px
    }
    .other-lang .bottom-cta-wrap .content-wrap{
        max-width: 100%;
    }
    .i18n-de .features-banner-content h1{
        word-break: break-word;
    }
}
@media screen and (min-width:1100px){
    .act-btn{
        padding:10px 32px;
        font-size:18px;
    }
}


/* Arabic Starts */

.i18n-ar #features-3 li h2::before {
    right: 0;
    left: auto;
}

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

@media only screen and (max-width: 991px){
.i18n-ar #features-2 .cont-part {
    padding-right: 0;
    padding-left: 0;
}

.i18n-ar #features-3 li h2, .i18n-ar #features-3 li p {
    text-align: right;
}
}

/* Arabic Ends */