@import url('https://fonts.googleapis.com/css2?family=Jomhuria&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');


body,html {direction:rtl;font-family: 'Tajawal' !important;text-align: right;}

/* Language Switcher in RTL */
.dropdown-toggle {
    background: none;
    border: none;
    color: #ffad03; /* Ensure the color fits the design */
    cursor: pointer;
    font-size: 14px; /* Adjust the font size as needed */
    direction: rtl; /* Ensures the layout flows from right to left */
    text-align: right; /* Aligns the text to the right */
}

.dropdown-menu {
    background-color: #ffad03; /* Background color of the dropdown */
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Adds shadow for depth */
    padding: 0;
    min-width: 120px; /* Adjust the width as necessary */
    right: 0; /* Ensures the dropdown aligns to the right of the toggle */
    left: auto; /* Resets any left positioning */
}

.dropdown-menu li {
    list-style: none;
}

.dropdown-menu li a {
    color: #495057; /* Text color */
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    text-align: right; /* Right aligns the text for RTL */
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    background-color: #ffad0363; /* Hover background color */
}

.dropdown-menu li:last-child a {
    border-bottom-right-radius: 5px; /* Rounded bottom-right corner for last item */
    border-bottom-left-radius: 5px; /* Adjust for RTL, rounded bottom-left corner for last item */
}



/* Reflect padding and margins */
.header-two, .feature-section .feature-wrapper, .management-card {
    padding-right: initial;
    padding-left: 15px;
}

.nav-menu .nav-item {
    margin-left: 55px;
    margin-right: 0;
}

/* Text and content alignment adjustments */
.testimonial-slider-rtl .testimonials-card,
.banner-section .banner-content,
.hero-content {
    text-align: right !important;
}

/* Media queries and responsive adjustments */
@media only screen and (max-width: 767px) {
    .nav-menu .nav-item {
        text-align: right;
    }
}

/* Specific control on forms and inputs */
input[type="text"], input[type="email"], textarea {
    text-align: right;
}

/* Borders and background adjustments */
.btn, .testimonial-item {
    border-left: 1px solid var(--base);
    border-right: none;
}

/* Flip icons */
.nav-menu .nav-link i {
    transform: scaleX(-1);
}

/* Adjust background positions */
.bg-img {
    background-position: top right;
}

/* Handling dropdowns and similar components */
.dropdown-menu-list {
    text-align: right;
}
.base-color {
  color: hsl(var(--main)) !important;
}

.copyInput {
  display: inline-block;
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 0; /* Changed from right to left */
  width: 40px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.copied::after {
  position: absolute;
  top: 8px;
  left: 12%; /* Changed from right to left and adjusted percentage */
  width: 100px;
  display: block;
  content: "COPIED";
  font-size: 1em;
  padding: 5px 5px;
  color: #fff;
  background-color: #FF7000;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    transform: translateX(-100%); /* Adjusted direction */
  }

  50% {
    opacity: 0.7;
    transform: translateX(-40%); /* Adjusted percentage */
  }

  70% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}

.cookies-card {
  width: 520px;
  padding: 30px;
  color: #1E2337;
  position: fixed;
  bottom: 15px;
  right: 15px; /* Changed from left to right */
  z-index: 999999;
  transition: all .5s;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #ebebeb;
}

.cookies-card.hide {
  bottom: -500px !important;
}

.radius--10px {
  border-radius: 10px;
}

.cookies-card__icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #6e6f70;
  color: #fff;
  font-size: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.cookies-card__content {
  margin-bottom: 0;
}

.cookies-btn {
  color: #363636;
  text-decoration: none;
  padding: 10px 35px;
  margin: 3px 5px;
  display: inline-block;
  border-radius: 999px;
}

.cookies-btn:hover {
  color: #363636;
}

@media (max-width: 767px) {
  .cookies-card {
    width: 100%;
    right: 0; /* Changed from left to right */
    bottom: 0;
    font-size: 14px;
    padding: 15px;
  }
}

.hover-input-popup {
  position: relative;
}

.input-popup {
  display: none;
}

.hover-input-popup .input-popup {
  display: block;
  position: absolute;
  bottom: 130%;
  right: 50%; /* Changed from left to right */
  width: 280px;
  background-color: #1a1a1a;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  transform: translateX(-50%);
  transition: all 0.3s;
}

.input-popup::after {
  position: absolute;
  content: '';
  bottom: -19px;
  right: 50%; /* Changed from left to right */
  margin-right: -5px; /* Changed from margin-left */
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #1a1a1a transparent;
  transform: rotate(180deg);
}

.input-popup p {
  padding-right: 20px; /* Changed from padding-left */
  position: relative;
}

.input-popup p::before {
  right: 0; /* Changed from left */
  top: 4px;
}

.input-popup p.error {
  text-decoration: line-through;
}

.input-popup p.error::before {
  content: "\f057";
  color: #ea5455;
}

.input-popup p.success::before {
  content: "\f058";
  color: #28c76f;
}

.show-filter {
  display: none;
}

@media(max-width:767px) {
  .responsive-filter-card {
    display: none;
    transition: none;
  }

  .show-filter {
    display: block;
  }
}
/* Adjust overall slider settings for RTL */
.slick-slider {
    direction: ltr; /* Ensures text and direction flow right-to-left */
}

/* Ensuring that slides move in the correct RTL direction */
.slick-slider .slick-track {
    left: auto; /* Reset or remove the left positioning */
    right: 0; /* Start positioning from the right */
}

/* Adjustments to handle sliding animations and transforms for RTL */
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Ensure slick-slide elements float to the right in RTL mode */
.slick-slide {
    float: right; /* Overrides previous 'float: left;' */
}

/* Correctly position arrows and other navigational elements */
[dir='rtl'] .slick-prev {
    right: auto; /* Switch sides for the navigation arrows */
    left: 0;
}

[dir='rtl'] .slick-next {
    left: auto;
    right: 0;
}

/* Additional selectors for handling visibility and display for RTL if needed */
.slick-initialized .slick-slide,
.slick-loading .slick-slide {
    display: block; /* May need adjustments based on your specific setup */
}

/* Handling slide dragging for RTL */
.slick-list.dragging {
    cursor: pointer; /* Ensure the cursor is appropriate during dragging */
}
/* RTL Adjustments for MeanMenu */
.mean-container .mean-bar {
    order: 1; /* Switch order if using flexbox and it affects layout */
}

.mean-container a.meanmenu-reveal {
    float: left; /* Changed from float: right; */
    padding: 0;
    margin-top: 20px;
}



.mean-container .mean-nav {
    float: right; /* Changed from float: left; */
    width: 100%;
    background: #0c2155 !important;
}

.mean-container .mean-nav ul li {
    float: right; /* Changed from float: left; */
}

.mean-container .mean-nav ul li a {
    float: right; /* Changed from float: left; */
    text-align: right; /* Ensure text aligns to the right */
}

.mean-container .mean-nav ul li a.mean-expand {
    left: 0; /* Positioned absolutely to the left instead of right */
    right: auto; /* Remove right positioning */
    border-left: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.4) !important; /* Mirror border side */
}

.mobile-logo {
    left: auto; /* Swap left and right for positioning */
    right: 0;
}

/* Ensure proper display and alignments */
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li li li a,
.mean-container .mean-nav ul li li li li a,
.mean-container .mean-nav ul li li li li li a {
    text-align: right; /* Align text to the right for sub-menu items */
}

/* Modify hover and focus styles for RTL */
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a:focus {
    background: rgba(255, 255, 255, 0.1); /* Maintain hover background */
}

/* Adjust mobile menu alignment */
.mobile-menu {
    justify-content: flex-end; /* Align items to the right in flex container */
}

/* Handling specific cases for nested menus */
.mean-container .mean-nav ul li.mean-last a {
    float: right; /* Ensure last item aligns properly */
}