.region-content *{box-sizing:border-box;}
.banner-section {background: #fef2f4;position: relative;}
.feature-home-page-wrap .content-wrap{max-width:1360px;}
.banner-section .content-wrap {padding: 160px 0 180px 0;max-width: 1170px;}
.banner-wrap > div {display: inline-block;width: 49%;vertical-align: top;}
.banner-wrap > div:first-child{padding-right: 130px;}
.i18n-ar .banner-wrap > div:first-child {padding-right: 0px; padding-left: 130px;}
.banner-wrap > div:last-child{padding-left: 50px;}
.i18n-ar .banner-wrap > div:last-child {padding-left: 0px; padding-right: 50px;}
h1,h2,h3,h4{font-family:'gilroybold';}
/*banner video*/
.bnr-media {position: relative;max-width: 500px;}
.bnr-media video{max-width:100%;}
.bnr-arrow{position: absolute;width: 40px;height:40px;background: url(/sites/default/files/pagesense/home/bnr-arrow.png) no-repeat;background-size: 100%;top: 130px;left: 80px;}
.bnr-arrow-icon > span {position: absolute;width: 2px;height: 5px;background: #000;border-radius: 100%;-webkit-animation: searchblink 1.8s infinite;animation: searchblink 1.8s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.bnr-arrow-icon > span:first-child{-webkit-transform: translate3d(-1px, 15px, 0px) rotateZ(54deg);transform: translate3d(-1px, 15px, 0px) rotateZ(54deg);}
.bnr-arrow-icon > span:nth-child(2){-webkit-transform: translate3d(-4px, 5px, 0px) rotateZ(92deg);transform: translate3d(-4px, 5px, 0px) rotateZ(92deg);-webkit-animation-delay: .2s;animation-delay: .2s;}
.bnr-arrow-icon > span:nth-child(3){-webkit-transform: translate3d(1px, -3px, 0px) rotateZ(136deg);transform: translate3d(1px, -3px, 0px) rotateZ(136deg);-webkit-animation-delay: .4s;animation-delay: .4s;}
.bnr-arrow-icon > span:nth-child(4){-webkit-transform: translate3d(11px, -6px, 0px) rotateZ(176deg);transform: translate3d(11px, -6px, 0px) rotateZ(176deg);-webkit-animation-delay: .6s;animation-delay: .6s;}
.bnr-arrow-icon > span:nth-child(5){-webkit-transform: translate3d(21px, -6px, 0px) rotateZ(216deg);transform: translate3d(21px, -6px, 0px) rotateZ(216deg);-webkit-animation-delay: .8s;animation-delay: .8s;}
.bnr-view {position: absolute;max-width: 80px;bottom: 50px;right: 50px;-webkit-animation: bnrsearchMove 10s linear infinite;animation: bnrsearchMove 10s linear infinite;}
.bnr-search{position: absolute; top: 0; left: 0; -webkit-transform: rotateY(24deg); transform: rotateY(24deg); width: 50px; height: 50px;/*animation: bnrsearcheye 4s linear infinite;*/}
span.bnr-search-center:after { position: absolute; width: 5px; height: 4px; background: #fff; top: 4px; left: 4px; border-radius: 50%;content:'';}
.bnr-search-black {position: absolute; width: 10px; height: 5px; background: #fff; top: 10px; left: 21px; border-radius: 50%;}
.bnr-arrow,.bnr-view{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:500ms ease;transition: 500ms ease;-webkit-transition-delay: 3s;transition-delay: 3s;}
.bnr-arrow{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition-delay: 3.5s;transition-delay: 3.5s;}
.in-view .bnr-arrow{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.in-view .bnr-view{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
span.bnr-search-center { position: absolute; width: 14px; height: 14px; background: #000; top: 18px; left: 20px; border-radius: 50%; }
@-webkit-keyframes searchblink {
    0% {opacity: .2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
    20% {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
    100% {opacity: .2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
}
@keyframes searchblink {
    0% {opacity: .2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
    20% {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
    100% {opacity: .2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
}
@-webkit-keyframes bnrsearchMove{
    0%{-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
    25%{-webkit-transform: translate3d(-20px, 10px, 0px);transform: translate3d(-20px, 10px, 0px);}
    50%{-webkit-transform: translate3d(-25px, 25px, 0px);transform: translate3d(-25px, 25px, 0px);}
    75%{-webkit-transform: translate3d(-25px, 0px, 0px);transform: translate3d(-25px, 0px, 0px);}
    100%{-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
}
@keyframes bnrsearchMove{
    0%{-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
    25%{-webkit-transform: translate3d(-20px, 10px, 0px);transform: translate3d(-20px, 10px, 0px);}
    50%{-webkit-transform: translate3d(-25px, 25px, 0px);transform: translate3d(-25px, 25px, 0px);}
    75%{-webkit-transform: translate3d(-25px, 0px, 0px);transform: translate3d(-25px, 0px, 0px);}
    100%{-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
}

#feature-nav-header{position: absolute;width: 100%;bottom: 0;}
.feature-nav{min-height:auto;}
.feature-nav,.feature-nav ul.fixed{background: rgb(249, 230, 233);}
.feature-nav ul li>a{font-size: 18px;padding: 10px 0px;}
.feature-nav li{padding: 10px 0px;margin: 0 30px;}
.feature-nav .fixedroller{background: #FF912E;margin-left: 0px;}
.feature-item {padding: 70px 0;overflow: hidden;}
.feature-item.engage{padding-bottom: 40px;}
.feature-item:nth-child(even){background: #FFF8F2;}
.feature-desc{text-align:center;}
.feature-inner { display: table; table-layout: fixed; width: 100%; padding: 30px 0 40px 0; } 
.feature-img { display: table-cell; width: 60%;position: relative;} 
.feature-cont { display: table-cell; width: 40%; vertical-align: middle; text-align: left;} 
.accordian-wrap .feature-cont{vertical-align: top;}
.img-right .feature-cont{padding:0px 0px 0px 180px}
.i18n-ar .img-right .feature-cont{padding:0px 180px 0px 0px}
.img-left .feature-cont{padding:0px 180px 0px 0px}
.i18n-ar .img-left .feature-cont{padding:0px 0px 0px 180px}
.feature-main .feature-content p { width: 100%; }
.img-wrap{position:relative;}
.img-right .img-wrap{margin:20px 20px 20px 100px;} 
.i18n-ar .img-right .img-wrap{margin:20px 100px 20px 20px;} 
.img-left .img-wrap{margin:0 100px 0 0;} 
.i18n-ar .img-left .img-wrap{margin:0 0 0 100px;} 
.feature-inner.img-left,.personalize .feature-inner.img-right,.accordian-wrap.img-right{padding-bottom: 0px;}
.track .img-left.funnel-analysis .img2{position: relative;margin-top: -190px;}
.track .img-right.goals .img2{position: relative;margin-top: -230px;}
.img2{position:absolute;}
.shadow {box-shadow: 0px 2px 12px 5px rgba(216, 216, 216, 0.33);}
.accordian-wrap .feature-cont {padding: 0px 0px 0px 100px;}
.i18n-ar .accordian-wrap .feature-cont {padding: 0px 100px 0px 0px;}
.accordian li{position:relative;margin: 0 0 15px 0; padding: 10px 40px 20px 20px;}
.i18n-ar .accordian li{padding: 10px 20px 20px 40px;}
.accordian li h4{cursor:pointer;margin:0px;font-size: 22px;}
.analyse .accordian li.active{background: #FFEEE0;}
.accordian li.active h4{color:#FF912E;}
.active .arrow span{background-color:#FF912E;}
.accor-cont{margin-top: 10px;}
.accor-cont,.accord-img{display:none;}
.accord-img.active{display:inline-block;}
.arrow { width:16px; width: 1rem; height:16px; height: 1rem; display: inline-block; position: absolute; right: 5px; top: 10px;cursor: pointer;}
.arrow span { top:8px; top: 0.5rem; position: absolute; width:10.4px; width: 0.65rem; height:1.6px; height: 0.1rem; background-color: #000; display: inline-block; -webkit-transition:all 0.2s ease; transition: all 0.2s ease; }
.arrow span:first-of-type {left: -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.arrow span:last-of-type {right: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.active .arrow span:first-of-type {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.active .arrow span:last-of-type {-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.goals .img2{left: 3%;bottom: -10%;max-width: 94%;}
.funnel-analysis .img2{left: 3%;bottom: -35%;max-width: 94%;}
.personalize .img-wrap img{max-width:500px;display: block;}
.personalize .img2 {-webkit-transform: translateX(50px);transform: translateX(50px);}
.personalize .img3 {position: relative;margin: 20px 0 0 60px;}
.personalize .img-wrap .img2 {top: 150px;left: 180px;z-index:1;}
.personalize .img-wrap .img1 {margin: 0 0 0 0px;}
.polls .img1,.polls .img2,.push-notification .img1,.push-notification .img2{max-width:600px;display:block;position: relative;}
.polls .img3{max-width: 300px;position: relative;-webkit-transform: translate(20px, -30px);transform: translate(20px, -30px);}
.push-notification .img3{max-width: 400px;position: relative;-webkit-transform: translate(150px, -10px);transform: translate(150px, -10px);bottom: 20px;}
.push-notification img.img3 {left: 150px;bottom: 55px;}
.feature-section-wrap .img-wrap .img2{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all 900ms ease;transition: all 900ms ease;-webkit-transition-delay:300ms;transition-delay:300ms;}
.feature-section-wrap .in-view .img-wrap .img2{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0px);transform:translateY(0px);}
.feature-section-wrap .img-wrap .img3{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all 900ms ease;transition: all 900ms ease;-webkit-transition-delay:900ms;transition-delay:900ms;}
.feature-section-wrap .in-view .img-wrap .img3{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0px);transform:translateY(0px);}
.personalize p.feature-zcta {text-align: center;margin: 40px 0 0px 0;}
p.feature-zcta{;margin: 15px 0 0 0;}
.feature-item .feature-inner.push-notification{display:none;}
.polls img.img3 {bottom: 30px;left: 30px;}

@media only screen and (min-width : 1400px) {
    .feature-item.track{padding-bottom: 200px;}
}
@media only screen and (min-width : 1200px) and (max-width: 1399px) { 
    h1 {font-size: 36px}
    .banner-wrap > div:first-child{padding-right: 80px;}
    .i18n-ar .banner-wrap > div:first-child {padding-right: 0px; padding-left: 80px;}
    .bnr-media{max-width:440px;}
    .img-right .feature-cont{padding: 0px 0px 0px 120px;}
    .i18n-ar .img-right .feature-cont{padding: 0px 120px 0px 0px;}
    .img-right.accordian-wrap .feature-cont{padding: 0px 0px 0px 100px;}
    .i18n-ar .img-right.accordian-wrap .feature-cont{padding: 0px 100px 0px 0px;}
    .img-left .feature-cont {padding: 0px 120px 0px 0px;}
    .i18n-ar .img-left .feature-cont {padding: 0px 0px 0px 120px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
    .banner-wrap > div:first-child{padding-right: 0px;}
    .i18n-ar .banner-wrap > div:first-child {padding-left: 0px;}
    .banner-section .content-wrap{padding: 120px 0 40px 0;}
    .track .feature-inner.img-left {padding-top: 60px;}
    .feature-item.track {padding-bottom: 90px;}
    .feature-img,.feature-cont{width:50%;}
    .img-right .feature-cont,.img-left .feature-cont{padding: 0px 0px 0 0px;}
    .img-right .img-wrap{margin: 20px 0px 20px 40px;}
    .i18n-ar .img-right .img-wrap{margin: 20px 40px 20px 0px;}
    .img-left .img-wrap {margin: 0 40px 0 0;}
    .i18n-ar .img-left .img-wrap {margin: 0 0 0 40px;}
    .personalize .img3{margin: 90px 0 0 0px;}
    .personalize .feature-inner{padding:0px;}
    .polls .img1, .polls .img2, .push-notification .img1, .push-notification .img2{max-width:100%;}
    #block-system-main{margin-bottom: 0px;}
    .personalize .img-wrap img{max-width:100%;}
    .personalize .img-wrap .img2,.push-notification img.img3{left:20px;}

}

@media only screen and (max-width: 991px) { 
    .feature-home-page-wrap .content-wrap{max-width:650px;}
    .banner-section .content-wrap{max-width:900px;}
    .banner-wrap > div:first-child{padding-right: 0px;}
    .i18n-ar .banner-wrap > div:first-child {padding-left: 0px;}
    .banner-section .content-wrap{padding: 140px 0 30px 0;}
    .feature-img{display:none;}
    .img-right .feature-cont,.img-left .feature-cont{display:block;width:100%;padding:0px;}
    .feature-inner{padding: 10px 0 0px 0;}
    .feature-desc{text-align:left;}
    .accordian li{padding: 0px 40px 20px 0px;}
    .i18n-ar .accordian li { padding: 0px 0px 20px 40px;}
    #block-system-main{margin-bottom: 0px;}
}
@media all and (max-width:767px){
    .banner-section .content-wrap {padding: 120px 0 60px 0;}
    .banner-wrap > div:last-child{display:none;}
    .banner-wrap > div:first-child{width:100%;text-align:center;}
    .feature-item{padding:60px 0;}
}

/*other languages*/
.other-lang .banner-section .act-btn{font-size:14px;}
.i18n-ar .banner-wrap > div:first-child{padding-right: 0px;}
.i18n-ar .feature-nav ul{text-align: center; display: inline-block;}
.i18n-ar .arrow {right: unset; left: 5px;}

@media only screen and (min-width: 992px) { 
  .i18n-ar .feature-nav, .i18n-ar .feature-desc h2, .i18n-ar .feature-desc p {
    text-align: center;
  }
}