@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');

body, h1, h2, h3, h4, h5, h6, #header .logo h1, .navbar a, .navbar a:focus, #hero .btn-get-started,
.section-title h2, .pricing h4, .pricing .btn-buy, .faq .faq-list a, #footer .footer-top .footer-contact p {
    font-family: 'Tajawal', sans-serif ;
}
html, body {
	direction: rtl;
	text-align: right;
}
#topbar .contact-info i a, #topbar .contact-info i span {
	padding-right: 5px;
	padding-left: 0;
}
.navbar a i, .navbar a:focus i {
	margin-right: 5px;
	margin-left: 0;
}
.navbar a i.lang {
	margin-left: 5px;
	margin-right: 0;
}
.navbar .getstarted, .navbar .getstarted:focus {
	margin-right: 30px;
	margin-left: 0;
}
.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;
  }
}

#hero .btn-get-started {
	margin-right: -10px;
	margin-left: 0;
	border-radius: 50px 0 0 50px;
}
.breadcrumbs ol li + li {
  padding-right: 10px;
	padding-left: 0;
}
.about .icon-box .title, .about .icon-box .description {
	margin-right: 85px;
	margin-left: 0;
}
.services .icon {
  right: calc(50% - 36px);
	left: auto;
}
.testimonials .testimonial-item .quote-icon-left {
  right: -5px;
	left: auto;
}
.pricing h4 sup {
	right: -3px;
	left: auto;
}
.faq .faq-list .icon-help {
	right: 20px;
	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 .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 span {
  padding-right: 5px;
	padding-left: 0;
}
.back-to-top {
	left: 15px;
	right: auto;
}
.navbar-mobile .mobile-nav-toggle {
	left: 15px;
	right: auto;
}
.breadcrumbs ol li + li::before {
	padding-left: 10px;
	padding-right: 0;
}
.testimonials .testimonial-item .quote-icon-right {
	left: -5px;
	right: auto;
}
.portfolio #portfolio-flters li {
	padding: 10px 20px 12px 20px;
}
.portfolio #portfolio-flters li:last-child {
 	margin-left: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
	left: 40px;
	right: auto;
}
.portfolio .portfolio-item .portfolio-info .details-link {
  	left: 10px;
	right: auto;
}
.project-section .project-item .project-info .preview-link, .project-section .project-item .project-info .details-link {
	left: 40px;
	right: auto;
}
.project-section .project-item .project-info .details-link {
  left: 10px;
	right: auto;
}
.pricing ul i {
	padding-left: 4px;
	padding-right: 0;
}
.pricing .advanced {
	left: -68px;
	right: auto;
}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {
	left: 0;
	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 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-top .footer-links ul i {
  padding-left: 2px;
	padding-right: 0;
}
#footer .footer-newsletter form input[type=submit] {
	left: 0;
	right: auto;
}
#footer .social-links a {
	margin-left: 4px;
	margin-right: 0;
}
.about .icon-box .icon, .contact .info-box i, .blog .sidebar .recent-posts img {
	float: right;
}
.contact .php-email-form .error-message, #footer .footer-newsletter form {
	text-align: right;
}
.blog .entry .entry-content .read-more {
  -moz-text-align-last: left;
  text-align-last: left;
}
.contact .info-box h3, .contact .info-box p {
	margin-right: 68px;
	margin-left: 0;
}

.bxs-right-arrow-alt:before {
    content: "\eaf9";
}
.bxs-left-arrow-alt:before {
    content: "\eb84";
}
.bx-chevron-right:before {
    content: "\ecb0";
}
.bx-chevron-left:before {
    content: "\ecb3";
}
.bi-arrow-right::before {
    content: "\f12f";
}
.bi-arrow-left::before {
    content: "\f138";
}
.ms-4 {
    margin-right: 1.5rem!important;
	margin-left: 0!important;
}


@media (min-width: 992px) {
	.text-lg-start {
		text-align: right;
	}
}
@media (min-width: 992px) {
	.me-lg-auto {
		margin-left: auto;
		margin-right: 0!important;
	}
}

