@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap");
@import url("rtl-utilities.css");

/* RTL layout — Power Solution Tech / Arabic direction */

[dir="rtl"] body {
  direction: rtl;
  font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] .nice-select {
  text-align: right;
}

/* Header & navigation
--------------------------------------------- */
[dir="rtl"] header.header-1 .main-menu ul > li > a,
[dir="rtl"] header.header-2 .main-menu ul > li > a,
[dir="rtl"] header.header-3 .main-menu ul > li > a {
  text-align: right;
}

[dir="rtl"] header.header-1 .main-menu ul > li > a i,
[dir="rtl"] header.header-3 .main-menu ul > li > a i {
  margin-left: 5px;
}

[dir="rtl"] header.header-1 .main-menu ul > li > ul,
[dir="rtl"] header.header-2 .main-menu ul > li > ul,
[dir="rtl"] header.header-3 .main-menu ul > li > ul {
  left: auto;
  right: 0;
}

[dir="rtl"] header.header-1 .main-menu ul > li > ul ul,
[dir="rtl"] header.header-2 .main-menu ul > li > ul ul,
[dir="rtl"] header.header-3 .main-menu ul > li > ul ul {
  left: auto;
  right: 100%;
}

[dir="rtl"] header.header-1 .main-menu ul > li li.menu-item-has-children > a:after,
[dir="rtl"] header.header-2 .main-menu ul > li li.menu-item-has-children > a:after,
[dir="rtl"] header.header-3 .main-menu ul > li li.menu-item-has-children > a:after {
  right: auto;
  left: 15px;
  content: "\f104";
}

[dir="rtl"] header.header-1 .main-menu ul > li > a span,
[dir="rtl"] header.header-3 .main-menu ul > li > a span {
  margin-left: 0;
  margin-right: 3px;
}

[dir="rtl"] header .header-right-element .theme-btn i {
  margin-left: 0;
  margin-right: 4px;
}

[dir="rtl"] header .header-right-element .search-btn {
  margin-left: 0;
  margin-right: 10px;
}

[dir="rtl"] header .header-right-element .search-box {
  right: auto;
  left: 0;
}

[dir="rtl"] #hamburger {
  text-align: left;
}

/* Top bar
--------------------------------------------- */
[dir="rtl"] .top-bar-wrapper::before {
  right: auto;
  left: -30px;
  transform: skew(45deg, 0deg);
}

[dir="rtl"] .top-left a {
  margin-right: 0;
  margin-left: 35px;
}

[dir="rtl"] .top-left a i {
  padding-right: 0;
  padding-left: 8px;
}

[dir="rtl"] .social-pages a {
  margin-left: 0;
  margin-right: 15px;
}

@media (max-width: 991px) {
  [dir="rtl"] .top-left a {
    margin-left: 10px;
  }
}

/* Mobile & offset menus
--------------------------------------------- */
[dir="rtl"] .mobile-nav {
  right: auto;
  left: -380px;
  transition: left 0.5s ease-in;
}

[dir="rtl"] .mobile-nav.show {
  right: auto;
  left: 0;
}

[dir="rtl"] .mobile-nav .close-nav {
  left: auto;
  right: 20px;
}

[dir="rtl"] .mobile-nav .sidebar-nav .metismenu ul a {
  padding: 10px 35px 10px 15px;
}

[dir="rtl"] .mobile-nav .sidebar-nav .metismenu ul a:hover {
  padding-left: 15px;
  padding-right: 40px;
}

[dir="rtl"] .mobile-nav .sidebar-nav .metismenu ul a::before {
  left: auto;
  right: 15px;
}

[dir="rtl"] .mobile-nav .sidebar-nav .metismenu ul ul a {
  padding: 10px 45px 10px 15px;
}

[dir="rtl"] .action-bar {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .action-bar a i {
  margin-right: 0;
  margin-left: 10px;
}

[dir="rtl"] .offset-menu {
  right: auto;
  left: -30%;
}

[dir="rtl"] .offset-menu.show {
  right: auto;
  left: 0;
}

[dir="rtl"] .offset-menu #offset-menu-close-btn {
  right: auto;
  left: 30px;
}

[dir="rtl"] .offset-menu .offset-menu-section ul li span {
  margin-right: 0;
  margin-left: 10px;
}

/* Section titles & lists
--------------------------------------------- */
[dir="rtl"] .section-title > span {
  padding-left: 0;
  padding-right: 22px;
}

[dir="rtl"] .section-title > span::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .checked-list li {
  padding-left: 0;
  padding-right: 30px;
}

[dir="rtl"] .checked-list li::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .checked-list.right li {
  padding-right: 0;
  padding-left: 30px;
}

[dir="rtl"] .checked-list.right li::before {
  right: auto;
  left: 0;
}

/* Hero
--------------------------------------------- */
[dir="rtl"] .hero-2 .layer1 {
  left: auto;
  right: -600px;
  transform: rotate(44.13deg);
}

[dir="rtl"] .hero-2 .layer2 {
  left: auto;
  right: -330px;
  transform: rotate(44.13deg);
}

[dir="rtl"] .hero-2 .single-slide .hero-contents .play-text {
  padding-left: 0;
  padding-right: 5px;
}

[dir="rtl"] .slide-right-dots {
  right: auto;
  left: 20px;
}

[dir="rtl"] .hero-1 .slick-nav.prev-arrow {
  left: auto;
  right: 3%;
  transform: none;
}

[dir="rtl"] .hero-1 .slick-nav.next-arrow {
  right: auto;
  left: 3%;
  transform: scaleX(-1);
}

/* About & services
--------------------------------------------- */
[dir="rtl"] .fun-fact-bar {
  left: auto;
  right: -80px;
}

@media (max-width: 991px) {
  [dir="rtl"] .fun-fact-bar {
    right: 0;
  }
}

[dir="rtl"] .single-service-left-icon .icon {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

[dir="rtl"] .about-images-video-popup img + img {
  float: left;
}

[dir="rtl"] .single-work-step .circle-img span {
  right: auto;
  left: 0;
  transform: translate(-10px, -20px);
}

/* Info cards & contact blocks
--------------------------------------------- */
[dir="rtl"] .single-info-element .icon,
[dir="rtl"] .call-us .icon {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}

[dir="rtl"] .action-bar .single-info-element .icon {
  margin-right: 0;
  margin-left: 12px;
}

[dir="rtl"] .single-customer-review .client-info-card .client-details {
  margin-left: 0;
  margin-right: 20px;
}

@media (max-width: 767px) {
  [dir="rtl"] .single-customer-review .client-info-card .client-details {
    margin-right: 0;
  }
}

[dir="rtl"] .contact-img-wrapper::after {
  border-left: 0;
  border-right: 330px solid transparent;
  right: auto;
  left: -25px;
}

@media (max-width: 991px) {
  [dir="rtl"] .contact-img-wrapper::after {
    left: -10px;
  }
}

[dir="rtl"] .contact-form label span {
  margin-left: 0;
  margin-right: 5px;
}

[dir="rtl"] .contact-form input[type="submit"] i,
[dir="rtl"] .contact-form .submit-btn i {
  margin-right: 0;
  margin-left: 8px;
}

[dir="rtl"] .get-in-touch .single-contact-info .icon {
  float: right;
  margin-right: 0;
  margin-left: 15px;
  padding-left: 0;
  padding-right: 2px;
}

[dir="rtl"] .site_info_widget .single-contact-info .icon {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

[dir="rtl"] .single-contact-card .top-part .icon {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

[dir="rtl"] .single-testimonial-card .client-img {
  float: right;
  margin-right: 0;
  margin-left: 35px;
}

[dir="rtl"] .single-news-card .contents .post-author .author-img {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

/* Blog & news
--------------------------------------------- */
[dir="rtl"] .single-news-box .featured-thumb .post-cat {
  right: auto;
  left: 30px;
}

[dir="rtl"] .single-news-box .content i {
  margin-right: 0;
  margin-left: 5px;
}

[dir="rtl"] .case-study-post-wrapper .case-details-content p:nth-child(1)::first-letter {
  margin-right: 0;
  margin-left: 15px;
  float: right;
}

/* Footer
--------------------------------------------- */
[dir="rtl"] .newsletter_widget .newsletter_box input {
  padding-left: 70px;
  padding-right: 25px;
}

[dir="rtl"] .newsletter_widget .newsletter_box button {
  right: auto;
  left: 0;
}

[dir="rtl"] .footer-social-icon a {
  margin-right: 0;
  margin-left: 5px;
}

[dir="rtl"] footer .footer-bottom .social-links a {
  margin-right: 0;
  margin-left: 15px;
}

[dir="rtl"] footer .footer-bottom .social-links a:last-of-type {
  margin-left: 0;
}

[dir="rtl"] footer .footer-bottom .bottom-content-wrapper ul li {
  margin-left: 0;
  margin-right: 15px;
}

/* FAQ & accordion
--------------------------------------------- */
[dir="rtl"] .accordion .accordion-item .accordion-collapse .accordion-body {
  padding-right: 20px;
  padding-left: 30px;
}

[dir="rtl"] .faq-accordion-2 .accordion .accordion-item::before {
  left: auto;
  right: 25px;
  transform: translateX(50%);
}

[dir="rtl"] .faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button {
  padding-left: 20px;
  padding-right: 70px;
}

@media (max-width: 500px) {
  [dir="rtl"] .faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button {
    padding-right: 60px;
  }
}

[dir="rtl"] .faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .faq-accordion-2 .accordion .accordion-item .accordion-collapse .accordion-body {
  padding-left: 20px;
  padding-right: 70px;
}

@media (max-width: 500px) {
  [dir="rtl"] .faq-accordion-2 .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-right: 60px;
  }
}

/* Breadcrumb & alignment helpers
--------------------------------------------- */
[dir="rtl"] .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before,
[dir="rtl"] .page-banner-wrap .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\f053";
  float: right;
}

[dir="rtl"] .alignleft {
  float: right;
  margin-right: 0;
  margin-left: 1.5em;
}

[dir="rtl"] .alignright {
  float: left;
  margin-left: 0;
  margin-right: 1.5em;
}

/* Scroll to top
--------------------------------------------- */
[dir="rtl"] #scrollUp {
  right: auto !important;
  left: 20px !important;
}

@media only screen and (max-width: 991px) {
  [dir="rtl"] #scrollUp {
    left: 30px !important;
  }
}

/* Responsive services box
--------------------------------------------- */
@media (max-width: 767px) {
  [dir="rtl"] .services-container-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* Bootstrap 4 legacy classes used in template HTML
--------------------------------------------- */
@media (min-width: 992px) {
  [dir="rtl"] .pr-lg-5 {
    padding-right: 0;
    padding-left: 3rem;
  }
}

/* Sidebars & inner pages
--------------------------------------------- */
@media (min-width: 991px) {
  [dir="rtl"] .main-sidebar {
    margin-left: 0;
    margin-right: 20px;
  }
}

[dir="rtl"] .main-sidebar .single-sidebar-widget ul {
  padding-right: 0;
}

[dir="rtl"] .main-sidebar .single-sidebar-widget ul ul {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .main-sidebar .single-sidebar-widget .wid-title {
  padding-left: 0;
  padding-right: 45px;
}

[dir="rtl"] .main-sidebar .single-sidebar-widget .wid-title::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .main-sidebar .single-sidebar-widget .wid-title::after {
  left: auto;
  right: 22px;
}

[dir="rtl"] .main-sidebar .single-sidebar-widget .social-link a {
  margin-right: 0;
  margin-left: 5px;
}

[dir="rtl"] .search_widget form button {
  right: auto;
  left: 0;
}

[dir="rtl"] .popular-posts .single-post-item .thumb,
[dir="rtl"] .popular_posts .single-post-item .thumb {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

[dir="rtl"] .popular-posts .single-post-item .post-content .post-date i,
[dir="rtl"] .popular_posts .single-post-item .post-content .post-date i {
  margin-right: 0;
  margin-left: 7px;
}

[dir="rtl"] .widget_categories ul li a span {
  right: auto;
  left: 0;
}

[dir="rtl"] .service-sidebar-wrapper .single-sidebar-widgets .services-category-link a {
  padding-left: 20px;
  padding-right: 50px;
}

[dir="rtl"] .service-sidebar-wrapper .single-sidebar-widgets .services-category-link a::before {
  left: auto;
  right: 15px;
  content: "\f0d9";
}

[dir="rtl"] .service-sidebar-wrapper .single-sidebar-widgets .services-category-link a:hover {
  padding-left: 20px;
  padding-right: 35px;
}

[dir="rtl"] .service-sidebar-wrapper .doc-sidebar a i {
  margin-right: 0;
  margin-left: 10px;
}

/* Blog & comments
--------------------------------------------- */
[dir="rtl"] .single-blog-item .content .post-meta i {
  margin-right: 0;
  margin-left: 6px;
}

[dir="rtl"] .single-blog-item .content .post-meta .post-date {
  margin-right: 0;
  margin-left: 20px;
}

[dir="rtl"] .blog-wrapper .single-blog-post .post-content .post-meta span i,
[dir="rtl"] .blog-wrapper .single-blog-post .post-content .post-link a i {
  margin-right: 0;
  margin-left: 5px;
}

[dir="rtl"] .blog-wrapper .single-blog-post .post-content .author-info .author-img {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}

@media (max-width: 767px) {
  [dir="rtl"] .blog-wrapper .single-blog-post .post-content .author-info .author-img {
    margin-left: 5px;
  }
}

[dir="rtl"] .comments-item-list .single-comment-item .author-img {
  float: right;
  margin-right: 0;
  margin-left: 30px;
}

@media (max-width: 991px) {
  [dir="rtl"] .comments-item-list .single-comment-item .author-img {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  [dir="rtl"] .comments-item-list .single-comment-item .author-img {
    margin-left: 15px;
  }
}

[dir="rtl"] .comments-item-list .single-comment-item .author-info-comment .theme-btn i {
  margin-right: 0;
  margin-left: 8px;
}

[dir="rtl"] .video-btn i {
  margin-right: 0;
  margin-left: 10px;
}

/* Nice select dropdown
--------------------------------------------- */
[dir="rtl"] .nice-select {
  text-align: right !important;
  padding-left: 30px !important;
  padding-right: 18px !important;
  float: none;
}

[dir="rtl"] .nice-select:after {
  right: auto;
  left: 12px;
}

/* Magnific popup
--------------------------------------------- */
[dir="rtl"] .mfp-content {
  text-align: center;
}

[dir="rtl"] .mfp-image-holder .mfp-close,
[dir="rtl"] .mfp-iframe-holder .mfp-close {
  right: auto;
  left: 0;
  text-align: left;
}