@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');

body{
	font-family: 'Cairo', sans-serif;
	direction: rtl;
	text-align: right;
}
.inner-banner .breadcumb span {
	font-family: 'Cairo', sans-serif;
}
.inner-banner .breadcumb a {
	font-family: 'Cairo', sans-serif;
	line-height: 30px;
}
.logo-img {
	background: url(../img/logo-rtl.png);
	background-repeat: no-repeat;
    background-size: contain;
	background-position: right;
}

.callingCode {
	margin-right: 10px !important;
}

.iti__arrow {
    margin-right: 6px;
    margin-left: 0;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
	left: auto;
	right: 0;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-left: 6px;
    padding-right: 52px;
    margin-right: 0;
}
.iti__country-list {
	text-align: right;
	direction: ltr;
} 
input#phone {
	direction: ltr;
	text-align: right;
}

#mobileNumber {
	direction: ltr;
} 

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.country-select.inside input, .country-select.inside input[type=text] {
    padding-left: 6px;
    padding-right: 52px;
    margin-left: 0;
}
.country-select.inside .flag-dropdown {
	right: 0;
	left: auto;
}
.country-select .selected-flag .arrow {
	left: 4px;
	right: auto;
}
.country-select .country-list {
	text-align: right;
	direction: rtl;
}
.country-select .flag {
	margin-right: 10px !important;
}
.country-select .country-list .flag, .country-select .country-list .country-name {
	margin-right: 0px !important;
	margin-left: 10px !important;
}
.how-app-work-section .how-app-work-slider-wrapper {
	direction: ltr;
}

.download-btn.active {
    margin-right: 0;
    margin-left: 15px;
}

.blog-details-page .comment-form input, .blog-details-page .comment-form textarea {
    padding-left: 10px;
	padding-right: 20px;
}

.social-box ul li a i {
    margin-left: 10px;
	margin-right: 0;
}

.scrollup {
	right: auto;
	left: 20px;
}

.ml-auto, .mx-auto {
    margin-right: auto!important;
    margin-left: 0 !important;
}

.banner-static .banner-content {
	padding-left: 10px;
}

.footer-copyright {
	direction: rtl;
}

.modal-body .close {
	position: absolute;
	top: 10px;
	left: 10px;
	right: auto;
}
.blog-details-page .single-blog-post-style-two .text-box .qoute {
    padding: 6px 0;
    padding-left: 0;
	padding-right: 15px;
    border-left: 0 solid #3a8136;
	border-right: 7px solid #3a8136;
    margin: 50px 0;
    font-size: 18px;
}
.text-left {
	text-align: right !important;
	direction: rtl;
}
.banner-static {
	background: #fff url(../img/slider-bg-rtl.jpg) center top no-repeat;
	background-size: cover;
}
.sign-up-btn {
	margin-left: 0;
}
.fa-angle-right:before {
    content: "\f104";
}
.fa-angle-left:before {
    content: "\f105";
}

@media (min-width: 768px) {
	.offset-md-2 {
		margin-right: 16.666667%;
	}
}

@media (max-width: 991px) {
	.logo-img {
		margin-right: 55px;
		margin-left: 0;
	}
	.navbar-brand.mr-auto {
		margin-right: 0 !important;
		margin-left: auto !important;
	} 
	.navbar-light .navbar-toggler {
		right: 0;
		left: auto;
	}
	.sign-up-btn {
		left: 0;
		right: auto;
	}
}
@media (max-width: 414px) {
	.sign-up-btn {
		margin-right: 25px;
		margin-top: -25px;
		position: absolute;
		top: 30px;
		left: 0px;
		margin-left: 0;
		right: auto;
	}
}