/* style-rtl.css */

/* Global RTL direction */
body {
  direction: rtl;
  text-align: right;
}

/* Ensure headers, paragraphs, lists, etc. align right */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
a {
  text-align: right;
}

/* Navigation RTL spacing */
nav ul {
  justify-content: flex-end;
  padding-right: 1rem;
}

nav ul li {
  margin-left: 1rem;
  margin-right: 0;
}

/* Buttons or CTAs */
a.cta,
button {
  direction: rtl;
  text-align: center;
}

/* Ensure sections follow right alignment */
section {
  text-align: right;
}

/* Optional: Flip icon or image margins if needed */
img,
svg {
  direction: rtl;
}

.nowrap {
  text-wrap-mode: nowrap;
}

.ql {
  left: 0 !important;
}

.scaleX {
  transform: scaleX(-1);
}
.yy{
  right: 10%;
}
.uu{
  left: 20%;
}
.caa{
  top: 20%;
}