@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-Medium.woff2) format('woff2'), url(../fonts/Muli-Medium.woff) format('woff');
	font-weight: 500;
	font-style: normal
}
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-Black.woff2) format('woff2'), url(../fonts/Muli-Black.woff) format('woff');
	font-weight: 900;
	font-style: normal
}
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-SemiBold.woff2) format('woff2'), url(../fonts/Muli-SemiBold.woff) format('woff');
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-Bold.woff2) format('woff2'), url(../fonts/Muli-Bold.woff) format('woff');
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-Italic.woff2) format('woff2'), url(../fonts/Muli-Italic.woff) format('woff');
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-ExtraLight.woff2) format('woff2'), url(../fonts/Muli-ExtraLight.woff) format('woff');
	font-weight: 200;
	font-style: normal
}
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-Light.woff2) format('woff2'), url(../fonts/Muli-Light.woff) format('woff');
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-ExtraBold.woff2) format('woff2'), url(../fonts/Muli-ExtraBold.woff) format('woff');
	font-weight: 800;
	font-style: normal
}
@font-face {
	font-family: Muli;
	src: url(../fonts/Muli-Regular.woff2) format('woff2'), url(../fonts/Muli-Regular.woff) format('woff');
	font-weight: 400;
	font-style: normal
}
body {
	font-family: Muli;
	font-size: 100%;
	color: #4c4c4c
}
a {
	transition: .5s
}
a:active, a:focus, a:hover {
	outline: 0;
	text-decoration: none
}
strong {
	font-weight: 400!important
}
p {
	padding: 0;
	margin: 0 0 10px 0;
	color: #4c4c4c;
	font-size: 14px
}
h1 {
	font-size: calc(1rem + 1.5vw)
}
h2 {
	font-size: calc(.8rem + .8vw)
}
h3 {
	font-size: calc(.6rem + .5vw)
}
h4 {
	font-size: calc(.6rem + .6vw)
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0
}
body {
	background: #fff;
	color: #000
}
a {
	color: #000
}
a:active, a:focus, a:hover {
	color: #000
}
.form-control {
	border-radius: 0!important
}
select {
	border-radius: 0!important
}
.btn {
	padding: 14px 80px
}
.btn-primary {
	border-radius: 6px;
	text-transform: uppercase;
	background: #b3b3b3;
	border: 0
}
.bg-primary {
	background: #f46603!important;
	border: 0
}
.primary-color {
	color: #f46603;
	border: 0
}
.btn-primary:hover {
	color: #fff;
	background: #4cb4e7
}
.btn-secondary {
	background: #173f74;
	border: 0
}
.btn-secondary:hover {
	background: #f46603
}
.border-primary {
	border-color: #f46603!important
}
.relative {
	position: relative!important
}
.posi {
	position: fixed;
	top: 0
}
.navbar-toggler {
	padding: .25rem 0;
	color: #0093c9
}
.navbar-collapse {
	flex-grow: 0
}
.navbar-expand-lg .navbar-nav {
	text-align: right;
	float: right;
	width: 100%!important
}
.container-fluid {
	width: 93%;
	margin: 0 auto
}
.dropdown_icon {
	position: absolute;
	background: #f7f3f3;
	right: 0;
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 65px
}
header {
	background: #fff;
	padding: 6px 0;
	box-shadow: 0 0 4px #f2f2f2;
	position: relative;
	z-index: 50;
	width: 100%
}
.posi {
	position: fixed
}
.register a {
	border: #ccc solid 1px;
	border-radius: 80px;
	padding: 5px 20px!important;
	margin: 15px 0 0 7px
}
.login a {
	border: #4cb4e7 solid 1px;
	color: #4cb4e7!important;
	border-radius: 80px;
	padding: 5px 20px!important;
	margin: 15px 0 0 10px
}
.okay {
	position: absolute;
	right: 11px;
	z-index: 20002;
	background: #3c3c3c
}
.icons {
	display: none
}
.slider .container-fluid {
	width: 100%
}
.slider .container-fluid img {
	width: 85%
}
.slider {
	margin: -17px 0 0 0
}
.caption_control {
	margin: 27% 0 0 20%
}
.caption_control h3 {
	color: #000;
	font-weight: 800;
	font-size: 34px;
	text-transform: uppercase
}
.caption_control .knowmmore_btn {
	border-radius: 80px;
	margin-top: 5px;
	padding: 10px 35px 12px 35px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	background: #f5d93f
}
.caption_control .knowmmore_btn:hover {
	background: #0093c9
}
.caption_control h2 {
	margin: 0;
	text-transform: uppercase
}
.caption_control h2 span {
	color: #0093c9;
	margin: 0 0 5px 0;
	font-size: 18px;
	display: block
}
.caption_control p {
	width: 80%
}
.carousel-indicators li .second {
	display: none
}
.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30%;
	text-align: center;
	text-transform: uppercase;
	height: auto!important;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: 0;
	border-radius: 0 0 6px 6px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 10!important;
	padding: 12px 0 5px 0!important;
	transition: opacity .6s ease
}
.carousel-control-next, .carousel-control-prev {
	width: 5%!important
}
.carousel-indicators li .activearrow {
	display: none
}
.carousel-indicators li img {
	margin: -5px 6px 0 0
}
.carousel-indicators .active .second {
	display: inline-block
}
.carousel-indicators .active .first {
	display: none
}
.carousel-indicators .active .activearrow {
	float: left;
	margin: -35px 0 0 42%;
	display: inline-block
}
.carousel-indicators .active {
	opacity: 1;
	background: #0093c9;
	color: #fff
}
.carousel-indicators {
	bottom: -64px
}
.our_services {
	margin: 100px 0 0 0
}
.our_services .card {
	transition: ease .3s;
	margin: 30px 0 0 0;
	background: #fff;
	box-shadow: 0 0 10px #f2f2f2;
	text-align: center;
	padding: 25px 18px!important;
	border: 0
}
.our_services .services_area {
	margin: 55px 0 0 0
}
.our_features {
	margin: 0 0 90px 0;
	padding: 50px 0;
	background: #fcfafa
}
.our_features .card {
	margin: 30px 0 0 0;
	background: 0 0;
	border: 0;
	text-align: center;
	padding: 25px 20px!important;
	border: 0!important
}
.download_app {
	position: relative
}
.download_app .direction-arrow {
	position: absolute;
	left: 22%;
	bottom: -140px
}
.download_app .direction-arrow img {
	width: 100%
}
.download_app a {
	display: inline-block;
	margin: 20px 10px 0 0
}
.download_app a img {
	box-shadow: 0 15px 25px #e0eef3;
	border-radius: 10px
}
.download_app a img:hover {
	opacity: .7
}
.download_app h2 {
	margin: 120px 0 0 0
}
.join_fatoorah {
	margin: 80px 0 0 0
}
.logos {
	margin: 50px 0 0 0;
	padding: 0;
	list-style: none
}
.logos li {
	display: inline-block;
	margin: 0;
	margin: 0 -3px 0 0
}
.support {
	margin: 0;
	padding: 50px 0 0 0;
	background: #fcfafa url(../../assets/img/map1.png) no-repeat 100% 80%
}
.support span {
	color: #4cb4e7
}
.support .search .input {
	width: 55%;
	padding: 15px;
	border: #ccc solid 1px;
	float: left
}
.support .search .inputbtn {
	padding: 16px 43px;
	margin: 0 -12px 0 0;
	float: left;
	background: #000;
	color: #fff;
	border: 0
}
.search {
	display: none;
	margin: 25px 0 0 0
}
.support_content {
	margin: 180px 0 0 40px
}
.support_content h2 {
	font-weight: 800;
	padding: 10px 0;
	width: 100%
}
.support_content ul {
	width: 100%;
	float: left;
	margin: 32px 0 0 0;
	padding: 0;
	list-style: none
}
.support_content ul li {
	margin: 0;
	padding: 0 36px 0 0;
	display: inline-block
}
footer .border-top {
	border-color: #454d57!important
}
footer p {
	color: #999
}
footer {
	background: #fff;
	padding: 40px 0 20px 0;
	color: #fff
}
footer ul {
	margin: 0;
	padding: 0;
	list-style: none
}
footer ul li {
	margin-left: 0;
	margin-bottom: 4px;
	color: #999
}
footer ul li a i {
	margin: 2px 5px 0 0;
	float: left
}
footer ul li a {
	color: #999;
	display: inline-block
}
footer ul li a:hover {
	color: #4cb4e7
}
.socialicons {
	margin: 0 0;
	padding: 0;
	float: left
}
.socialicons a {
	color: #999;
	margin: 0 12px 0 0;
	display: inline-block;
	text-align: center!important;
	font-size: 20px
}
.socialicons_contact {
	margin: 0;
	padding: 0;
	display: inline-block
}
.socialicons_contact a {
	color: #999;
	text-align: center;
	margin: 0 15px 0 0;
	display: inline-block;
	text-align: center!important
}
footer h3 {
	margin: 0 0 10px 0;
	text-transform: uppercase;
	color: #4cb4e7
}
.paynow {
	padding: 14px 55px;
	border-radius: 6px
}
.bottom-footer img {
	width: 100%;
	text-align: center
}
.bottom-footer p {
	color: #999;
	text-align: center;
	padding: 30px 0
}
.bottom-footer {
	margin: 0 0;
	color: #fff;
	padding: 7px 0 0 0
}
.bottom-footer a {
	color: #fff;
	margin-left: 10px
}
.dropdown-item.active, .dropdown-item:active {
	color: #fff!important;
	background-color: #0093c9
}
.sub-menu {
	margin: 0;
	padding: 0 box-shadow: 0 0 10px #f2f2f2;
	top: 40px!important
}
.sub-menu li a {
	padding: 8px 25px!important;
	border-bottom: #f2f2f2 solid 1px
}
.single_li {
	position: relative!important
}
.small_nav .nav-link {
	padding-left: 10px!important;
	padding-right: 10px!important
}
.dropdown-toggle::after {
	display: none
}
.navbar-expand-lg .navbar-nav a i {
	color: #666;
	font-size: 10px
}
.navbar-expand-lg .navbar-nav a {
	display: block;
	transition: inherit !important;
	font-weight: 600;
	font-size: 14px;
	color: #2c4458 !important;
	padding: 22px 20px
}
.navbar-brand {
	padding: 0!important
}
.navbar .dropdown-menu div[class*=col] {
	margin-bottom: 1rem
}
.dropdown-menu span {
	color: #f46603
}
.flex-column li a {
	text-align: left;
	padding: 5px 0!important;
	color: #000!important
}
.navbar .dropdown-menu {
	box-shadow: 0 0 7px #f2f2f2;
	border: none;
	border-radius: 0!important;
	border: 0!important;
	padding: 0 0;
	margin-top: 25px;
	background-color: #fff!important
}
@media screen and (min-width:992px) {
	.navbar {
		padding-top: 0;
		padding-bottom: 0
	}
	.navbar .nav-item {
		padding: 0;
		margin: 0
	}
	.navbar .dropdown {
		position: relative
	}
	.navbar .dropdown-menu {
		width: 250px;
		left: 0;
		right: 0;
		top: 51px!important;
		margin: 0 auto;
		display: block;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity .3s linear
	}
	.navbar .dropdown .dropdown-menu:hover, .navbar .dropdown:hover .dropdown-menu {
		display: block;
		visibility: visible;
		opacity: 1;
		transition: visibility 0s, opacity .3s linear
	}
	.navbar .dropdown-menu {
		border: 1px solid rgba(0, 0, 0, .15);
		background-color: #fff
	}
}
.inner_banner {
	position: relative
}
.inner_banner .bg1 {
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: -1
}
.caption {
	margin: 0 0 0 20%
}
.caption h3 {
	color: #000;
	font-weight: 800;
	font-size: 34px;
	text-transform: uppercase
}
.caption .knowmmore_btn {
	border-radius: 80px;
	margin-top: 5px;
	padding: 10px 35px 12px 35px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	background: #f5d93f
}
.caption .knowmmore_btn:hover {
	background: #0093c9
}
.caption h2 {
	margin: 0;
	text-transform: uppercase
}
.caption h2 span {
	color: #0093c9;
	margin: 0 0 5px 0;
	font-size: 18px;
	display: block
}
.caption p {
	width: 80%
}
.caption2 {
	margin: 19% 15% 0 15%
}
.caption2 .appbtns a {
	float: left;
	width: 50%
}
.caption2 p {
	margin: 0 0 25px 0
}
.caption2 a {
	display: inline-block
}
.caption2 .appbtns img {
	max-width: 90%;
	box-shadow: 0 15px 25px #e0eef3;
	border-radius: 8px
}
.our_services_inner {
	margin: 50px 0 0 0
}
.our_services_inner .card h3 {
	margin: 15px 0
}
.our_services_inner .margin-top {
	margin-top: -40px
}
.our_services_inner .card img {
	width: 40%
}
.our_services_inner .card {
	font-size: 14px!important;
	transition: ease .3s;
	margin: 30px 0 0 0;
	border-radius: 7px;
	background: #fff;
	box-shadow: 0 0 10px #f2f2f2;
	text-align: center;
	padding: 57px 57px!important;
	border: 0
}
.our_services_inner .services_area {
	margin: 15px 0 0 0
}
.howitworks {
	background: #4cb4e7
}
.howitworks {
	margin: 50px 0 0 0;
	padding: 50px 0
}
.howitworks .card h3 {
	margin: 10px 0
}
.howitworks .card img {
	height: 15%
}
.howitworks_c .card img {
	height: 88%
}
.howitworks .card {
	transition: ease .3s;
	margin: 0 0 35px 0;
	border-radius: 7px;
	background: #fff;
	padding: 40px!important;
	border: 0
}
.howitworks .card span {
	font-size: 0
}
.howitworks .services_area {
	margin: 15px 0 0 0
}
.howitworks span {
	color: #70c3ec;
	font-size: calc(2.5rem + 3vw);
	font-weight: 900
}
.buttons a {
	border: #b3b3b3 solid 1px;
	color: #b3b3b3;
	padding: 9px 18px;
	margin: 15px 0 0 0;
	display: inline-block;
	border-radius: 6px
}
.buttons .readmore {
	border: #4cb4e7 solid 1px;
	color: #4cb4e7
}
.buttons .readmore:hover {
	border: #b3b3b3 solid 1px;
	color: #fff;
	background: #b3b3b3
}
.buttons a:hover {
	border: #4cb4e7 solid 1px;
	color: #fff;
	background: #4cb4e7
}
.list_items {
	background: #fcfafa;
	padding: 75px 0
}
.list_items p {
	margin: 0 8%
}
ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.list_items .ul_list_items li {
	box-shadow: 3px 4px 20px #ececec;
	margin: 0 0 20px 0;
	border-radius: 10px;
	padding: 23px;
	min-height: 60px
}
.list_items .ul_list_items li span img {
	width: 100%
}
.list_items .ul_list_items li span {
	margin: 0 13px 20px 0;
	float: left;
	width: 33px
}
.app_item_list {
	background: #fcfafa;
	padding: 75px 0
}
.app_item_list p {
	margin: 0
}
.app_item_list .ul_list_items li :before {
	font-family: FontAwesome;
	font-weight: 400;
	content: "\f00c";
	position: absolute;
	left: 30px;
	color: #6cc1eb
}
.app_item_list .ul_list_items li {
	box-shadow: 3px 4px 20px #ececec;
	margin: 0 0 20px 0;
	border-radius: 10px;
	padding: 24px 28px 28px 40px;
	min-height: 60px
}
.app_item_list .ul_list_items li span img {
	width: 100%
}
.app_item_list .ul_list_items li span {
	margin: 0 13px 0 0;
	float: left;
	width: 50px
}
.appfeatures {
	padding: 50px 0
}
.appfeatures .row.reverse {
	flex-direction: row-reverse
}
.appfeatures img {
	max-width: 100%
}
.appfeatures .container-fluid {
	max-width: 1200px
}
.feature_content {
	margin: 0 7%
}
.feature_content h2 {
	margin: 8px 0
}
.feature_content img {
	height: 40px;
	margin: 0 0 10px 0
}
.inner_team_bg {
	margin: 15px 0 0 0;
	background-image: url(../img/team_banner.png);
	background-size: cover;
	text-align: center;
	position: relative;
	padding: 80px 15px
}
.inner_team_bg:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(18, 58, 72, .9);
	z-index: -1
}
.inner_team_content h2, .inner_team_content p {
	color: #fff
}
.aboutus {
	padding: 50px 0
}
.aboutus .row.reverse {
	flex-direction: row-reverse
}
.aboutus img {
	max-width: 100%
}
.aboutus .team_card h2 {
	margin: 0 0 10px 0
}
.ourteamsec {
	padding: 50px 0
}
.ourteamsec .row.reverse {
	flex-direction: row-reverse
}
.ourteamsec img {
	max-width: 100%
}
.ourteamsec .team_card h2 {
	margin: 0 0 10px 0
}
.team_card {
	margin: 0 7%;
	text-align: justify
}
.team_card2 {
	margin: 0 7% 0 -15%;
	background: #fff;
	box-shadow: 0 0 20px #f2f2f2;
	padding: 40px
}
.team_card3 {
	margin: 0 -7% 0 7%;
	background: #fff;
	padding: 40px;
	box-shadow: 0 0 20px #f2f2f2
}
.detail_items img {
	border-radius: 35px;
	width: 100%
}
.detail_items {
	margin: 0 9%
}
.detail_items {
	position: relative
}
.items-box .items {
	position: absolute;
	z-index: 50;
	box-shadow: 2px 0 15px #d8d8d8;
	width: 430px;
	background: #fff;
	border-radius: 10px;
	text-align: left;
	padding: 25px
}
.items-box .items span {
	margin: 0 13px 37px 0;
	float: left
}
.socialicons_contact a {
	font-size: 25px
}
.items-box .items span img {
	width: 85%;
	border-radius: 0
}
.item_01 {
	top: 7%;
	left: -3%
}
.item_02 {
	bottom: 17%;
	left: 4%
}
.item_03 {
	top: 7%;
	right: 4%;
	left: auto
}
.item_04 {
	bottom: 17%;
	right: -3%;
	left: auto
}
.enquiryBtn {
	margin: auto;
	position: absolute;
	top: auto;
	left: 0;
	bottom: -60px;
	right: 0
}
.enquiryBtn img {
	width: 110px
}
.services_item_list {
	background: #fcfafa;
	padding: 60px 0;
	margin: 70px 0 0 0
}
.services_item_list p {
	margin: 0 8%
}
.ul_list_itemsleft span {
	display: none
}
.ul_list_itemsright span {
	display: none
}
.services_item_list .ul_list_itemsleft {
	margin: 12% 0 0 0
}
.services_item_list .ff_area p {
	color: #000;
	font-size: 17px;
	text-align: center
}
.services_item_list .ul_list_itemsleft li {
	margin: 0 0 12% 0;
	text-align: right;
	border-radius: 10px;
	font-size: 17px;
	padding: 20px;
	width: 74%;
	float: right
}
.services_item_list .ul_list_itemsright {
	margin: 12% 0 0 0
}
.services_item_list .ul_list_itemsright li {
	margin: 0 0 12% 0;
	text-align: left;
	border-radius: 10px;
	font-size: 17px;
	padding: 20px;
	width: 74%;
	float: left
}
.services_item_list .circle_img {
	text-align: center
}
.services_item_list .circle_img img {
	width: 100%;
	display: inline-block
}
.contactus_bg {
	margin: 0;
	background: #4cb4e7;
	min-height: 417px
}
.contact_detail .col-sm-8 {
	padding: 38px
}
.contact_detail .row {
	background: #fff;
	border-radius: 8px;
	box-shadow: 2px 2px 10px #d4e1e5;
	padding: 0;
	margin: -350px 0 150px 0
}
.contact_detail .form-control {
	border: 0;
	padding: 12px 0 8px 0!important;
	border-bottom: #c6c6c6 solid 1px;
	height: auto
}
.contact_detail ::placeholder {
	color: #000;
	opacity: 1
}
.contact_detail :-ms-input-placeholder {
	color: #000
}
.contact_detail ::-ms-input-placeholder {
	color: #000
}
.contact_detail .form-row label {
	color: #999;
	margin: 20px 0 0 0
}
.services_list {
	background: #123a48;
	padding: 35px;
	color: #fff;
	height: 100%;
	border-radius: 0 8px 8px 0
}
.submit {
	border: 0;
	background: 0 0;
	float: right;
	margin-top: 15px;
	cursor: pointer
}
.custome_checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-top: 32px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.custome_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}
.checkmark {
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee
}
.custome_checkbox:hover input~.checkmark {
	background-color: #ccc
}
.custome_checkbox input:checked~.checkmark {
	background-color: #78d7fb
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none
}
.custome_checkbox input:checked~.checkmark:after {
	display: block
}
.custome_checkbox .checkmark:after {
	left: 7px;
	top: 5px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.card-horizontal {
	display: flex;
	flex: 1 1 auto;
	position: relative
}
.card-horizontal::after {
	content: '';
	position: absolute;
	right: 17%;
	top: -47%;
	width: 0;
	height: 0;
	border-left: 0 solid #eaeaea;
	border-right: 0 solid #eaeaea;
	border-top: 100px solid #eaeaea;
	clear: both
}
.card-horizontal .card-body {
	padding: 0 1.25rem
}
.contact_info {
	margin: 80px auto;
	width: 75%
}
.address_tabs {
	margin: 15px 0
}
.address_tabs .nav-tabs {
	margin: 85px 0
}
.address_tabs .nav-tabs .nav-item.show .nav-link, .address_tabs .nav-tabs .nav-link.active {
	color: #fff;
	border-radius: 7px;
	background-color: #0093c9;
	border-color: #0093c9 #0093c9 #0093c9
}
.address_tabs .nav-link img {
	margin-right: 7px
}
.address_tabs .nav-link {
	padding: 13px 0;
	margin: 0 6px;
	position: relative
}
.address_tabs .nav-tabs .nav-link.active::after {
	content: '';
	position: absolute;
	left: 42%;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #0093c9;
	clear: both
}
.address_tabs .nav-link {
	background: #f2f2f2
}
.address_tabs .nav-tabs {
	border-bottom: 0
}
.steps {
	position: relative
}
.steps:after {
	border-bottom: 1px solid #000;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 30%;
	z-index: -1;
	bottom: 39px;
	margin: 0 auto
}
.steps li {
	margin: 20px;
	border-radius: 80px;
	background: #fff;
	border: #000 solid 1px;
	color: #000;
	display: inline-block;
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px 30px
}
.about_title {
	font-size: 22px;
	margin: 1% auto 4% auto;
	width: 70%
}
.title {
	line-height: 28px;
	font-size: 14px
}
.title2 {
	line-height: 47px;
	font-size: 22px;
	font-weight: 600;
	color: #000;
	text-transform: uppercase
}
.bg_section {
	background: url(../../assets/img/bg1.jpg);
	background-size: cover;
	padding: 120px 0
}
.bg_section .title {
	line-height: 40px;
	font-size: 18px
}
.ourvision {
	margin: 80px 0 80px 0
}
.ourvision h2 {
	font-weight: 700;
	margin: 20px 0 0 0
}
.ourvision h3 {
	margin: -45px 0 15px 0;
	text-transform: uppercase;
	font-size: 16px;
	padding: 0
}
.ourvision img {
	width: 100%
}
.ourvision span img {
	width: auto
}
.ourvision .quote_aa {
	margin: 0 auto;
	width: 55%
}
.timeline {
	background: #fcfafa;
	padding: 70px 0
}
.timeline p {
	font-size: 18px;
	margin: 15px 0 35px 0
}
.timeline .item h2 {
	margin: 20px 0 0 0;
	font-size: 26px;
	color: #4cb4e7
}
.timeline .item h3 {
	margin: 0;
	font-size: 26px;
	color: #000;
	font-weight: 800
}
.timeline .item span {
	width: 24px;
	height: 24px;
	background: #4cb4e7;
	margin: 10px auto 0 auto;
	display: inline-block;
	border-radius: 180px
}
.timeline .item:hover {
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .08)
}
.timeline .item {
	text-align: center;
	border-radius: 10px;
	margin: 0 10%;
	padding: 15px;
	height: 260px;
	vertical-align: middle
}
.timeline .item p {
	width: 70%;
	margin: 0 auto
}
.timeline_slider {
	position: relative
}
.timeline_slider:after {
	border-bottom: 1px solid #d6d6d6;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	z-index: -1;
	bottom: 51.8%;
	margin: 0 auto
}
.timeline_slider .owl-dots {
	display: none!important
}
.timeline_slider .owl-nav button.owl-next {
	outline: 0;
	background: url(../../assets/img/ar_right.jpg)!important;
	font-size: 0;
	width: 40px!important;
	height: 40px!important;
	position: absolute;
	right: -11px;
	top: 40%
}
.timeline_slider .owl-nav button.owl-next span {
	font-size: 0
}
.timeline_slider .owl-nav button.owl-prev span {
	font-size: 0
}
.timeline_slider .owl-nav button.owl-prev {
	outline: 0;
	background: url(../../assets/img/ar_left.jpg)!important;
	font-size: 0;
	width: 40px!important;
	height: 40px!important;
	position: absolute;
	left: -11px;
	top: 40%
}
.inv-text p {
	margin: 0 auto;
	width: 65%;
	font-size: 14px
}
.inv-text h4 {
	font-size: 24px;
	font-weight: 400
}
.benefits {
	margin: 60px 0 10px 0
}
.benefits h2 {
	text-align: center
}
.benefits .bb_list {
	margin: 30px 0
}
.benefits .bb_list li {
	background: url(../../assets/img/point.png) no-repeat 0 4px;
	font-size: 17px;
	padding: 0 0 15px 25px
}
.benefits .row {
	margin: 0 10%
}
.inv_banner {
	position: relative;
	margin: 0 0 3% 0
}
.inv_banner .enquiryBtn2 {
	margin: auto;
	position: absolute;
	top: auto;
	left: 47%;
	bottom: -56px;
	right: 0
}
.inv_banner .enquiryBtn2 img {
	width: 110px
}
.inv_banner img {
	width: 100%;
	margin: -100px 0 0 0
}
.banner_gcc .caption h2 span {
	display: block;
	color: #6cc1eb
}
.gcc_counter {
	margin: 125px auto 125px auto
}
.gcc_counter .arrow1 {
	position: absolute;
	top: -82px;
	left: 40%
}
.gcc_counter .arrow2 {
	position: absolute;
	bottom: -82px;
	left: 15%
}
.gcc_counter .arrow3 {
	position: absolute;
	bottom: -82px;
	right: 15%
}
.alternative_payments {
	background: #f8f8f8
}
.alternative_payments .row.reverse {
	flex-direction: row-reverse
}
.pos_technology {
	background: #fafafa;
	padding: 50px 0 30px 0
}
.pos_features {
	padding: 50px 0 120px 0
}
.pos_features .services_area {
	margin: 120px 0 0 0
}
.pos_features .card {
	min-height: 165px;
	transition: ease .3s;
	margin: 30px 0 0 0;
	background: #fff;
	box-shadow: 0 0 10px #f2f2f2;
	text-align: center;
	padding: 25px 18px!important;
	border: 0
}
.features_counter {
	position: absolute;
	right: 7%;
	top: 12%;
	width: 33%
}
.pos_machine {
	margin-top: 148px;
	margin-left: 30px
}
.pos_content .row.reverse {
	flex-direction: row-reverse
}
.bg-grey {
	background: #fafafa;
	text-align: center;
	padding: 80px 0
}
.grey-bg {
	background: #fafafa
}
.kif_facilities .card1 {
	box-shadow: 3px 4px 20px #ececec;
	margin: 0 0 30px 0;
	border: 0;
	border-radius: 10px;
	padding: 13px;
	width: 100%
}
.kif_facilities .card1 p {
	margin: 0 5px 0 10px
}
.kif_facilities .card1 span {
	margin: -10px 0 0 0;
	font-size: 50px;
	color: #ecf3fe;
	font-weight: 900
}
.kif_offers {
	background: url(../../assets/img/blue-bg.png) no-repeat 100% 80%;
	padding: 90px 0
}
.kif_offers h2 {
	line-height: 52px
}
.facilities_points span img {
	height: 40px;
	width: auto;
	margin: 10px 0
}
.facilities_points .card1 {
	box-shadow: 3px 4px 20px #ececec;
	margin: 0 0 30px 0;
	border: 0;
	min-height: 241px;
	border-radius: 0;
	padding: 20px;
	width: 100%
}
.pd-7 {
	padding: 7rem
}
.inner_banner .caption h2 span {
	display: block;
	color: #6cc1eb
}
.bg_grey {
	margin: 0 0 90px 0;
	padding: 50px 0;
	background: #f8f8f8
}
ul.dhl-combo {
	display: inline-block;
	vertical-align: top;
	width: calc(100% + 30px);
	margin-left: -15px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
ul.dhl-combo>li {
	float: left;
	width: 33.3%;
	padding: 5px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.combo-content {
	width: 100%;
	background-color: #fff;
	padding: 2rem;
	box-shadow: 0 0 15px rgba(175, 175, 175, .28)
}
.combo-content_dhl {
	background-color: #fc0;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 2rem;
	box-shadow: 0 0 15px rgba(175, 175, 175, .28)
}
.combo-content_dhl img {
	margin-top: 35px
}
.combo-content h3 {
	margin-top: 1rem
}
.payment-features {
	background: #f8f8f8;
	position: relative
}
.payment-features .content-left {
	width: 30%
}
.payment-features .content-box {
	z-index: 99
}
.payment-features .content-box ul li {
	position: relative;
	padding-left: 25px;
	margin-top: 15px;
	font-weight: 600
}
.payment-features .content-box ul li:before {
	font-family: FontAwesome;
	font-weight: 400;
	content: "\f00c";
	position: absolute;
	left: 0;
	color: #6cc1eb
}
.payment-features .content-box ul li.icon-none:before {
	display: none
}
.payment-features .content-box ul li strong {
	color: #6cc1eb;
	text-transform: uppercase
}
.marketplace-payments {
	margin-top: 9rem
}
.marketplace-payments .marketplace-content {
	position: absolute;
	top: -25px;
	left: 50%;
	background: #fff;
	box-shadow: 0 0 10px #f2f2f2;
	border-radius: 0 20px 0 0;
	padding: 20px;
	width: 342px;
	transform: translate(-50%)
}
.marketplace-payments .circle_check {
	position: absolute;
	bottom: -35px;
	right: -35px
}
.dhl_card2 {
	margin: 0 7% 0 -15%;
	background: #fff;
	box-shadow: -2px -2px 10px #b7b7b7;
	padding: 55px 40px
}
.benefits-different {
	margin-top: 9rem
}
.benefits-different .marketplace-content {
	position: absolute;
	top: -25px;
	left: auto;
	right: -40px;
	background: #fff;
	box-shadow: 0 0 10px #f2f2f2;
	border-radius: 0 20px 0 0;
	padding: 20px;
	width: 342px
}
.benefits-different .circle_check {
	position: absolute;
	bottom: -35px;
	right: -35px
}
.benefits-different .row.reverse {
	flex-direction: row-reverse
}
.benefits-different1 .marketplace-content {
	position: absolute;
	top: -25px;
	right: auto;
	left: -60px;
	background: #fff;
	box-shadow: 0 0 10px #f2f2f2;
	border-radius: 20px 0 0 0;
	padding: 20px 20px 20px 65px;
	width: 342px
}
.benefits-different1 .circle_check {
	position: absolute;
	bottom: -35px;
	left: -35px
}
.career {
	position: relative
}
.career .laptop {
	position: absolute;
	left: 0;
	top: 0
}
.benefitsbox span {
	width: 70px;
	margin: 0 0 50px 0;
	float: left
}
.benefitsbox p {
	margin: 0 60px 0 0
}
.benefitsbox .col-sm-6 {
	margin-top: 30px
}
.apply_online .list-group-item {
	padding: 15px 0
}
.apply_online .badge-primary a {
	color: #fff
}
.apply_online .badge-primary {
	padding: 6px 25px 8px 25px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	background: #0093c9
}
.apply_online .badge-primary:hover {
	background: #f5d93f
}
.enquiryBtn_universal {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -66px
}
.carousel-control-prev {
	color: #23add4!important;
	opacity: 10
}
.carousel-control-next {
	color: #23add4!important;
	opacity: 10
}
.payment_gateway_logos {
	text-align: center
}
.payment_gateway_logos img {
	width: 73px!important;
	margin: 0 5px
}
.country_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.country_list li {
	display: inline-block;
	text-align: center;
	width: 33%;
	float: left;
	margin: 21px 0 13px 0;
}
.country_list li a {
	display: block;
}
.country_list li a span {
	display: block;
}
.company-feedback {
	height:500px;
}