.features-banner-wrap {
    background: linear-gradient(to bottom, rgba(63,81,182,1) 0%, rgba(3,168,245,1) 100%);
}
.all-features {
    display: none;
}
a {
    border: none;
    text-decoration: none;
}
.learn-more {
    color: #00aeef;
    display: inline-block;
    font-size: 16px;
    position: relative;
    padding-top: 0;
}
.container-small {
    width: 90%;
    margin: 0 auto;
    max-width: 980px;
}
.image-slider {
    max-width: 900px;
    margin: 0 auto;
    width: 80%;
    position: relative;
    text-align: center;
	padding-top: 30px;
}
.slider-nav-desc {
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}
.slider-nav-desc span {
    color: #959595;
    font-family: var(--zf-primary-regular);
    font-size: 18px;
    padding: 0 5px;
    margin-right: 20px;
    cursor: pointer;
    text-transform: uppercase;
}
.slider-nav-desc span.selected {
    color: #00aeef;
    position: relative;
}
.slider-nav-desc span.selected:after {
    background: #00aeef none repeat scroll 0 0;
    bottom: -14px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.slider-nav-desc span:last-child {
    margin-right: 0;
}
.slider-nav-desc:after {
    background: #efefef none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.slider-img-desc {
    position: relative;
    max-width: 700px;
    margin: 0 auto 40px;
    min-height: 135px;
}
.slider-img-desc p {
    font-family: var(--zf-primary-regular);
    font-size: 16px;
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto;
    color: #333;
    font-weight: 400;
    opacity: 0;
    transition: all 0.4s ease;
    display: none;
    position: absolute;
}
desc p.selected {
    opacity: 1 !important;
    transition: all 0.7s ease;
    display: block;
    z-index: 10;
}
.slider-img-container {
    width: 100%;
    position: relative;
    height: 450px;
    box-sizing: border-box;
}
.slider-img-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.6s ease;
}
.slider-img-container img.selected, .slider-img-desc p.selected {
    opacity: 1 !important;
    transition: all 0.7s ease;
    display: block;
    z-index: 10;
}
.zleft-nav {
    display: none;
    left: -100px;
}
.zright-nav {
    left: auto;
    right: -100px;
    transform: rotate(180deg);
}
.zleft-nav, .zright-nav {
    background-image: url(https://www.zoho.com/crm/crmplus/image/slider-navigation-arrow.png);
    background-repeat: no-repeat;
    background-size: 60px auto;
    cursor: pointer;
    background-position: -30px 0;
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 50%;
    width: 30px;
    margin-top: -30px;
    text-indent: -9999px;
}
.zdesc-container h2 {
    margin-bottom: 15px;
    text-align:center;
    line-height: 1.2;
}
.zdesc-container p {
    margin: 15px auto 0;
    max-width: 800px;
    text-align: center;
    font-size: 16px;
    line-height: 1.65;
    font-weight: inherit;
    font-family: var(--zf-primary-regular);
}	
@media screen and (max-width: 1100px) {
.zright-nav {
    left: auto;
    right: -70px;
    transform: rotate(180deg);
}
}
@media screen and (max-width: 900px) {
.slider-nav-arrow {
	display:none;
	}
}
@media screen and (max-width: 650px) {
.zsection {
    padding: 40px 0;
}
.slider-nav-desc span {
    font-size: 15px;
}
.zdesc-container h2 {
	font-size: 32px;
	margin-bottom: 15px;
	text-align:center;
	line-height: 1.2;
	font-family: var(--zf-primary-regular);
}
.zdesc-container p {
	margin: 15px auto 0;
	max-width: 700px;
	text-align: center;
	font-size: 16px;
	line-height: 1.65;
	font-weight: inherit;
	font-family: var(--zf-primary-regular);
}
.slider-img-desc {
    min-height: 170px;
}
}
@media screen and (max-width: 500px) {
.slider-img-desc {
    min-height: 240px;
}
}    
    
@media screen and (max-width: 420px) {
.slider-nav-desc span {
    font-size: 13px;
	margin-right:0px;
}
.slider-img-desc {
    min-height: 260px;
}
.zdesc-container h2 {
	font-size: 22px !important;
	margin-bottom: 5px !important;
	text-align: inherit !important;
	line-height:28px;
	font-family: var(--zf-primary-regular) !important;
}
.zdesc-container p {
	margin: 7px auto 0 !important;
	max-width: 700px !important;
	text-align: center !important;
	font-size: 15px !important;
	line-height: 23px !important;
	font-weight: inherit !important;
	font-family: var(--zf-primary-regular) !important;
}
.zsection{ padding:20px 0;}
.zdesc-container a{ margin-top:10px;}
}
/* Arabic Style Start */
.i18n-ar h1, .i18n-ar p, .i18n-ar h2, .i18n-ar .image-slider{
    text-align: center;
}
/* Arabic Style End */