.instalment{background:#f9fafe;}
.headingInstl{padding-top: 50px;}
.headingInstl h1{font-size: 40px;margin-bottom:25px;color: #20314f;line-height: 40px;}
.headingInstl h1 img{height:auto; margin-right:15px;vertical-align:top; }
.headingInstl p{color:#4f6f92; font-size: 18px; margin-bottom:65px;}
.instalment a.blRoundBtn:focus, .instalment a.blRoundBtn:hover{background-color:#0e984c; color:#fff;}
.blRoundBtn {display: inline-block;border-radius: 25px;background-color: #0B4D8E;color: #fff;text-transform: uppercase;cursor: pointer;padding: 15px 30px;transition: all .3s ease;position: relative;min-width: 120px;}
.instalGrph{padding:50px 100px 50px 0px}
.instalGrph figure{display: inline-block;width: 22%;vertical-align:top}
.instalGrph figure img{max-width:100%;}	
.instalGrph strong {width: 60%;display: inline-block;vertical-align: top;color: #4f6f92;font-size: 20px;padding: 50px 65px 50px 50px;font-weight:normal;line-height: 35px;}
.howWork{padding-top:40px;}
.howWork h2{color: #20314f; font-size:45px; text-align:center;    margin-bottom: 30px;}
.howWork ul{padding:50px 0 0; position:relative;}
.howWork ul::after, .howWork ul li.end::after {content: '';width: 20px;height: 20px;background: #a9bbd6;display: inline-block;position:absolute;top: 10px;right: 50%;border-radius: 50%;margin-right: -10px;}
.howWork ul::before, ul li.end::before {content: '';width: 40px;height: 40px;background: #e7ebf6;display: inline-block;position: absolute;top: 0;right: 50%;border-radius: 50%;margin-right: -20px;}	
.howWork ul li.end::after{top: 45px;z-index:1}
.howWork ul li.end::before{top: 36px;}
.howWork ul li{width: 100%;position:relative; min-height:100px; padding:40px 0 0}
.howWork ul li:after{content:''; width:1px; height:110%; background:#d0d4e3; position:absolute;     right: 50%;
top: -10px; display:block;z-index:-1}
.howWork ul li:nth-child(1) img, .howWork ul li:nth-child(2) img{box-shadow: 0px 2px 8px #b9b9b9;border-radius: 10px;
overflow: hidden;}
.steps{width:50%; float:right; text-align:left; padding:0 30px;}
.steps img{max-width:100%}
.steps + .steps{text-align:right;}
.steps:after{content:''; display:block; clear:both; position:relative;}
.steps .stepCount{display: inline-block; position:relative;border: 1px solid #4494f6;padding: 15px;border-radius: 4px;color: #4494f6;background:#fff;font-size: 20px;max-width:340px;text-align: right;font-weight:500;}
.stepCount strong {color: #1d508f;font-size: 26px;position: absolute;right: 16px;top: 14px;}
.stepCount strong + strong {display: inline-block;padding-right: 38px;vertical-align: top;font-weight: normal;line-height: 24px;position:inherit;font-size: 20px;color:#4494f6;top: 0;right: 0;}
.steps .points {height: 20px;right: inherit;position: absolute;left: -21px;top:50%;transform: rotate(90deg);width: 20px;z-index: 10;margin-top: -11px;}
.steps + .steps .points{right: -21px;    transform: rotate(-90deg);}
.steps .stepCount::after {content: '';width: 20px;height: 20px;background: #1d508f;display: inline-block;position: absolute;top: 50%;margin-top: -8px;left: -41px;border-radius: 50%;z-index: 2;border: 3px solid #d6dbea;}
.steps .stepCount::before {content: '';width: 25px;height: 25px;background: #f9fafe;display: inline-block;position: absolute;top: 50%;margin-top: -13px;left: -45px;border-radius: 50%;z-index: 1;}
.steps + .steps .stepCount:after{top: 50%;right: -41px;margin-top: -11px;}
.steps + .steps .stepCount:before{top: 50%;right: -43px;margin-top: -13px;}
.steps div.points:before {border-color: transparent transparent #4494f6;border-style: solid;border-width: 10px;content: "";height: 0;right: 0;position: absolute;top: 0;width: 0;}
.steps div.points:after {border-color: transparent transparent #FFF;border-style: solid;border-width: 10px;content: "";height: 0;right: 0;position: absolute;top: 2px;width: 0;}
.accordianBlock{border-bottom: 1px solid #d0d4e3;}
.faqsIstlSec{ background:#fff;padding-bottom:50px}
.instlFaqs h2{color: #1d508f;margin: 40px 0 25px;font-size: 26px;}
.instlFaqs h3{color: #001f46;background: #f8f9fd;position: relative;font-size: 16px;cursor: pointer;padding: 20px;}
.accord-dis{display:none;padding: 10px 25px 25px;}
.accord-dis p{line-height: 22px;color: #4f6f92;}
.instlFaqs .accordianBlock > h3:after {color:#4695f6;font-size: 14px;position: absolute;left: 15px;transition: all 0.5s ease 0s;top: 50%;margin-top: -10px;}
.instlFaqs .accordianBlock.active > h3:after{transform: rotate(-180deg);}
.instalment{position:relative;overflow:hidden;}
.instalment::before, .instalment::after {content: '';width: 610px;height: 610px;background: #f5f7fd;display: inline-block;position: absolute;top: 20px;right: -300px;border-radius: 50%;z-index: 0;border: 70px solid #fbfcfe;}
.instalment:after{top: 400px;right:inherit;left: -300px;}
.instalment section{position:relative; z-index:2}
.accordianBlock figure img{margin-top:20px; max-width:100%}

/*animation*/
.animation-element {position:relative;margin: 0% 0 2.66% 0;} 
.animation-element:nth-of-type(3n-2) {margin: 0% 0% 2.75% 0;} 
.animation-element:nth-of-type(3n-1) {margin: 0% 0 2.75% 0 } 
.animation-element:nth-of-type(3n-0) {margin: 0% 0 2.75% 0%;} 
.show-up{opacity: 0; -moz-transition: all 1000ms linear;-webkit-transition: all 1000ms linear;-o-transition: all 1000ms linear;transition: all 1000ms linear; backface-visibility: hidden;} 
.show-up.in-view{opacity: 1; -moz-transition: all 1000ms linear;-webkit-transition: all 1000ms linear;-o-transition: all 1000ms linear;transition: all 1000ms linear; }
.animation-element.slide-left {opacity: 0;-moz-transition: all 1000ms linear;-webkit-transition: all 1000ms linear;-o-transition: all 1000ms linear;transition: all 1000ms linear;-moz-transform: translate3d(-100px, 0px, 0px);-webkit-transform: translate3d(-100px, 0px, 0px);-o-transform: translate(100px, 0px);-ms-transform: translate(100px, 0px);transform: translate3d(53px, 0px, 0px);right: -1000px;position: relative;}
.animation-element.slide-right {opacity: 0;-moz-transition: all 1000ms linear;-webkit-transition: all 1000ms linear;-o-transition: all 1000ms linear;transition: all 1000ms linear;-moz-transform: translate3d(-100px, 0px, 0px);-webkit-transform: translate3d(-100px, 0px, 0px);-o-transform: translate(100px, 0px);-ms-transform: translate(100px, 0px);transform: translate3d(53px, 0px, 0px);left: -1000px;position: relative;}
.animation-element.slide-left.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);right: 0;}
.animation-element.slide-right.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);left: 0;}


@media(max-width:1023px){
/*Installment Css*/
.steps .stepCount{font-size: 16px;}
.stepCount strong + strong{padding-right: 30px;line-height: 18px;font-size: 16px;}
.stepCount strong{font-size: 20px;}
.instalGrph {padding: 40px 40px 40px;}
.instalGrph strong{padding: 10px 40px;width: 75%;}
.howWork {padding-top: 40px;}
}

/******************************************Arabic CSS only******************************************/
.steps .points{transform: rotate(-90deg);}
.steps + .steps .points{transform: rotate(90deg);}