:root {
  --primary-color: #DA291C;  /* New red color */
  --secondary-color: #FFC72C;  /* New yellow color */
  --text-color: #333;
  --light-gray: #f5f5f5;
  --dark-gray: #666;
  --white: #ffffff;
  --heading-font: 'Poppins', sans-serif;
  --body-font: 'Poppins', sans-serif;
  --line-height: 1.7;
  --primary-gradient: linear-gradient(135deg, #DA291C 0%, #FF5733 100%);
  --secondary-gradient: linear-gradient(135deg, #FFC72C 0%, #FFD700 100%);
  --accent-color: #FFC72C;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  line-height: 1.6;
  color: var(--text-color);
  font-family: var(--body-font);
  line-height: var(--line-height);
  font-weight: 400;
  letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em;
}

.hero h1 {
  font-size: 3.5rem;
  line-height: 1.1;
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* contact info  */
.contact-item {
  margin: 10px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.contact-item i {
  color: #666;
  min-width: 20px;
}

.contact-info h3 {
  color: #333;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
/* end of contact info */
p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  color: var(--dark-gray);
}

a svg{
  transition: 0.3s ease-in-out;
}

a:hover svg{
  stroke: var(--primary-color);
}
.nav-links {
  font-weight: 500;
  letter-spacing: 0.02em;
}
/* new */
/* style.css */
.navbar {
  transition:  0.3s ease-in-out;
}
.navbar.scrolled {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
/* style.css */
.hero {
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.hero-content {
  position: relative;
  z-index: 2;
}

.ar{
  justify-content: flex-end !important;
}
.ar-1{
  margin: 0px !important;
}
/* style.css */
.cta-button {
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  box-shadow: 0 10px 30px rgba(218, 41, 28, 0.3);
}
.cta-button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s, height 0.3s;
}
.cta-button:hover::after {
  width: 300px;
  height: 300px;
}


/* end of new */

/* Arabic version specific styles */
[dir="rtl"] body {
  letter-spacing: 0;
}

[dir="rtl"] h1, [dir="rtl"] h2 {
  letter-spacing: 0;
  line-height: 1.4;
}

/* Text hierarchy */
h1 { font-size: 2.8rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.4rem; }

/* Special text treatments */
.text-gradient {
  background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lead-text {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.6;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Navbar */
.navbar {
  background: var(--white);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

.navbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}

.logo {
  font-size: 24px;
  font-weight: bold;
  color: var(--primary-color);
}

.nav-links {
  display: flex;
  list-style: none;
  gap: 30px;
}

.nav-links a {
  text-decoration: none;
  color: var(--text-color);
  font-weight: 500;
  transition: color 0.3s;
}

.nav-links a:hover {
  color: var(--primary-color);
}

/* Hero Section */
.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
              url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTjCq0Y5N-40cdVfjY3f1a9bpOdyNIZMVH3uw&s');
  background-size: cover;
  background-position: center;
  height: 70vh;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--white);
  padding-top: 70px;
}

.terms{
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.terms a{
  text-decoration: none;
  color: var(--dark-gray);
  transition: 0.3s ease-in-out;
}

.terms a:hover{
  color: white;
}

.hero-content {
  max-width: 800px;
  margin: 0 auto;
}

.hero h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

.hero p {
  font-size: 20px;
  margin-bottom: 30px;
}

.cta-button {
  background: var(--primary-color);
  color: var(--white);
  border: none;
  padding: 15px 40px;
  font-size: 18px;
  border-radius: 30px;
  cursor: pointer;
  transition:  0.3s ease-in-out;
}

.cta-button:hover {
  background: var(--secondary-color);
  transform: scale(1.05);
}

/* How It Works Section */
.how-it-works {
  padding: 100px 0;
  background: var(--white);
}

.how-it-works h2 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 50px;
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.step-card {
  text-align: center;
  padding: 30px;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s;
}

.step-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.step-number {
  width: 40px;
  height: 40px;
  background: var(--primary-color);
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto 20px;
}

.step-card i {
  font-size: 40px;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.step-card h3 {
  margin-bottom: 15px;
}

/* Services Section */
.services {
  padding: 100px 0;
  background: var(--light-gray);
}

.services h2 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 50px;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.service-card {
  background: var(--white);
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  transition: transform 0.3s, box-shadow 0.3s;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.service-card i {
  font-size: 40px;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.service-card h3 {
  margin-bottom: 15px;
}

/* Features Section */
.features {
  padding: 100px 0;
  background: var(--white);
}

.features h2 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 50px;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.feature-card {
  text-align: center;
  padding: 30px;
  border: 1px solid #eee;
  border-radius: 10px;
  transition: transform 0.3s, box-shadow 0.3s;
}

.feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.feature-card i {
  font-size: 40px;
  color: var(--secondary-color);
  margin-bottom: 20px;
}

.feature-card h3 {
  margin-bottom: 15px;
}

/* Download App Section */
.download {
  padding: 100px 0;
  background: var(--primary-color);
  color: var(--white);
  text-align: center;
}

.download h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.app-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
}

.app-buttons button {
  padding: 15px 30px;
  border: 2px solid var(--white);
  background: transparent;
  color: var(--white);
  border-radius: 30px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 10px;
}

.app-buttons button:hover {
  background: var(--white);
  color: var(--primary-color);
}

/* Testimonials Section */
.testimonials {
  padding: 100px 0;
  background: var(--light-gray);
}

.testimonials h2 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 50px;
}

.testimonials-slider {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden;
}

.testimonial-card {
  text-align: center;
  padding: 20px;
  display: none;
}

.testimonial-card.active {
  display: block;
}

.testimonial-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.testimonial-card p {
  font-style: italic;
  margin-bottom: 15px;
}

.slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

.dot {
  width: 12px;
  height: 12px;
  background: var(--dark-gray);
  border-radius: 50%;
  cursor: pointer;
}

.dot.active {
  background: var(--primary-color);
}

/* Footer */
.footer {
  background: #333;
  color: var(--white);
  padding: 60px 0 20px;
}

.footer-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 40px;
  margin-bottom: 40px;
}

.footer-section h3 {
  margin-bottom: 20px;
}

.footer-section ul {
  list-style: none;
}

.footer-section ul li {
  margin-bottom: 10px;
}

.footer-section a {
  color: var(--white);
  text-decoration: none;
}

.social-links {
  display: flex;
  gap: 15px;
}

.social-links a {
  color: var(--white);
  font-size: 20px;
  transition: 0.3s ease-in-out;
}

.footer-bottom {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.social-links a i {
  transition: 0.3s ease-in-out;
}

/* .social-links a:hover i {
  color: #3b1113;
} */

/* new updates */
/* Improved Hero Section */
.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
              url('data:image/jpeg;base64,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');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  animation: gradientPan 20s ease infinite;
}

.arr{
  justify-content: flex-end;
}

@keyframes gradientPan {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.hero h1 {
  font-size: 4rem;
  letter-spacing: -0.03em;
  animation: textScale 1.5s ease-in-out;
}

/* Enhanced CTA Button */
.cta-button {
  background: var(--primary-gradient);
  padding: 1.2rem 3rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: 50px;
  box-shadow: 0 10px 30px rgba(59, 17, 19, 0.3);
}

.cta-button:hover {
  background: var(--secondary-gradient);
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(59, 17, 19, 0.4);
}

/* Modern Card Design */
.step-card, .service-card, .feature-card {
  background: var(--white);
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.step-card:hover, .service-card:hover, .feature-card:hover {
  transform: translateY(-15px);
  box-shadow: 0 20px 40px rgba(218, 41, 28, 0.1);
}

.step-number {
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  background: var(--primary-gradient);
}

/* Gradient Section Dividers */
section:not(.hero) {
  padding: 8rem 0;
  position: relative;
}

section::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
  opacity: 0.1;
}

/* Improved Testimonials */
.testimonial-card {
  background: var(--white);
  padding: 2.5rem;
  border-radius: 20px;
  position: relative;
}

.testimonial-card::before {
  content: "❝";
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 4rem;
  color: var(--primary-color);
  opacity: 0.1;
}

.testimonial-image {
  width: 80px;
  height: 80px;
  border: 3px solid var(--primary-color);
  padding: 3px;
}

/* Animated Download Section */
.download {
  background: var(--primary-gradient);
  position: relative;
  overflow: hidden;
}

.download::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.1) 50%, transparent 60%);
  animation: shine 8s infinite;
}

@keyframes shine {
  0% { transform: rotate(45deg) translateX(-150%); }
  100% { transform: rotate(45deg) translateX(150%); }
}

/* Modern Footer */
.footer {
  background: #1a1a1a;
  position: relative;
}

.footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
}

.social-links a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.social-links a:hover {
  background: var(--primary-color);
  transform: translateY(-3px);
}



/* Responsive Improvements */
@media (max-width: 768px) {
  .hero h1 {
    font-size: 2.5rem;
  }
  
  .steps-grid, .services-grid, .features-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .testimonial-card {
    padding: 1.5rem;
  }
}

/* Add smooth scrolling */
html {
  scroll-behavior: smooth;
}



/* Enhanced Navigation */
.navbar {
  background: var(--white);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-brand img {
  height: 1.5rem !important;
  transition: all 0.3s ease;
}



.navbar.scrolled {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(8px);
  padding: 0.3rem 0;
}

.nav-link {
  position: relative;
  color: var(--text-color) !important;
  font-weight: 500 !important;
  margin: 0 0.3rem !important;
  /* padding: 0.5rem 1rem !important; */
  transition: all 0.3s ease;
  border-radius: 50px;
}

.nav-link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--primary-color);
  transition: width 0.3s ease;
}

.nav-link:hover::before {
  width: 100%;
}

.jss{
  justify-content: center;
}
.navbar .logo,
.nav-links a:hover,
.nav-link:hover,
.nav-link.active {
  color: var(--primary-color);
}


.cta-button,
.step-number,
.nav-link::before,
.testimonial-card::before,
.footer::before {
  background: var(--primary-color);
}
/* .nav-link.active {
  color: var(--primary-color) !important;
  background: rgba(59, 17, 19, 0.08);
} */

.nav-link:hover {
  color: var(--primary-color) !important;
  transform: translateY(-2px);
}

.navbar-toggler {
  border: none;
  padding: 0.5rem;
  transition: all 0.3s ease;
}

.navbar-toggler:focus {
  box-shadow: none;
}



/* Mobile Menu Styling */
@media (max-width: 991px) {
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white);
    padding: 1rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    margin: 0 1rem;
  }
  
  .nav-link {
    margin: 0.5rem 0 !important;
    text-align: center;
  }
  
  .nav-link.active {
    background: rgba(59, 17, 19, 0.05);
  }
}
/* end of updates */

@media screen and (max-width:850px){
  .navbar-nav{
    background: #f8f9fa;
    padding: 1rem !important;
    border-radius: 1rem;
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.8rem; }
  p { font-size: 1rem; }
  .hero h1 { font-size: 2.2rem; }

  .hero h1 {
    font-size: 36px;
  }

  .nav-links {
    display: none;
  }

  .services-grid,
  .features-grid,
  .steps-grid,
  .partners-grid {
    grid-template-columns: 1fr;
  }

  .app-buttons {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .social-links {
    justify-content: center;
  }
}