/**========================================================================
 *                                 Base
 *========================================================================**/

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/IRANSansWeb(FaNum)_Bold.woff") format("woff");
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IRANSansWeb(FaNum)_Medium.woff") format("woff");
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/IRANSansWeb(FaNum)_Light.woff") format("woff");
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/IRANSansWeb(FaNum)_UltraLight.woff") format("woff");
}

@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/IRANSansWeb(FaNum).woff") format("woff");
}

:root {
  --baseFont: "IRANSansWeb";
}
 body {
  direction: rtl !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "next";
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "prev";
}
.fa-angle-double-left,
.fa-angle-double-right,
.fa-angle-left,
.fa-angle-right,
.fa-arrow-alt-circle-left,
.fa-arrow-alt-circle-right,
.fa-arrow-circle-left,
.fa-arrow-circle-right,
.fa-arrow-left,
.fa-arrow-right,
.fa-caret-left,
.fa-caret-right,
.fa-caret-square-left,
.fa-caret-square-right,
.fa-chevron-circle-left,
.fa-chevron-circle-right,
.fa-chevron-left,
.fa-chevron-right,
.fa-hand-point-left,
.fa-hand-point-right,
.fa-long-arrow-alt-left,
.fa-long-arrow-alt-right {
  transform: scaleX(-1);
}

.base-list li::after {
  inset: 0.25rem auto auto 0;
}

/**========================================================================
 *                                 Header
 *========================================================================**/
/*================== Hamburger Menu Button =================*/

.hamburger-button:hover span.mid,
body:has(#mobileMenuNavigation.show) .hamburger-button span.mid {
  transform: translateX(20px);
}
/**========================================================================
 *                                   Main
 *========================================================================**/

.plus-icon {
  margin-left: auto;
}

.contact-button i {
  border-right: 1px solid var(--iconColor);
  border-left: none;
}
.select-container::after {
  inset: 0 0.25rem 0 auto;
}
.navigation-item ul li::before {
  inset: 0.75rem auto auto 0.5rem;
}
.header-search button {
  inset: 0 4px 0 auto;
}
.modal-search-input a {
  inset: 0 0.25rem 0 auto;
}
.search-box button {
  inset: 0 1.25rem 0 auto;
}


/**========================================================================
  *                           Modals
  *========================================================================**/

#mobileMenuNavigation .modal-dialog {
  transform: translate(0);
  transform: translatex(-100%);
}
/*================================ Mobile Navigation ==============================*/

.mobile-navigation-item-link,
.mobile-navigation-item-title {
  padding: 10px;
  padding-right: 40px;
}

.mobile-navigation-item-title,
.mobile-navigation-item-link {
  padding-right: 10px;
}
.mobile-navigation-item-link {
  padding-left: 40px;
}

/*================================ Testimonial Section ==============================*/
.testimonial-card::before {
  transform: translate(-35%, -35%);
}
/**========================================================================
 *                           Responsive
 *========================================================================**/
/*================================  LG Monitor ==============================*/

@media (max-width: 1200px) {
  header .container {
    max-width: 100%;
    padding-inline: 1.5rem;
  }
}

/*================================  MD Monitor  ==============================*/

@media (max-width: 1023px) {
}

/*================================ Tablet ==============================*/

@media (max-width: 767px) {
}

/*================================ Phone ==============================*/

@media (max-width: 575px) {
}
