.features-banner-content {
    max-width:900px;
}
.con-box-left:before {
    content: '';
    height: 65%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    position: absolute;
    width: 1px;
    background: #e3e3e3;
}
.con-box-sec {
    max-width: 1020px;
    width: 100%;
    margin: 50px auto 0;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px #e3e3e3;
    text-align: left;
    display: table;
}
.con-box-left,.con-box-right {
    width: 50%;
    padding: 30px 40px;
    box-sizing: border-box;
    float: left;
    position: relative;
    display: table-cell;
}
h2.inner-hdr {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 15px;
    font-family: var(--zf-primary-bold);
}
p.inner-para {
    margin: 0 auto 10px;
    max-width: 720px;
    width: 100%;
    font-size: 18px;
    line-height: 1.8;
    font-family: var(--zf-primary-regular);
}
.zes_inner {
	max-width: 1120px;
	margin:0px auto 0px;
        padding:50px 0px;
	width:100%;
        text-align:center;
border-top: 1px solid #e8e8e8;
}
.zes_inner ul {
	list-style-type: none;
}
.zes_inner ul:after {
	display: block;
	content:"";
	clear:both;
}
.zes_box {
	width:33.3%;
	float:left;
	transition: 0.5s 0.15s ease;
}
.zes_box div {
	margin:20px;
	padding: 25px;
	min-height: 250px;
	border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#block-system-main {margin-top: -78px;}
.umain .ct-action-btn {display:none;}
.ct-action-btn.alter{display: none;}
.umain .ct-action-btn.alter{display: inline-block;}
.mB0{marginbottom:0}
.features-banner-wrap:before, .features-banner-wrap:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0}
/* .features-banner-wrap:before{-webkit-animation: bannerbgmove 25s 2s infinite alternate; animation: bannerbgmove 25s 2s infinite alternate; background:url("https://www.zoho.com/crm/images/multichannel-bg.jpg") center center no-repeat;background-size:cover;transition: left 2s 0.5s ease; left:-10%;width:110%;}.features-banner-wrap:after{background:#114a7f; opacity:0.8} */

@keyframes bannerbgmove {0%   {left:-10%; width:110%} 100% {left:0; width:100%}}
@-webkit-keyframes bannerbgmove {0%   {left:-10%; width:110%} 100% {left:0; width:100%}}

@media only screen and (min-width : 992px) {
.features-qlinks{position:absolute; left:0; top:0;}
}

current

#block-system-main {margin-top: -78px;}
.features-banner-wrap:before, .features-banner-wrap:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0}
/*.features-banner-wrap:before{-webkit-animation: bannerbgmove 25s 2s infinite alternate; animation: bannerbgmove 25s 2s infinite alternate; background:url("https://www.zoho.com/crm/images/enterprise-readiness-bg.jpg") center center no-repeat;background-size:cover;transition: left 2s 0.5s ease; left:-10%;width:110%;}
.features-banner-wrap:after{background:#006064; opacity:0.8}*/

@keyframes bannerbgmove {0%   {left:-10%; width:110%} 100% {left:0; width:100%}}
@-webkit-keyframes bannerbgmove {0%   {left:-10%; width:110%} 100% {left:0; width:100%}}

@media only screen and (min-width : 992px) {
/*.features-banner-content{margin:0 auto;}*/
.features-qlinks{position:absolute; left:0; top:0;}
}

.features-item .content-wrap { max-width: 1080px;}
.secure-data{ display:table; table-layout:fixed;padding: 0px 0;}
.secure-data ul { display: table;  margin: 15px;}
.secure-data ul li {display:table-cell;  margin:15px 15px; padding:20px; box-sizing:border-box; width:31.333%;/*!  *//*!  */}
.secure-data ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);transition:all 0.75s ease 0s}
.secure-data ul li > div { padding:10px;}
.secure-data li > div > span {  background: url(/sites/default/files/catalyst-sprite-icons.svg) 0 0;  width: 65px;  height: 55px;background-size: 250px 55px;margin-bottom: 15px;background-repeat: no-repeat;}
.secure-data li > div > span.secure-data-icon1 {background-position: 0px 1px; display: inline-block;}
.secure-data li > div > span.secure-data-icon2 {  background-position: -70px 0px;  display: inline-block;}
.secure-data li > div > span.secure-data-icon3 {  background-position: -135px 0px;  display: inline-block;}
.secure-data li > div > span.secure-data-icon4 {  background-position: -194px 0px; display: inline-block;}
.best-brand-logo{ text-align:center;clear: both;padding: 40px 0;border-top: 1px solid #ccc;}
.best-brand-logo h3 { padding: 40px 0px 20px;font-size: 26px;}
.best-brand-logo ul li{background-image:url(https://zcmss.zohocorp.com/sites/default/files/crm-brand-trust-sprite.png); display:inline-block; margin:20px 40px; min-height:45px;padding: 0;background-size: 525px auto;cursor: pointer;}
.best-brand-logo ul li.amazon{background-position:0 0; width:116px;/*!  */}
.best-brand-logo ul li.selectra{background-position:-381px 0px; width:144px;}
.best-brand-logo ul li.benchmark{background-position:-253px 0; width:130px;}
.best-brand-logo ul li.amiad{background-position:-116px 0; width:137px}
.best-brand-logo ul li a{display:block;}

.flexible-scalable {overflow: hidden;  table-layout: fixed;  display: table;  width: 100%;  background-color: #03a9f4;  color: #fff;margin: 30px 0 60px;}
.flexible-scalable > div {  width: 50%;  float: left;  padding: 50px;  box-sizing: border-box;  text-align: center;}
.flexible-scalable > div > h2 { margin-top: 30px;}
.flexible-scalable > div.scalable-bg {  background-color: #01ab6b;}


.flexible-scalable-icons ul {margin: 0;padding: 0;}
.flexible-scalable-icons ul li {  padding: 0px;  list-style-type: none;  display: inline-block;  box-sizing: border-box;margin: 60px 0px;max-width: 246px;width: 100%;}
.flexible-scalable-icons {  position: relative;  width: 100%;}
.flexible-scalable-icons li > span {  background: url("https://www.zoho.com/crm/images/enterprise-crm-sprite@2x.png") no-repeat 0 0;  width: 50px;
  height: 50px;  display: inline-block;  background-size: 700px 50px;}
.flexible-scalable-icons li > span.flexible-icon1 {  background-position: -300px 0;}
.flexible-scalable-icons li > span.flexible-icon2 {  background-position: -350px 0;}
.flexible-scalable-icons li > span.flexible-icon3 {  background-position: -400px 0;}
.flexible-scalable-icons li > span.flexible-icon4 {  background-position: -450px 0;}
.flexible-scalable-icons li > span.flexible-icon5 {  background-position: -500px 0;}
.flexible-scalable-icons li > span.flexible-icon6 {  background-position: -550px 0;}
.flexible-scalable-icons li > span.flexible-icon7 {  background-position: -600px 0;}
.flexible-scalable-icons li > span.flexible-icon8 {  background-position: -650px 0;}

.flexible-scalable-icons li a {
  display: block;
  color: #eee;
  font-size: 12px;
  text-transform: uppercase;
  margin: 5px;
}
.flexible-scalable-icons li p {
  font-size: 20px;
  padding: 0px;
}
.zes_inner {
    max-width: 1020px;
    margin: 0px auto 0px;
    padding: 60px 0px;
    width: 100%;
    text-align: center;
}
.zes_inner ul {
    list-style-type: none;
    text-align: left;
}
.zes_box {
    width: 50%;
    float: left;
    transition: 0.5s 0.15s ease;
}
.zes_box div {
    margin: 20px;
    padding: 25px;
    min-height: 225px;
}
@media only screen and (max-width:767px)
{
  .flexible-scalable > div{width: 100%;} 
.secure-data ul li > div { padding:0px;}
.zes_box {
    width: 70%;
    margin: 0 auto;
    float: none;
}
.con-box-sec {
    text-align: center;
}
.con-box-left, .con-box-right {
    width: 100%;
    padding: 35px;
}
h2.inner-hdr {
    font-size: 26px;
    line-height: 1.25;
    margin-bottom: 10px;
}
p.inner-para {
    font-size: 16px;
    line-height: 1.6;
}
.con-box-left:before {
    content: '';
    height: 1px;
    top: unset;
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    right: unset;
    position: absolute;
    width: 60%;
    background: #e3e3e3;
    bottom: 0;
    left: 50%;
}
}
@media only screen and (max-width: 650px)
{
.zes_box {
    width: 85%;
    margin: 0 auto;
    float: none;
}
}
@media only screen and (max-width: 991px) {
.secure-data ul li {display:block;  margin:15px 0px; padding:20px;  width:100%}
}
/* Arabic Style Start */
.i18n-ar .secure-data>ul>li>div, .i18n-ar .secure-data>ul>li>div h3, .i18n-ar .secure-data>ul>li>div p, .i18n-ar .inner-para{
    text-align: right;
}
/* Arabic Style End */