@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");
html,
body {
  direction: rtl;
  text-align: right;
}
body {
  font-family: "Tajawal", sans-serif;
}
.navbar-nav {
  padding-inline-start: 0px;
}
.main-slider .side-lay {
  right: auto;
  left: 0;
}
.fixed-btns {
  left: auto;
  right: 20px;
}
.btn-style svg,
.sw-btn svg,
.section-text .btn svg,
.more svg,
.sec-title .blue img {
  transform: scaleX(-1);
}
.more:hover svg {
  transform: scaleX(-1) translate(5px);
}
.image-container .image {
  left: auto;
  right: 0;
}
.blog-card:hover .sw-btn {
  transform: rotate(-45deg);
}
.form-style .custom-file-label::after {
  left: 6px;
  right: auto;
}

/* ========== */
.dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

.dropdown-submenu > .dropdown-menu {
  left: auto;
  right: 100%;
  text-align: right;
  margin-left: 0;
  margin-right: -1px;
}

.dropdown-submenu > a:after {
  float: left;
  margin-right: 0;
  margin-left: -10px;
  transform: scale(-1);
}