/*
Theme RTL Stylesheet
Theme Name: Sama Alarabia
Description: Optimized RTL override for Arabic layout
*/

/* =========================
   Base RTL Adjustments
========================= */
body {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
 font-family: "Tajawal", sans-serif !important;
font-weight:400;
}
.hero-title,.hero-subtitle {
 font-family: "Tajawal", sans-serif !important;
}
.hero-title,.section-title,.left-title h2 ,.carousel-header h2 ,.contact-left h2 ,.hero-custom h1 ,#textContent h5,.cta-heading ,.contact-left h2{
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6, p {
  text-align: right;
 font-family: "Tajawal", sans-serif !important;
}

ul, ol {
  padding-right: 20px;
  padding-left: 0;
}
.about-section .heading {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 700;
}
/* =========================
   Navbar
========================= */
.navbar ul {
  text-align: right;
}
.navbar ul li {
  float: right;
}
.navbar ul li a {
  margin-right: 20px;
  margin-left: 0;
	font-family: "Tajawal", sans-serif !important;
}

/* =========================
   Hero Section
========================= */
.hero-content {
  text-align: right;
}
.hero-content p {
  margin-right: 0;
  margin-left: auto;
}

/* =========================
   Features
========================= */
.feature-box {
  text-align: right;
}
.feature-box .icon {
  margin-left: 15px;
  margin-right: 0;
}

/* =========================
   Services
========================= */
.service-item {
  text-align: right;
  direction: rtl;
}
.service-item .icon {
  margin-left: 15px;
  margin-right: 0;
}
/* Default LTR (English) */
.service-item .service-arrow {
  margin-left: auto; /* pushes arrow to the right */
}

/* RTL (Arabic) */
 .service-item .service-arrow {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.service-item .service-arrow::before {
  content: "\f060"; /* Font Awesome fa-arrow-left */
}

.hover-image{
	right: 85%;
}
.sub-services .item {
  position: relative;
  padding-right: 40px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sub-services::before {
  content: '';
  position: absolute;
  top: 20px;
  right: 7px;
  width: 2px;
  height: calc(100% - 18px);
  background-color: #0EC0DE;
  opacity: 0.4;
}
.sub-services .item::before {
  content: '';
  position: absolute;
  right: 0;
  top: 15px;
  width: 14px;
  height: 14px;
  border: 2px solid #0077b6;
  background-color:#e1ebed;
  border-radius: 50%;
  z-index: 2;
}
/* =========================
   Projects
========================= */
.project-box {
  text-align: right;
}

/* =========================
   Contact Section
========================= */
.contact-box {
  text-align: right;
}
.contact-form {
  text-align: right;
}
input, textarea, select {
  text-align: right;
  direction: rtl;
}

/* =========================
   RTL FOOTER STYLES
   ========================= */
footer {
  direction: rtl;
  text-align: right;
}

/* Footer columns */
footer .footer-links,
footer .footer-contact {
  text-align: right;
}

/* Flip row direction */
footer .footer-bottom {
  flex-direction: row-reverse;
  justify-content: space-between;
}

/* Fix social icons spacing */
footer .footer-icons {
  margin-right: 20px;
  margin-left: 0;
}

/* Icon spacing – works for both LTR & RTL */
footer .footer-contact i {
  margin-inline-end: 8px;
  margin-inline-start: 0;
}

/* Quick Links alignment */
footer .footer-links a {
  display: block;
  margin: 5px 0;
}



/* =========================
   Utility Helpers
========================= */
.ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.mr-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}
.pl-0 {
  padding-right: 0 !important;
}
.pr-0 {
  padding-left: 0 !important;
}
.text-left {
  text-align: right !important;
}
.text-right {
  text-align: left !important;
}

/* =========================
   Responsive Fixes
========================= */
@media (max-width: 991px) {
  .navbar ul {
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .service-item,
  .feature-box,
  .project-box {
    text-align: right;
  }
}
.right-section {
  padding-right: 200px;
	 padding-left: 0px;
}
.step-line {
  position: absolute;
  right: 0 !important;
  top: 0;
  height: 100%;
  width: 2px;
  background: #ccc;
  margin: 0 -28px !important;
}
.difference-section {
  padding: 100px 0 0 0;
}
@media (min-width: 769px) and (max-width: 1590px) {
  .feature-card {
    margin-top: 70px;
  }
}

@media (min-width: 1600px) {
  .feature-card {
    margin-top: 170px;
  }
}
@media (max-width: 991px) {
  .navbar-toggler {
    order: 2;
    margin-right: auto;
  }
	.custom-lang-switcher {
	order: 1;
margin-right: 0% !important;
	margin-left: 20px !important;
	}
}

@media (max-width: 768px) {
  .right-section {
    padding-left: 0px !important;
	  padding-right: 20px !important;
  }
}
@media (max-width: 991px) {
  .navbar-brand {
    order: 0 !important;
  }
}
#menu-main-menu-ar{
     display: flex;
border: 1px solid #0EC0DE80;
  border-radius: 40px;
  padding: 5px 20px;
  list-style: none;
  margin: 0;
  gap: 20px;
}
.navbar-nav .nav-link{
	font-weight:600;
}
.custom-lang-switcher {
  position: relative;
  display: inline-block;
 margin-right:20px;
}
.custom-lang-switcher li a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    direction: ltr !important; /* force same order */
}
.info-circle {
  width: 250px;
  height: 250px;
  background: #111;
  color: #fff;
  font-size: 90px;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */
  margin: 20px auto;
	animation: pulseCircle 2s ease-in-out infinite;
}

.info-circle span {
  display: inline-block;
  line-height: 1;           /* remove extra font spacing */
  transform: translateY(-10px); /* fine-tune vertical balance */
}

.count-icon{
	font-size: 65px;
}
.count-number{
	font-size: 115px !important;
}
@media (max-width: 768px) {
  .about-section .content p {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
	  line-height:1.4 !important;
  }
	.service-title {
    font-size: 18px;
  }
	 .content h5 {
    text-align: right;
  }
	footer {
  direction: rtl;
  text-align: right;
  padding: 20px;
}

}

.phone_no {
	font-size: 17px  !important; 
}
.emailno , .email_no{
	font-family: "Space Grotesk", sans-serif !important;
}
.phoneicon i{
	transform: rotate(260deg);
}