/*process title start*/
.process{background-color: #0f4275; background-image: url("../images/header_bottom.png");background-size: cover; background-repeat: no-repeat; padding: 30px 0;}
.process h3{text-align: center; color: #fff; text-align: center; font-size: 30px; font-weight: 800; font-family: 'Oswald', sans-serif; text-transform: uppercase;}
@media only screen and (max-width: 768px) {
.process{padding: 15px 0;}
.process h3{font-size: 18px;}
}
/*process title end*/
/*process steps start*/

.rti_process h4{text-align: center; color: #272727; text-align: center; font-size: 24px; text-transform: uppercase; font-weight: 700; padding: 80px 0px 80px 0px; position: relative;}
.step{position: relative;width: calc(100% - 56px);float: left;}
.step:after{content: "→";position: absolute;width: 100px;height: 20px;color: #000;font-size: 54px;right: -102px; top:30px;}
.step img{float: left;width: 100px;}
.step p{font-size: 21px;color: #0f4275;font-weight: 600;float: left;width: calc(100% - 111px);}
.step p span{width: 100%;float: left;font-size: 14px; color: #000; font-weight: 400;}
.step-flip{margin-top: 70px; margin-bottom: 35px;}
.step-flip .step:after{-webkit-transform: scaleX(-1);transform: scaleX(-1);right: -81px; top: -28px;}
.step3:after{content: "";position: absolute;width: 53px;height: 20px;color: #000;font-size: 54px;right: -78px;border-top: 2px solid #000;top: 68px;}
.rti_process .container{position: relative;}
.right-border:after{content: "";width: 2px;height: 120px;background: #000;position: absolute;top: 264px; right: -9px;}
.rti_process h4:after {content: ""; position: absolute; border-bottom: 2px solid #0f4275; width: 84px;left: 46%; top: 130px;
}



@media (max-width: 768px) {
.rti_process h4{padding: 15px 0px 15px 0px; font-size: 18px;}
.rti_process h4:after{left: 38%; top: 45px;}
.step-flip{display: flex; flex-direction: column-reverse; margin-top:20px; }
.step {position: relative; width:100%; float: left; margin-bottom: 60px; height: 140px; padding:10px;}
.step:after {content: "→";position: absolute;width: 100px;height: 6px;color: #000;font-size: 54px;left: 50%;transform: rotate(
90deg);margin-top: 125px;}
.step3:after{border:none;}
.step-flip .step:after {right: 18px;transform: rotate(90deg); margin-top: 210px;}
.step-flip .step6:after{display: none;}
.right-border:after{display: none;}
}
/*process steps end*/