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

body,
.navbar a,
.navbar a:focus,
.hero .btn-get-started span,
.about .btn-read-more span,
.counts .count-box p,
.pricing .price,
.pricing .btn-buy,
.footer .footer-top .footer-info p {
	font-family: 'Tajawal', sans-serif;
}

html,
body {
	direction: rtl;
	text-align: right;
}

.breadcrumbs ol li+li {
	padding-right: 10px;
	padding-left: 0;
}

.navbar a i,
.navbar a:focus i {
	margin-right: 5px;
	margin-left: 0;
}

.navbar .getstarted {
	margin-right: 30px;
	margin-left: 0;
}

.navbar-mobile .getstarted {
	margin: 15px;
}

.navbar .dropdown ul {
	right: 14px;
	left: auto;
}

.navbar .dropdown .dropdown ul {
	right: calc(100% - 30px);
	left: auto;
}

.navbar .dropdown .dropdown:hover>ul {
	right: 100%;
	left: auto;
}

@media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		right: -90%;
		left: auto;
	}

	.navbar .dropdown .dropdown:hover>ul {
		right: -100%;
		left: auto;
	}
}

.list-unstyled {
	padding-right: 0;
}

.hero .btn-get-started i,
.about .btn-read-more i {
	margin-right: 5px;
	margin-left: 0;
}

.values .box .read-more {
	margin-right: 4px;
	margin-left: 0;
}

.services .service-box .read-more i {
	margin-right: 5px;
	margin-left: 0;
}

.pricing .price sup {
	right: -3px;
	left: auto;
}

.portfolio .portfolio-wrap .portfolio-info::before {
	right: 35px;
	left: auto;
	border-right: 3px solid rgba(1, 41, 112, 0.2);
	border-left: 0;
}

.portfolio .portfolio-wrap:hover .portfolio-info::before {
	right: 15px;
	left: auto;
}

.portfolio-info.mt-3 {
	margin-left: 0;
	margin-right: 20px;
	margin-bottom: 2em;
}


.team .member .member-img:after {
	right: 0;
	left: auto;
}

.recent-blog-posts .post-box .readmore i {
	margin-right: 4px;
	margin-left: 0;
}

.blog .entry .entry-meta ul li+li {
	padding-right: 20px;
	padding-left: 0;
}

.blog .entry .entry-content blockquote::after {
	right: 0;
	left: auto;
}

.blog .entry .entry-footer .share i {
	padding-right: 5px;
	padding-left: 0;
}

.blog .blog-comments .comment h5 .reply {
	padding-right: 10px;
	padding-left: 0;
}

.blog .blog-comments .comment.comment-reply {
	padding-right: 40px;
	padding-left: 0;
}

.blog .sidebar {
	margin-right: 20px;
	margin-left: 0;
}

.blog .sidebar .categories ul a span {
	padding-right: 5px;
	padding-left: 0;
}

.blog .sidebar .recent-posts h4,
.blog .sidebar .recent-posts time {
	margin-right: 95px;
	margin-left: 0;
}

.blog .sidebar .tags ul a {
	margin-left: 6px;
	margin-right: 0;
}

.blog .sidebar .tags ul a span {
	padding-right: 5px;
	padding-left: 0;
}

.basic-2 .decoration-star-2 {
	right: -100px;
	left: auto;
}


.breadcrumbs ol li+li::before {
	padding-left: 10px;
	padding-right: 0;
}

.back-to-top {
	left: 15px;
	right: auto;
}

.header .logo img {
	margin-left: 6px;
	margin-right: 0;
}

.navbar-mobile .mobile-nav-toggle {
	left: 15px;
	right: auto;
}

.counts .count-box i {
	margin-left: 20px;
	margin-right: 0;
}

.features .feature-box i {
	margin-left: 10px;
	margin-right: 0;
}

.features .feture-tabs .nav-link {
	margin-left: 25px;
	margin-right: 0;
}

.features .feture-tabs .tab-content i {
	margin-left: 8px;
	margin-right: 0;
}

.features .feature-icons .content .icon-box i {
	margin-left: 15px;
	margin-right: 0;
}

.pricing .featured {
	left: -68px;
	right: auto;
}

.portfolio #portfolio-flters li {
	margin: 0 4px 8px 4px;
}

.portfolio #portfolio-flters li:last-child {
	margin-left: 0;
}

.portfolio .portfolio-wrap .portfolio-info::after {
	left: 35px;
	right: auto;
	border-left: 3px solid rgba(1, 41, 112, 0.2);
	border-right: 0;
}

.portfolio .portfolio-wrap:hover .portfolio-info::after {
	left: 15px;
	right: auto;
}

.platform-service li i {
	margin-left: 5px;
	margin-right: 0;
}

.team .member .social {
	left: -100%;
	right: auto;
}

.team .member:hover .social {
	left: 8px;
	right: auto;
}

.blog .entry .entry-meta i {
	margin-left: 8px;
	margin-right: 0;
}

.blog .entry .entry-footer .tags li+li::before {
	padding-left: 6px;
	padding-right: 0;
}

.blog .blog-author img {
	margin-left: 20px;
	margin-right: 0;
}

.blog .blog-author .social-links {
	margin: 0 0px 10px 10px;
}

.blog .blog-author .social-links a {
	margin-left: 5px;
	margin-right: 0;
}

.blog .blog-comments .comment .comment-img {
	margin-left: 14px;
	margin-right: 0;
}

.blog .sidebar .search-form form button {
	left: 0;
	right: auto;
	border-radius: 4px 0 0 4px;
}

.footer .footer-newsletter form input[type="submit"] {
	left: 0;
	right: auto;
}

.footer .footer-top .footer-info .logo img {
	margin-left: 6px;
	margin-right: 0;
}

.footer .footer-top .social-links a {
	margin-left: 10px;
	margin-right: 0;
}

.footer .footer-top .footer-links ul i {
	padding-left: 2px;
	padding-right: 0;
}

.hero .decoration-star-2,
.basic-1 .decoration-star-2 {
	left: -100px;
	right: auto;
}

.navbar a,
.navbar a:focus {
	padding-right: 33px;
	padding-left: 0;
}

.navbar-mobile a {
	padding: 10px 20px;
}

.faq .accordion-button,
.contact .php-email-form .error-message {
	text-align: right;
}

.blog .sidebar .recent-posts img {
	float: right;
}

.hero .hero-img {
	text-align: left;
}

.faq .accordion-button {
	text-align: right;
}

.blog .entry .entry-content .read-more {
	-moz-text-align-last: left;
	text-align-last: left;
}

.hero .btn-get-started:hover i {
	transform: translateX(-5px);
}

.about .btn-read-more:hover i {
	transform: translateX(-5px);
}

.bi-arrow-right::before {
	content: "\f12f";
}

.bi-arrow-left::before {
	content: "\f138";
}

.bi-chevron-right::before {
	content: "\f284";
}

.bi-chevron-left::before {
	content: "\f285";
}

@media (min-width: 768px) {
	.basic-2 .decoration-star-2 {
		right: -200px;
		left: auto;
	}

	.hero .decoration-star-2,
	.basic-1 .decoration-star-2 {
		left: -200px;
		right: auto;
	}

	.text-md-start {
		text-align: right !important;
	}

	text-md-end {
		text-align: left !important;
	}
}

@media (min-width: 992px) {
	.text-lg-start {
		text-align: right !important;
	}

	.text-lg-end {
		text-align: left !important;
	}
}

@media (min-width: 1200px) {

	.hero .decoration-star-2,
	.basic-1 .decoration-star-2 {
		left: -200px;
		right: auto;
	}

	.basic-2 .decoration-star-2 {
		right: -200px;
		left: auto;
	}
}

@media (max-width: 991px) {
	.blog .sidebar {
		margin-right: 0;
	}
}