/*********************************/
/*     Bootstrap-custom-RTL      */
/*===============================*/
.list-inline-item:not(:last-child) {
  margin-left: 0px;
  margin-right: auto !important;
}

.list-unstyled {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.list-inline {
  padding-right: 0;
  list-style: none;
}

.modal-open {
  padding-left: 0 !important;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@keyframes spinner-border {
  to {
    transform: rotate(-180deg);
  }
}

.dropdown-menu.show {
  transform: translate3d(0px, 55px, 0px) !important;
}

.ms-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.me-1 {
  margin-left: 4px !important;
  margin-right: auto !important;
}

.me-2 {
  margin-left: 8px !important;
  margin-right: auto !important;
}

.me-3 {
  margin-left: 16px !important;
  margin-right: auto !important;
}

.me-4 {
  margin-left: 24px !important;
  margin-right: auto !important;
}

.me-5 {
  margin-left: 48px !important;
  margin-right: auto !important;
}

.ms-0 {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.ms-1 {
  margin-right: 4px !important;
  margin-left: auto !important;
}

.ms-2 {
  margin-right: 8px !important;
  margin-left: auto !important;
}

.ms-3 {
  margin-right: 16px !important;
  margin-left: auto !important;
}

.ms-4 {
  margin-right: 24px !important;
  margin-left: auto !important;
}

.ms-5 {
  margin-right: 48px !important;
  margin-left: auto !important;
}

.pe-1 {
  padding-left: 4px !important;
  padding-right: 0 !important;
}

.pe-2 {
  padding-left: 8px !important;
  padding-right: 0 !important;
}

.pe-3 {
  padding-left: 16px !important;
  padding-right: 0 !important;
}

.pe-4 {
  padding-left: 24px !important;
  padding-right: 0 !important;
}

.pe-5 {
  padding-left: 48px !important;
  padding-right: 0 !important;
}

.ps-1 {
  padding-right: 4px !important;
  padding-left: 0 !important;
}

.ps-2 {
  padding-right: 8px !important;
  padding-left: 0 !important;
}

.ps-3 {
  padding-right: 16px !important;
  padding-left: 0 !important;
}

.ps-4 {
  padding-right: 24px !important;
  padding-left: 0 !important;
}

.ps-5 {
  padding-right: 48px !important;
  padding-left: 0 !important;
}

@media (min-width: 992px) {
  .me-lg-2 {
    margin-left: 8px !important;
    margin-right: auto !important;
  }
  .me-lg-3 {
    margin-left: 16px !important;
    margin-right: auto !important;
  }
  .me-lg-4 {
    margin-left: 24px !important;
    margin-right: auto !important;
  }
  .me-lg-5 {
    margin-left: 48px !important;
    margin-right: auto !important;
  }
  .ms-lg-3 {
    margin-right: 16px !important;
    margin-left: auto !important;
  }
  .ms-lg-4 {
    margin-right: 24px !important;
    margin-left: auto !important;
  }
  .ms-lg-5 {
    margin-right: 48px !important;
    margin-left: auto !important;
  }
  .ps-lg-3 {
    padding-right: 16px !important;
    padding-left: 0 !important;
  }
  .text-lg-start {
    text-align: right !important;
  }
  .offset-lg-1 {
    margin-left: auto !important;
    margin-right: 8.333333%;
  }
  .offset-lg-4 {
    margin-right: 33.333333%;
  }
  .offset-lg-6 {
    margin-right: 50%;
  }
}

@media (min-width: 768px) {
  .ms-md-4 {
    margin-right: 24px !important;
    margin-left: 0 !important;
  }
  .me-md-4 {
    margin-left: 24px !important;
    margin-right: 0 !important;
  }
  .pe-md-3 {
    padding-left: 16px !important;
    padding-right: 0 !important;
  }
  .ps-md-3 {
    padding-right: 16px !important;
    padding-left: 0 !important;
  }
  .ps-lg-5 {
    padding-right: 48px !important;
    padding-left: 0 !important;
  }
  .text-md-start {
    text-align: right !important;
  }
  .text-md-end {
    text-align: left !important;
  }
}

@media (min-width: 576px) {
  .text-sm-start {
    text-align: right !important;
  }
  .text-sm-end {
    text-align: left !important;
  }
}

/*********************************/
/*     Components-RTL      */
/*===============================*/
.btn-group .dropdown-toggle:after {
  left: -4px !important;
  right: auto;
}

.btn-group .dropdown-menu:before {
  right: 10px !important;
  left: auto;
}

.btn-group .dropdown-menu.show {
  right: 0;
  left: auto;
}

.btn-group .dropdown-item {
  text-align: right !important;
}

.alert.alert-dismissible {
  padding: 8px 15px 8px 30px;
}

.alert.alert-dismissible .close {
  left: -10px !important;
  right: auto;
}

.breadcrumb .breadcrumb-item:before {
  content: "\F0141";
  font-family: 'Material Design Icons';
  color: #3c4858;
  padding: 0 6px !important;
}

.breadcrumb .breadcrumb-item:after {
  display: none;
}

.breadcrumb .breadcrumb-item:last-child:before {
  display: none !important;
}

.pagination .page-item:last-child .page-link {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination .page-item:first-child .page-link {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .accordion-item .accordion-button {
  text-align: right;
}

.accordion .accordion-item .accordion-button:before {
  left: 20px;
  right: auto;
}

.accordion .accordion-button:after {
  margin-right: auto !important;
  margin-left: 0;
}

.nav {
  padding-right: 0;
  padding-right: auto;
}

.progress-box .progress .progress-value {
  left: -15px;
  right: auto;
}

.blockquote {
  border-right: 3px solid #dee2e6;
  border-left: 0;
}

.subcribe-form input {
  padding-right: 30px;
  padding-left: 160px;
}

.subcribe-form button {
  top: 0.5px;
  left: 2px !important;
  right: auto;
}

.back-to-top {
  left: 30px;
  right: auto;
}

.back-to-home {
  left: 2%;
  right: auto;
}

#preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {
  right: 0 !important;
  left: auto;
}

.blog .author,
.blog .teacher {
  right: 5%;
}

.blog .course-fee {
  left: 5%;
  right: auto;
}

.sidebar .widget .widget-search input[type="text"], .sidebar .widget .searchform input[type="text"] {
  padding-left: 45px;
  padding-right: auto;
}

.sidebar .widget .widget-search input[type="submit"], .sidebar .widget .searchform input[type="submit"] {
  left: 10px;
  right: auto;
}

.sidebar .widget .widget-search .searchform:after {
  left: 16px;
  right: auto;
}

.sidebar .widget .categories span {
  float: left !important;
}

.sidebar .widget .post-recent .post-recent-content {
  padding-right: 10px;
  padding-left: auto;
}

.media-list .sub-comment {
  border-right: 2px dashed #dee2e6;
  border-left: 0;
}

.form-icon .icons {
  right: 18px !important;
  left: auto;
}

.form-check .form-check-input {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}

.modal-header .close {
  margin: -1rem auto -1rem -1rem !important;
}

.modal-footer > :not(:last-child) {
  margin-left: .25rem;
  margin-right: 0;
}

.modal-footer > :not(:first-child) {
  margin-left: 0;
  margin-right: .25rem;
}

.features .image:before {
  right: 5px;
  left: auto;
  transform: rotate(222deg) !important;
}

.key-feature .icon, .key-feature .icons {
  margin-right: 0 !important;
}

.work-process.process-arrow:after {
  right: 80%;
  left: 0 !important;
  background: url("../images/process-rtl.png") center center no-repeat;
}

.bg-animation-left:after {
  right: 0px;
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
}

.bg-animation-left.crypto-home:after {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 70% 100%);
}

.agency-wrapper:before {
  left: 54rem;
  right: auto;
  transform: rotate(135deg);
}

@media (max-width: 768px) {
  .agency-wrapper:before {
    left: 12rem;
  }
}

@media (max-width: 767px) {
  .agency-wrapper:before {
    left: 0;
  }
}

.classic-app-image .bg-app-shape:after {
  right: -8rem;
  left: auto;
  transform: rotate(60deg);
}

.classic-app-image .app-images {
  left: -20px;
  right: auto;
}

.app-feature-shape-right:after {
  left: -5rem;
  transform: rotate(210deg);
}

@media (max-width: 768px) {
  .app-feature-shape-right:after {
    left: -10rem;
  }
}

.app-feature-shape-left:after {
  right: -5rem;
  transform: rotate(150deg);
}

@media (max-width: 768px) {
  .app-feature-shape-left:after {
    right: -10rem;
  }
}

.classic-saas-image .bg-saas-shape:after {
  right: 0;
}

@media (max-width: 767px) {
  .classic-saas-image .bg-saas-shape:after {
    right: 10rem;
  }
}

.classic-saas-image .bg-saas-shape:after,
.freelance-hero .bg-shape:after {
  transform: rotate(50deg);
}

.freelance-hero .bg-shape:after {
  right: 7rem;
}

@media (max-width: 767px) {
  .freelance-hero .bg-shape:after {
    right: 15rem;
  }
}

.saas-feature-shape-left:after {
  right: -10rem;
  left: auto;
}

.saas-feature-shape-right:after {
  left: -10rem;
  right: auto;
}

.shape-before .shape-img {
  right: -35px !important;
  left: auto;
}

.rtl-personal-hero {
  background-image: url("../images/personal/rtl-bg01.png") !important;
}

.home-wrapper:before {
  right: auto;
  left: 0rem;
  transform: rotate(98.75deg);
}

@media (min-width: 769px) and (max-width: 1024px) {
  .home-wrapper:before {
    right: auto;
    left: -20rem;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .home-wrapper:before {
    right: auto;
    left: -15rem;
  }
}

@media (max-width: 425px) {
  .home-wrapper:before {
    right: auto;
    left: -25rem;
  }
}

.pricing-rates.best-plan .lable {
  left: -65px;
  right: auto;
  transform: rotate(-45deg);
}

.ribbon.ribbon-right {
  left: -5px;
  right: auto;
}

.ribbon.ribbon-right span {
  left: -23px;
  right: auto;
  transform: rotate(-45deg);
}

.ribbon.ribbon-left {
  right: -5px;
  left: auto;
}

.ribbon.ribbon-left span {
  right: -23px;
  left: auto;
  transform: rotate(45deg);
}

.ribbon span:before, .ribbon span:after {
  border: 3px solid transparent;
}

.swiper-slider-hero, .tns-inner, .tns-nav {
  direction: ltr;
}

.tns-visually-hidden {
  left: 0 !important;
  visibility: hidden;
}

.customer-testi img {
  margin-right: 16px !important;
  margin-left: auto !important;
}

.customer-testi .content {
  text-align: left !important;
}

.job-box .head {
  left: 15px;
  right: auto;
}

.job-box .position {
  right: 15px;
  left: auto;
}

.work-container .content {
  right: 5%;
}

.work-container.work-modern .client,
.work-container.work-modern .read_more {
  left: 5%;
  right: auto;
}

.courses-desc .collection {
  top: 15px;
  right: 15px;
}

.courses-desc .preview {
  bottom: 15px;
  left: 15px;
}

.main-slider .slides .bg-home.slider-rtl-1 {
  background-image: url("../images/shop/rtl-bg1.jpg") !important;
}

.main-slider .slides .bg-home.slider-rtl-2 {
  background-image: url("../images/shop/rtl-bg2.jpg") !important;
}

.main-slider .slides .bg-home.slider-rtl-3 {
  background-image: url("../images/shop/rtl-bg3.jpg") !important;
}

.shop-list .shop-image .shop-icons {
  right: auto;
  left: 15px;
}

.shop-list .label {
  right: -15px !important;
  left: auto;
}

.timeline-page .timeline-item .date-label-left, .timeline-page .timeline-item .duration-right {
  margin-left: 15px !important;
  margin-right: 0;
}

.timeline-page .timeline-item .date-label-left {
  float: left !important;
  margin-right: 0;
  margin-left: 15px !important;
}

.timeline-page .timeline-item .date-label-left:after {
  left: -34px !important;
  right: auto;
}

.timeline-page .timeline-item .duration-right {
  float: right !important;
  margin-right: 15px !important;
  margin-left: auto;
}

.timeline-page .timeline-item .duration-right:after {
  right: -34px !important;
  left: auto;
}

.timeline-page .timeline-item .event.event-description-right {
  text-align: right !important;
  margin-right: 15px !important;
  margin-left: 0;
}

.timeline-page .timeline-item .event.event-description-left {
  text-align: left;
  margin-left: 15px !important;
  margin-right: 0;
}

@media (max-width: 767px) {
  .timeline-page {
    margin-right: 18px !important;
    margin-left: 0;
  }
  .timeline-page .timeline-item .duration {
    float: right !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
    text-align: right !important;
  }
  .timeline-page .timeline-item .duration:after {
    right: -21px !important;
    left: auto;
  }
  .timeline-page .timeline-item .duration .event {
    text-align: right !important;
    margin-right: 15px !important;
    margin-left: auto;
  }
  .timeline-page .timeline-item .event-description-left {
    text-align: right !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
  }
}

.social-feature-left:before {
  left: -200px;
  right: auto;
}

@media (max-width: 575px) {
  .social-feature-left:before {
    left: 60px;
    right: auto;
  }
}

.social-feature-right:before {
  right: -200px;
  left: auto;
}

@media (max-width: 575px) {
  .social-feature-right:before {
    right: 60px;
    left: auto;
  }
}

@media (min-width: 769px) {
  .bg-studio:after {
    left: 0px;
  }
}

@media (max-width: 767px) {
  .company-logo {
    float: none !important;
    text-align: right !important;
  }
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: right !important;
  }
  .text-sm-right {
    text-align: left !important;
  }
}

/*********************************/
/*     General-RTL               */
/*===============================*/
html {
  direction: rtl;
}

body {
  text-align: right;
}

#style-switcher .t-rtl-light {
  display: none;
}

#style-switcher .t-ltr-light {
  display: inline-block;
}

/*********************************/
/*     Helper-RTL      */
/*===============================*/
.text-start {
  text-align: right !important;
}

.text-end {
  text-align: left !important;
}

.float-end {
  float: left !important;
}

@media (min-width: 768px) {
  .float-md-end {
    float: left !important;
  }
}

.float-start {
  float: right !important;
}

dd {
  margin-right: 0 !important;
}

@keyframes moveSlideshow {
  100% {
    transform: translateX(45%);
  }
}

/*********************************/
/*          Menu-RTL             */
/*===============================*/
#topnav .logo {
  float: right;
}

#topnav .has-submenu .submenu .submenu-arrow {
  border-width: 2px 0px 0px 2px;
  left: 20px;
  right: auto;
}

#topnav .buy-button {
  float: left;
  padding: 0 0 6px;
}

#topnav .navigation-menu .has-submenu .menu-arrow {
  left: -1px;
  right: auto;
}

#topnav .menu-extras {
  float: left;
}

.logo {
  margin-right: auto;
  margin-left: 15px;
}

@media (min-width: 992px) {
  #topnav .navigation-menu > li .submenu {
    right: 0;
    left: auto;
  }
  #topnav .navigation-menu > li .submenu li ul {
    padding-right: 0;
    padding-left: auto;
  }
  #topnav .navigation-menu > li .submenu.megamenu {
    right: 50% !important;
    left: 0;
    transform: translateX(50%);
  }
  #topnav .navigation-menu > li .submenu.megamenu > li .submenu {
    right: 100%;
    margin-right: 10px;
  }
  #topnav .navigation-menu > li .submenu > li .submenu {
    right: 101%;
    left: auto;
    margin-right: 10px;
  }
  #topnav .navigation-menu > li.last-elements .submenu {
    right: auto;
    left: 0;
  }
  #topnav .navigation-menu > li.last-elements .submenu:before {
    right: auto;
    left: 35px;
  }
  #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {
    right: auto;
    left: 100%;
    margin-right: 0;
    margin-left: 10px;
  }
  #topnav .navigation-menu.nav-left > li.last-elements .submenu {
    left: auto !important;
    right: 0 !important;
  }
  #topnav .navigation-menu.nav-left > li.last-elements .submenu:before {
    left: auto !important;
    right: 11px !important;
  }
  #topnav .buy-button {
    padding-right: 15px !important;
    margin-right: 15px !important;
    padding-left: auto;
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  #topnav .navigation-menu > li .submenu {
    padding-right: 20px;
  }
  #topnav .navigation-menu > li .submenu.megamenu > li > ul {
    padding-right: 0;
    padding-left: auto;
  }
  #topnav .has-submenu .submenu .submenu-arrow {
    left: 20px;
    right: auto;
  }
  #navigation {
    right: 0;
    left: auto;
  }
}

@media (max-width: 768px) {
  #topnav .navigation-menu .has-submenu .menu-arrow {
    left: 16px;
    right: auto;
  }
  #topnav .navigation-menu .has-submenu .submenu .submenu-arrow {
    border-width: 0px 2px 2px 0px;
  }
}

@media (max-width: 375px) {
  #topnav .navbar-toggle .lines {
    margin-left: 0 !important;
    margin-right: auto;
  }
  #topnav .buy-menu-btn .dropdown .dropdown-menu.show {
    transform: translate3d(-197px, -54px, 0px) !important;
  }
}
/*# sourceMappingURL=style-rtl.css.map */










/* RTL (Right-to-Left) Styles */
[dir="rtl"] .sticky-show-btn {
    left: auto; /* Reset left position */
    right: 20px; /* Move to the right side */
}

[dir="rtl"] .close-btn {
    right: auto; /* Reset right position */
    left: 20px; /* Move to the left side */
}

[dir="rtl"] .fullscreen-btn {
    right: auto; /* Reset right position */
    left: 20px; /* Move to the left side */
}