.block >section>.content-wrap {
  padding: 90px 0;
}
.block > section{
	margin-bottom: 70px;
}
.head-sec, .foot-sec {
  text-align: center;
}
.top-anim {
    max-width: 150px;
    margin: 0 auto;
		opacity: 0;
    transition: all 1s ease;
		transform: translateY(50px);
}
.top-anim.my-anim{
		opacity: 1;
		transform: translateY(0);
}
.block > section.head-sec {
    margin-bottom: 0;
}
.head-sec .content-wrap, .foot-sec .content-wrap {
  max-width: 780px;
}
h1{
	text-align: center;
}
section.head-sec .content-wrap>p {
    margin-bottom: 26px;
}
.feats-1, .feats-9 {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.feats-1 .content-wrap img, .feats-9 .content-wrap img {
    opacity: 0;
    transition: all 1s ease;
		transform: translateY(50px);
}
.feats-1 .content-wrap.animated img, .feats-9 .content-wrap.animated img{
	opacity: 1;
	transform: translateY(0);
}
.feats-1{
	background: #e9f5ff;
}
.img-illustartion {
    max-width: 700px;
    margin: 30px auto 0;
}
.feats-1 p, .feats-9 p{
    max-width: 720px;
    margin: 0 auto;
}
.feats-2, .feats-3, .feats-4, .feats-5, .feats-6, .feats-7, .feats-8{
	background: #e9fff1;
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.feats-2 .content-wrap>p, .feats-3 .content-wrap>p, .feats-4 .content-wrap>p, .feats-5 .content-wrap>p, .feats-6 .content-wrap>p{
	max-width: 620px;
}
.feats-2{
	background: #e9fff1;
}
.exp-slider > p {
    text-align: left;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    font-weight: bold;
}
.exp-slider > p.active{
    border-bottom: 2px solid #27b663;
}
.feats-2 [class^="exp-"] img {
    display: inline-block;
    max-width: 262px;
    margin-right: 10px;
		transition: all 0.8s ease;
		position: relative;
}
.exp-evernote{
    display: none;
}
.content-wrap.animated .exp-notebook img {
    opacity: 1;
    transform: translateX(0);
}
.exp-notebook img:first-child{
    transform: translateX(-50px);
    z-index: 4;
    transition-delay: 0.5s;
    opacity: 0;
}
.exp-notebook img:nth-child(2){
    transform: translateX(-50px);
    z-index: 3;
    transition-delay: 0.9s;
    opacity: 0;
}
.exp-notebook img:nth-child(3){
    transform: translateX(-50px);
    z-index: 2;
    transition-delay: 1.3s;
    opacity: 0;
}
.exp-notebook img:nth-child(4){
    transform: translateX(-50px);
    z-index: 1;
    transition-delay: 1.7s;
    opacity: 0;
}
.feats-3{
	background: #ffe9e9;
}
.feats-3 .notebooks img {
    display: inline-block;
		max-width: 262px;
    margin-right: 10px;
		transition: all 0.8s ease;
		position: relative;
}
.content-wrap>div>img:first-child{
    transform: translateX(-50px);
    z-index: 4;
    transition-delay: 0.5s;
    opacity: 0;
}
.content-wrap>div>img:nth-child(2){
    transform: translateX(-50px);
    z-index: 3;
    transition-delay: 0.9s;
    opacity: 0;
}
.content-wrap>div>img:nth-child(3){
    transform: translateX(-50px);
    z-index: 2;
    transition-delay: 1.3s;
    opacity: 0;
}
.content-wrap>div>img:nth-child(4){
    transform: translateX(-50px);
    z-index: 1;
    transition-delay: 1.7s;
    opacity: 0;
}
.content-wrap.animated>div>img {
    opacity: 1;
    transform: translateX(0);
}
.feats-4{
	background: #fff9e9;
}
.feats-4 .notecards img {
    display: inline-block;
		max-width: 262px;
    margin-right: 10px;
		transition: all 1s ease;
		position: relative;
}
.img-head>p {
    display: inline-block;
    min-width: 265px;
    margin-right: 10px;
    text-align: center;
    font-weight: bold;
}
.feats-4 .content-wrap>div>img:nth-child(2){
    transform: translateX(-50px);
    z-index: 4;
    transition-delay: 0.5s;
    opacity: 0;
}
.feats-4 .content-wrap>div>img:nth-child(3){
    transform: translateX(-50px);
    z-index: 3;
    transition-delay: 0.9s;
    opacity: 0;
}
.feats-4 .content-wrap>div>img:nth-child(4){
    transform: translateX(-50px);
    z-index: 2;
    transition-delay: 1.3s;
    opacity: 0;
}
.feats-4 .content-wrap>div>img:nth-child(5){
    transform: translateX(-50px);
    z-index: 1;
    transition-delay: 1.7s;
    opacity: 0;
}
.feats-4 .content-wrap.animated>div>img {
    opacity: 1;
    transform: translateX(0);
}
.feats-5{
	background: #fae9ff;
}
.feats-5 .smartcards img {
    display: inline-block;
		max-width: 265px;
    margin-right: 10px;
		transition: all 0.8s ease;
		position: relative;
}
section.feats-5 p>a {
    text-decoration: underline;
    color: #000;
}
.feats-6{
	background: #ffe9e9;
}
.feats-6 .make-it-yours img {
    display: inline-block;
		max-width: 262px;
    margin-right: 10px;
		transition: all 0.8s ease;
		position: relative;
}
.feats-7{
	background: #e9feff;
}
section.feats-7 .content-wrap>.feat-left {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
		padding-left: 5%;
}
section.feats-7 .content-wrap>.feat-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: right;
    padding-right: 10%;
}
section.feats-7 .content-wrap>.feat-right img{
		opacity: 0;
    transition: all 1s ease;
    transform: translateX(50px);
}
section.feats-7 .content-wrap.animated>.feat-right img {
    opacity: 1;
    transform: translateX(0);
}
.feats-8{
	background: #ffe9f1;
}
section.feats-8 .content-wrap>.feat-left {
    display: table-cell;
    width: 35%;
    vertical-align: middle;
		padding-left: 5%;
}
.feat-left h2:nth-child(3) {
    margin-top: 60px;
}
section.feats-8 .content-wrap>.feat-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: right;
		padding-right: 5%;
}
.feat-right img {
    max-width: 265px;
}
.feat-right img:first-child{
    margin-right: 20px;
}
section.feats-8 .content-wrap .feat-right img:first-child{
		transition: all 1s ease;
		position: relative;
		transform: translateX(30px);
}
section.feats-8 .content-wrap .feat-right img:nth-child(2){
		transition: all 1s ease;
		position: relative;
		transform: translateX(-30px);
}
section.feats-8 .content-wrap.animated .feat-right img{
	transform: translateX(0);
}
.feats-9{
	background: #f5efeb;
}
.img-illustartion-bottom {
    max-width: 750px;
    margin: 0 auto;
    display: block;
}
.foot-handnote {
    max-width: 350px;
    margin: 0 auto;
}
a.foot-btn{
    background: #000;
    color: #fff;
    font-family: var(--zf-primary-semibold);
    padding: 14px 20px;
}
.slicker-mob{
	display:none;
}
@media only screen and (max-width: 1449px) {
	.img-illustartion{
		max-width: 450px;
	}
	.feats-2 [class^="exp-"] img, .feats-3 .notebooks img, .feats-4 .notecards img, .feats-5 .smartcards img, .feats-6 .make-it-yours img{
		max-width: 230px;
	}
.img-head>p{min-width: 230px;}
	section.feats-7 .content-wrap>.feat-right img{
		max-width: 220px;
	}

	.feat-right img{
		max-width: 240px;
	}
	.img-illustartion-bottom{
		max-width: 700px;
	}
}
@media only screen and (max-width: 1280px){
	.feats-2 [class^="exp-"] img, .feats-3 .notebooks img, .feats-4 .notecards img, .feats-5 .smartcards img, .feats-6 .make-it-yours img{
		margin-bottom: 20px;
	}
.img-head>p{display: none;}
	section.feats-7 .content-wrap>.feat-left, section.feats-8 .content-wrap>.feat-left{
	    width: 100%;
	    padding-left: 0;
	    display: block;
	}
	section.feats-7 .content-wrap>.feat-right, section.feats-8 .content-wrap>.feat-right{
		width: 100%;
		padding-right: 0;
		display: block;
		text-align: center;
	}
}
@media only screen and (max-width: 991px) {
  .slicker-mob{
		display:block;
	}
	.exp-notebook, .exp-evernote, .notebooks, .notecards, .smartcards, .make-it-yours, .exp-slider{
		display: none;
	}
	.slicker-mob{
		margin: 0 auto;
		max-width:300px;
	}
	.feats-2 [class^="exp-"] img{
		max-width:300px;
		margin-right: 0;
	}
	.slick-prev {
    left: -30px;
	}
	.slick-next {
    right: -30px;
	}
}
@media only screen and (max-width: 767px){
	.i18n-ar h2, .i18n-ar p {
		text-align: center;
	}
	section.feats-7 .content-wrap>.feat-right, section.feats-8 .content-wrap>.feat-right {
		text-align: center;
	}
	.block>section {
        background: unset;
	}
	.block > section{
		margin-bottom: 0;
	}
	.block >section>.content-wrap{
	    padding: 60px 0;
	}
}
.lang-ar .head-sec h1,.lang-ar .head-sec p, .lang-ar .foot-sec h1, .lang-ar.head-sec p, .lang-ar .foot-sec p, .lang-ar section.feats-1 p, .lang-ar section.feats-1 h2, .lang-ar section.feats-9 p, .lang-ar section.feats-9 h2, .lang-ar .foot-sec .foot-sub, .lang-ar section.head-sec .content-wrap {
    text-align: center;
}