/* =================================================================
   راست‌چین‌سازی و فارسی‌سازی قالب آرشا
   این فایل بعد از template.css و بوت‌استرپ RTL لود می‌شود
   ================================================================= */

/* فونت فارسی وزیرمتن (از طریق Google Fonts / فونت آنلاین) */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

html {
  direction: rtl;
}

body,
h1, h2, h3, h4, h5, h6,
.navbar a, .navbar a:focus {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

body {
  text-align: right;
}

/* --------------------------------------------------
   ناوبری (Header / Navbar)
-------------------------------------------------- */
#header .logo {
  margin-inline-end: auto;
  margin-inline-start: 0;
}

.navbar a, .navbar a:focus {
  padding: 10px 30px 10px 0;
}

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

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

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

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

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

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

.navbar-mobile {
  right: 0;
  left: 0;
}

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

.navbar-mobile ul {
  right: 15px;
  left: 15px;
}

/* --------------------------------------------------
   دکمه بازگشت به بالا
-------------------------------------------------- */
.back-to-top {
  right: auto;
  left: 15px;
}

/* --------------------------------------------------
   هیرو (Hero)
-------------------------------------------------- */
#hero .d-flex.justify-content-center.justify-content-lg-start {
  justify-content: center !important;
}
@media (min-width: 992px) {
  #hero .d-flex.justify-content-center.justify-content-lg-start {
    justify-content: flex-start !important;
  }
}

#hero .btn-get-started {
  margin-left: 0;
}

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

/* --------------------------------------------------
   درباره ما / آکاردئون چرا ما
-------------------------------------------------- */
.about ul li i,
.why-us .accordion-list ul li i {
  margin-left: 6px;
  margin-right: 0;
}

.why-us .accordion-list a {
  padding-left: 0;
  padding-right: 34px;
}

.why-us .accordion-list span {
  margin-left: 10px;
  margin-right: 0;
}

.why-us .accordion-list .icon-show,
.why-us .accordion-list .icon-close {
  right: auto;
  left: 0;
}

/* --------------------------------------------------
   مهارت‌ها (Skills)
-------------------------------------------------- */
.skills .progress .skill {
  float: right;
}

.skills .progress .val {
  float: left;
}

/* --------------------------------------------------
   خدمات (Services) / قیمت‌گذاری / سوالات متداول
-------------------------------------------------- */
.pricing .box ul li i {
  margin-left: 8px;
  margin-right: 0;
}

.faq-list i.icon-help {
  margin-left: 8px;
  margin-right: 0;
}

.faq-list .icon-show,
.faq-list .icon-close {
  right: auto;
  left: 0;
}

/* --------------------------------------------------
   نمونه‌کارها (Portfolio)
-------------------------------------------------- */
#portfolio-flters li {
  margin: 0 5px;
}

/* --------------------------------------------------
   تیم (Team)
-------------------------------------------------- */
.team .member .pic {
  margin-left: 20px;
  margin-right: 0;
}

/* --------------------------------------------------
   تماس با ما (Contact)
-------------------------------------------------- */
.contact .info i {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}

.contact .info .email,
.contact .info .phone {
  margin-right: 0;
}

.contact .php-email-form label {
  text-align: right;
}

/* --------------------------------------------------
   فوتر (Footer)
-------------------------------------------------- */
.footer-links i {
  margin-left: 5px;
  margin-right: 0;
}

.footer-links .footer-menu-list li {
  padding: 4px 0;
  display: flex;
  align-items: center;
}

.footer-links .footer-menu-list li::before {
  font-family: 'boxicons' !important;
  content: "\ea50"; /* bx-chevron-left */
  margin-left: 5px;
  color: #47b2e4;
  font-size: 16px;
}

.footer-bottom .copyright,
.footer-bottom .credits {
  float: none;
  text-align: center;
}

@media (min-width: 768px) {
  .footer-bottom .copyright {
    float: right;
  }
  .footer-bottom .credits {
    float: left;
  }
}

.social-links a {
  margin-left: 0;
  margin-right: 4px;
}

/* --------------------------------------------------
   عمومی: اصلاح فاصله آیکن‌های بوت‌استرپ کنار متن در حالت راست‌چین
-------------------------------------------------- */
.d-flex i + span,
.d-flex span + i {
  margin: 0 4px;
}

/* اصلاح جهت اسلایدر / کاروسل در صورت استفاده از Swiper */
.swiper-rtl {
  direction: rtl;
}