/*
* Theme Name: Teeno - App Landing HTML Template
* Translator: Maxjn
* Version: 1.0.0
* Last Change: 4 March 2023
* Translator URI    : https://www.rtl-theme.com/author/maxjn/products/
-------------------------------------------------------------------*/
/*------------------------------------
	Fonts
------------------------------------*/
@import url(fonts/primary-vazir.css);
/* -----------------------------------------
    Variables CSS
----------------------------------------- */
:root {
  --font-heading: "vazir-bold", sans-serif;
  --font-body: "vazir-medium", sans-serif;
}

/* -----------------------------------------
    RTL CSS
----------------------------------------- */
body {
  direction: rtl;
  text-align: right;
  font-family: var(--font-body);
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-family: var(--font-heading);
}

.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "/");
}

.ml-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.ms-auto {
  margin-right: auto !important;
  margin-left: 60px !important;
}

.nice-select:after {
  left: unset;
  right: 12px;
}

.nice-select .option {
  padding-right: 18px;
  padding-left: 29px;
  text-align: right;
}

.list-unstyled,
ul {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.mfp-iframe-holder .mfp-close {
  text-align: left;
}

.input-group > :not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.input-group > :not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
  padding-right: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-right: 0;
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.go-top {
  right: unset;
  left: 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.header-area .main-navbar .menu-dropdown {
  left: unset;
  right: 0;
}
.header-area .main-navbar .menu-dropdown .nav-link.toggle i {
  right: unset;
  left: 20px;
}
.header-area .main-navbar .menu-dropdown::before {
  left: unset;
  right: 25px;
}
.header-area
  .main-navbar
  .navbar-nav
  .nav-item
  .menu-dropdown
  li
  .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area
  .main-navbar
  .navbar-nav
  .nav-item
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area
  .main-navbar
  .navbar-nav
  .nav-item
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area
  .main-navbar
  .navbar-nav
  .nav-item
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area
  .main-navbar
  .navbar-nav
  .nav-item
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area
  .main-navbar
  .navbar-nav
  .nav-item
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown
  li
  .menu-dropdown {
  left: unset;
  right: 200px;
}
.header-area .nice-select::after {
  left: unset;
  right: 0;
}

.mobile-menu .nav-link.toggle i {
  right: unset;
  left: 0;
}

.accordion-button::after {
  text-align: left;
  margin-right: auto;
  margin-left: 0;
}

.hero-banner.hero-banner-6 .hero-shape,
.hero-banner.hero-banner-5 .hero-shape {
  transform: rotateY(180deg);
}

.coming-soon-area .main-form .icon-link,
.authentication-area .main-form .icon-link {
  right: unset;
  left: 0;
  border-radius: 0 30px 30px 0;
}

.show-password-field {
  right: unset;
  left: 16px;
}

.custom-checkbox .form-check-label::before {
  left: unset;
  right: 0;
}

.custom-checkbox input[type="checkbox"] + .form-check-label::after {
  left: unset;
  right: 2px;
}

.coming-soon-area .timer {
  direction: ltr;
}

@media (max-width: 1199px) {
  .mobile-menu {
    left: unset;
    right: -100%;
  }
  .mobile-menu-active .mobile-menu {
    visibility: visible;
    right: 0;
  }
} /*# sourceMappingURL=rtl.css.map */