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

 body {
     font-family: 'Tajawal', sans-serif;
     overflow-x: hidden;
 }

 /* RTL Support */
 [dir="rtl"] {
     text-align: right;
 }

 [dir="ltr"] {
     text-align: left;
 }

 /* Gradient Background */
 .gradient-bg {
     background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
 }

 /* Service Card Hover Effect */
 .service-card {
     transition: all 0.3s ease;
 }

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

 /* Smooth Scroll */
 html {
     scroll-behavior: smooth;
 }

 /* Mobile Menu */
 .mobile-menu {
     transform: translateX(-100%);
     transition: transform 0.3s ease-in-out;
 }

 [dir="rtl"] .mobile-menu {
     transform: translateX(100%);
 }

 .mobile-menu.active {
     transform: translateX(0);
 }

 /* Loading Animation */
 .loader {
     border: 3px solid #f3f3f3;
     border-radius: 50%;
     border-top: 3px solid #2563eb;
     width: 40px;
     height: 40px;
     animation: spin 1s linear infinite;
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 /* Responsive Images */
 img {
     max-width: 100%;
     height: auto;
 }

 /* Button Hover Effects */
 .btn-hover {
     transition: all 0.3s ease;
 }

 .btn-hover:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }

 /* Section Spacing */
 section {
     padding: 4rem 0;
 }

 @media (max-width: 768px) {
     section {
         padding: 3rem 0;
     }
 }