:root {
  --accent-color: #f16448;
}

/* Add RTL direction to the entire document */
body {
  direction: rtl;
}

/*--------------------------------------------------------------
# Navigation Menu - Desktop (RTL Changes)
--------------------------------------------------------------*/
@media (min-width: 1200px) {
  .navmenu li:last-child a {
    padding-left: 0;
    padding-right: 12px;
  }

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

  .navmenu .dropdown .dropdown ul {
    left: auto;
    right: -90%;
  }

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

/*--------------------------------------------------------------
# Navigation Menu - Mobile (RTL Changes)
--------------------------------------------------------------*/
@media (max-width: 1199px) {


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

/*--------------------------------------------------------------
# Listing Dropdown - Desktop (RTL Changes)
--------------------------------------------------------------*/
@media (min-width: 1200px) {
  .navmenu .listing-dropdown ul {
    left: auto;
    right: 0;
  }
}

/*--------------------------------------------------------------
# Global Footer (RTL Changes)
--------------------------------------------------------------*/
.footer .social-links a {
  margin-right: 0;
  margin-left: 10px;
}

.footer .footer-links ul i {
  margin-right: 0;
  margin-left: 3px;
}

/*--------------------------------------------------------------
# Scroll Top Button (RTL Changes)
--------------------------------------------------------------*/
.scroll-top {
  left: 15px;
  right: auto;
}

/*--------------------------------------------------------------
# Page Titles & Breadcrumbs (RTL Changes)
--------------------------------------------------------------*/
.page-title nav ol li + li {
  padding-left: 0;
  padding-right: 10px;
}

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

/*--------------------------------------------------------------
# Hero Section (RTL Changes)
--------------------------------------------------------------*/
.hero .btn-get-started i {
  margin-left: 0;
  margin-right: 5px;
}

.hero .btn-watch-video i {
  margin-right: 0;
  margin-left: 8px;
}

/*--------------------------------------------------------------
# Features Section (RTL Changes)
--------------------------------------------------------------*/
.features .feature-box i {
  margin-right: 0;
  margin-left: 10px;
}

/*--------------------------------------------------------------
# Alt Features Section (RTL Changes)
--------------------------------------------------------------*/
.alt-features .icon-box i {
  margin-right: 0;
  margin-left: 15px;
}

/*--------------------------------------------------------------
# Services Section (RTL Changes)
--------------------------------------------------------------*/
.services .service-item .read-more i {
  margin-left: 0;
  margin-right: 5px;
}

/*--------------------------------------------------------------
# Testimonials Section (RTL Changes)
--------------------------------------------------------------*/
.testimonials .testimonial-item {
  margin: 40px 30px;
}

/*--------------------------------------------------------------
# Team Section (RTL Changes)
--------------------------------------------------------------*/
.team .team-member .social {
  right: auto;
  left: -100%;
}

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

/*--------------------------------------------------------------
# Recent Posts Section (RTL Changes)
--------------------------------------------------------------*/
.recent-posts .post-item .readmore i {
  margin-left: 0;
  margin-right: 6px;
}

/*--------------------------------------------------------------
# Blog Posts Section (RTL Changes)
--------------------------------------------------------------*/
.blog-posts .meta-top ul li + li {
  padding-left: 0;
  padding-right: 20px;
}

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

/*--------------------------------------------------------------
# Blog Pagination Section (RTL Changes)
--------------------------------------------------------------*/
.blog-pagination li {
  margin: 0 5px;
}

/*--------------------------------------------------------------
# Blog Details Section (RTL Changes)
--------------------------------------------------------------*/
.blog-details .meta-top ul li + li {
  padding-left: 0;
  padding-right: 20px;
}

.blog-details .meta-bottom .cats {
  padding: 0 0 0 20px;
}

.blog-details .meta-bottom .share i {
  padding-left: 0;
  padding-right: 5px;
}

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

/*--------------------------------------------------------------
# Blog Author Section (RTL Changes)
--------------------------------------------------------------*/
.blog-author img {
  margin-right: 0;
  margin-left: 20px;
}

/*--------------------------------------------------------------
# Blog Comments Section (RTL Changes)
--------------------------------------------------------------*/
.blog-comments .comment .comment-img {
  margin-right: 0;
  margin-left: 14px;
}

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

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

/*--------------------------------------------------------------
# Comment Form Section (RTL Changes)
--------------------------------------------------------------*/
.comment-form form .btn-primary {
  padding: 10px 20px;
}

/*--------------------------------------------------------------
# Widgets (RTL Changes)
--------------------------------------------------------------*/
.widgets-container .search-widget form button {
  right: auto;
  left: 0;
  border-radius: 4px 0 0 4px;
}

.recent-posts-widget .post-item img {
  margin-right: 0;
  margin-left: 15px;
}

.tags-widget ul a {
  margin: 0 0 8px 6px;
}

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

/*--------------------------------------------------------------
# PHP Email Form (RTL Changes)
--------------------------------------------------------------*/
.php-email-form .loading:before {
  margin: 0 0 0 10px;
}


/*--------------------------------------------------------------
# Marquee
--------------------------------------------------------------*/

.marquee-wrapper {
  /* This ensures text aligns right */
}

.marquee-text {
  padding-left: 0;
  padding-right: 100%;
  /* Push text off the left side initially */
  animation: marquee-reverse 40s linear infinite;
  direction: rtl;
}

@keyframes marquee-reverse {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}


.page-title .breadcrumb-item+.breadcrumb-item::before {
  content: '<';
}


.hero .swiper-pagination {
  left: auto;
  right: 0;
  margin-right: 0;
  margin-left: 50%;
}

.about .stat-item-1,
.about .stat-item-3 {
  border-right-width: 1px;
  border-left-width: 0;
}

.services .circle-link img,
.rrow-right {
  transform: rotate(180deg);
}

.service-heading .service-title {
  border-left: 0;
  border-right: 1px solid var(--accent-color)
}

.sector-left, 
.sector-icon-grid {
  border-right: 0;
  border-left: 1px solid var(--accent-color);
}

.arrow {
  transform: rotate(180deg);
  transform-origin: center;
}

.wpcf7-form, 
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: rtl;
}