/* ---------------------------------------------------------------- */
/* BASIC TYPOGRAPHY                         
/* ---------------------------------------------------------------- */
body.rtl {
  direction: rtl;
  text-align: right;
}

body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6 {
  font-family: 'Tajawal', sans-serif;
}

/* ---------------------------------------------------------------- */
/* FORM & HELPER CLASS & BUTTON                           
/* ---------------------------------------------------------------- */
body.rtl .custom-modal .modal-content .modal-header button {
  padding: 0;
  margin: 0;
}

body.rtl .custom-modal .modal-content .modal-body .popup-form-group .popup-form-control {
  padding: 0 50px 0 20px;
}

body.rtl .custom-modal .modal-content .modal-body .popup-form-group span {
  left: initial !important;
  right: 16px;
}

body.rtl .custom-modal .modal-content .modal-body .popup-form-group > textarea.popup-form-control {
  height: auto;
  padding: 18px 50px;
}

body.rtl .custom-modal .modal-content .modal-body .review-rating-list {
  padding: 18px 45px 18px 20px;
}

body.rtl .custom-modal .modal-content .modal-body .review-rating-list li a {
  margin-left: 0 !important;
  margin-right: 5px;
}

body.rtl .custom-modal .modal-content .modal-body .review-rating-list li:first-child a {
  margin-right: 0 !important;
}

body.rtl .custom-modal .modal-content .modal-body span[class*="fa-hand-point-right"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body.rtl .inner-header-title:after, body.rtl .inner-header-title:before {
  right: 0;
}

body.rtl .scroll-top-btn, body.rtl .whatsapp-link-btn, body.rtl .facebook-link-btn {
  right: initial;
  left: 10px;
}

body.rtl .owl-carousel .owl-nav button.owl-next {
  margin-right: 10px;
}

body.rtl .owl-carousel .owl-nav button.owl-next span:before {
  content: "\f060";
}

body.rtl .owl-carousel .owl-nav button.owl-prev span:before {
  content: "\f061";
}

body.rtl .comments-wrap .comments-item-wrap .comments-item .comment-header a i {
  margin-right: 0;
  margin-left: 10px;
}

body.rtl .comments-wrap .comments-item-wrap .comments-item img {
  margin-right: 0;
  margin-left: 20px;
}

body.rtl .comments-wrap .comments-item-wrap .comments-item.sub-comment {
  padding-left: 0;
  padding-right: 120px;
}

body.rtl .contact-form-group .form-input {
  padding: 18px 60px 18px 20px;
}

/* ---------------------------------------------------------------- */
/* PRELOADER                            
/* ---------------------------------------------------------------- */
body.rtl .preloader-wrap {
  direction: ltr;
}

/* ---------------------------------------------------------------- */
/* HEADER                                                
/* ---------------------------------------------------------------- */
body.rtl .header .nav-link {
  font-size: 16px;
  text-align: right;
}

body.rtl .header .nav-link:not(.active):after {
  left: initial;
  right: 0 !important;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

body.rtl .header .nav-link:not(.active):hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

body.rtl .header .dropdown-item {
  text-align: right;
}

body.rtl .header .navbar-toggler {
  padding: 0 0 0 10px;
}

body.rtl .header .dropdown-toggle {
  padding-left: 25px !important;
}

body.rtl .header .dropdown-toggle:before {
  right: initial;
  left: 0;
}

body.rtl .header .navbar-btn-resp .default-button i {
  margin-left: 0 !important;
  margin-right: 1rem !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body.rtl .header .login-btn-toggle i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  body.rtl .header .navbar-brand {
    padding: 10px 15px 10px 0;
  }
  body.rtl .header .dropdown-toggle:before {
    right: initial !important;
    left: 20px;
  }
  body.rtl .header .login-btn-mobile {
    right: initial !important;
    left: 60px;
  }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Large devices (desktop, less than min-width: 992px)
/* ---------------------------------------------------------------- */
@media screen and (min-width: 991.98px) {
  body.rtl .dropdown-menu {
    right: 0;
    left: initial !important;
  }
}

/* ---------------------------------------------------------------- */
/* HERO                                                  
/* ---------------------------------------------------------------- */
body.rtl .hero-section .hero-section-inner .hero-social a {
  margin-right: 0;
  margin-left: 10px;
}

body.rtl .hero-section .hero-section-inner .hero-social a:last-child {
  margin-left: 0;
}

/* ---------------------------------------------------------------- */
/* ABOUT                             
/* ---------------------------------------------------------------- */
body.rtl .about-left-inner .about-video-btn {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body.rtl .about-left-inner .about-video-btn i {
  padding-left: 5px;
}

body.rtl .about-inner .about-list .about-details-item b:after {
  right: initial;
  left: 0;
}

body.rtl .about-inner .about-list .about-details-item span {
  margin-left: 0;
  margin-right: 10px;
}

/* ---------------------------------------------------------------- */
/* EXPERIENCE                            
/* ---------------------------------------------------------------- */
body.rtl .resume-tab-content .experience-item .experience-item-inner .experience-item-body .experience-brand i {
  margin-right: 0;
  margin-left: 15px;
}

/* ---------------------------------------------------------------- */
/* BREADCRUMB                            
/* ---------------------------------------------------------------- */
body.rtl .breadcrumb-section .breadcrumb-inner .breadcrumb-links li.active:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Medium devices (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
  body.rtl .experience-item {
    text-align: right !important;
  }
}

/* ------------------------------------------------------------------- */
/* SKILLS                                                 
/* ------------------------------------------------------------------- */
body.rtl .skills-progress-wrap .skills-item .skills-progress-bar .skills-progress-value {
  left: initial;
  right: 0;
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

body.rtl .skills-progress-wrap .skills-item .skills-item-text h6 .skill-percent {
  float: left;
}

/* ------------------------------------------------------------------- */
/* COUNTER                                                 
/* ------------------------------------------------------------------- */
body.rtl .counters-wrap .counter-item:after {
  right: initial !important;
  left: 0;
}

/* ---------------------------------------------------------------- */
/* PORTFOLIO                                                     
/* ---------------------------------------------------------------- */
body.rtl .portfolio-filter-wrap .portfolio-filter a {
  float: right;
}

body.rtl .portfolio-filter-wrap .portfolio-filter a:last-child {
  margin-right: 10px;
}

body.rtl .portfolio-filter-wrap .portfolio-filter a:first-child {
  margin-right: 0;
}

body.rtl .glry-item .portfolio-item-share li span {
  padding-left: 0 !important;
  padding-right: 5px;
}

/* ---------------------------------------------------------------- */
/* TEAM                                                    
/* ---------------------------------------------------------------- */
body.rtl .team-card .team-img .team-social a {
  margin-right: 0;
  margin-left: 10px;
}

body.rtl .team-card .team-img .team-social a:last-child {
  margin-left: 0;
}

/* ---------------------------------------------------------------- */
/* BLOG                            
/* ---------------------------------------------------------------- */
body.rtl .blog-item .blog-meta i {
  margin-right: 0;
  margin-left: 10px;
}

body.rtl .blog-item .blog-item-footer .blog-small-img img {
  margin-right: 0;
  margin-left: 10px;
}

body.rtl .blog-item .blog-more-link i {
  margin-left: 0 !important;
  margin-right: .5rem;
}

body.rtl .blog-item .blog-more-link i:before {
  content: "\f104";
}

/* ---------------------------------------------------------------- */
/* FOOTER                            
/* ---------------------------------------------------------------- */
body.rtl .footer .footer-top .footer-widget .footer-social-links a:first-child {
  margin-right: 0;
}

body.rtl .footer .footer-top .footer-widget .footer-contact-info-list li i {
  margin-right: 0;
  margin-left: 15px;
}

body.rtl .footer .footer-top .footer-widget .footer-links li:before {
  margin-right: 0;
  margin-left: 15px;
}

body.rtl .footer .footer-top .footer-widget-pl {
  padding-left: 30px;
}

/* ---------------------------------------------------------------- */
/* BLOG SIDEBAR                             
/* ---------------------------------------------------------------- */
body.rtl .blog-sidebar .blog-widgets .blog-search-btn {
  right: initial;
  left: 0;
  border-radius: 5px 0 0 5px;
}

body.rtl .blog-sidebar .blog-category-list li:before {
  content: "\f100";
  margin-right: 0;
  margin-left: 10px;
}

body.rtl .blog-sidebar .blog-category-list li a .category-count {
  float: left;
}

body.rtl .blog-sidebar .recent-post-item .recent-post-img {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}

body.rtl .blog-sidebar .recent-post-item .recent-post-date i {
  margin-right: 0;
  margin-left: 8px;
}

body.rtl .blog-sidebar .blog-tags li {
  float: right;
}

/* ---------------------------------------------------------------- */
/* BLOG SINGLE                             
/* ---------------------------------------------------------------- */
body.rtl .blog-single-inner .blog-links span {
  margin-right: 0;
  margin-left: 10px;
}

body.rtl .blog-single-inner .blog-links span:last-child {
  margin-left: 0;
}

body.rtl .blog-single-inner .blog-links span:first-child i {
  margin-right: 0;
}

body.rtl .blog-single-inner .blog-links span i {
  color: #FF4F1A;
  margin-left: 10px;
}

body.rtl .blog-single-inner .blog-post-quote blockquote {
  border-left: none;
  border-right: 5px solid #FF4F1A;
}

body.rtl .blog-single-inner .blog-post-quote blockquote p:after {
  content: "\f10e";
  top: 0;
  left: initial;
  right: 0;
  color: #FF4F1A;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 3rem;
  position: absolute;
  opacity: 0.1;
  z-index: -16;
}

body.rtl .blog-single-inner .blog-post-quote blockquote p strong {
  margin-top: 10px;
  display: block;
  color: #303945;
}

/* ---------------------------------------------------------------- */
/* CONTACT ME                            
/* ---------------------------------------------------------------- */
body.rtl .contact-form-group span {
  left: initial;
  right: 18px;
}

body.rtl .contact-info-wrap .contact-info-item .contact-info-icon {
  margin-right: 0;
  margin-left: 30px;
}

/* ---------------------------------------------------------------- */
/* PORTFOLIO SINGLE                          
/* ---------------------------------------------------------------- */
body.rtl .owl-carousel.portfolio-carousel .owl-nav button.owl-next span:before {
  content: "\f061";
}

body.rtl .owl-carousel.portfolio-carousel .owl-nav button.owl-prev span:before {
  content: "\f060";
}

body.rtl .portfolio-single-section .project-details .project-info > li > span {
  text-align: right;
}

body.rtl .portfolio-single-section .project-details .project-info > li > span:before {
  padding-right: 0 !important;
  padding-left: 15px;
}
/*# sourceMappingURL=rtl.css.map */