body{
     direction: ltr;
     text-align: left;
 }


.img_owl_index {
    left: unset;
    right: -105px;
    transform: rotate(60deg);
}


.ads_wol{margin-left: 0}


.ads_wol ul{justify-content: flex-start !important}

.ads_wol .links li{
    margin-inline-start: 0px;
    margin-inline-end: 15px;
}

.img_info_JM img:last-of-type{
    right: 0;
    left: unset
}


.box-servess:after{
    left: 30px;
    right: unset
}



 @media (max-width: 991.98px) {



     .nav_bar {
         right: unset;
         left: 0;
         transform: translateX(-100%);
     }

     .nav_bar.active {
         transform: translateX(0);
     }
}


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

 footer {
     background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
     color: #e0e0e0;
     /*padding: 60px 0 0 0;*/
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     direction: ltr;
     text-align: left;
 }

 .footer-container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 60px 30px 40px;
 }

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

 .footer-section h3 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 25px;
     color: #fff;
     position: relative;
     padding-bottom: 12px;
 }

 .footer-section h3::after {
     content: '';
     position: absolute;
     bottom: 0;
     width: 40px;
     height: 3px;
     background: linear-gradient(90deg, #00d4ff, #0099ff);
     border-radius: 2px;
     left: 0;
     right: auto;
 }

 .logo-section img {
     max-width: 150px;
     /*margin-bottom: 20px;*/
     filter: brightness(1.1);
 }

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

 .social-links a {
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(0, 212, 255, 0.1);
     border-radius: 50%;
     color: #00d4ff;
     transition: all 0.3s ease;
     border: 2px solid transparent;
 }

 .social-links a:hover {
     background: #00d4ff;
     color: #1a1a2e;
     transform: translateY(-5px);
     border-color: #0099ff;
 }

 .quick-links {
     list-style: none;
 }

 .quick-links li {
     margin-bottom: 15px;
     transition: all 0.3s ease;
 }

 .quick-links a {
     color: #b0b0b0;
     text-decoration: none;
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 15px;
 }

 .quick-links a:hover {
     color: #00d4ff;
     padding-left: 10px;
 }

 .quick-links i {
     color: #00d4ff;
     font-size: 12px;
 }

 .contact-item {
     display: flex;
     gap: 12px;
     margin-bottom: 18px;
     align-items: flex-start;
 }

 .contact-item i {
     color: #00d4ff;
     margin-top: 3px;
     min-width: 18px;
 }

 .contact-item a,
 .contact-item span {
     color: #b0b0b0;
     text-decoration: none;
     font-size: 14px;
     word-break: break-word;
     transition: color 0.3s ease;
 }

 .contact-item a:hover {
     color: #00d4ff;
 }

 .newsletter-form {
     margin-top: 20px;
 }

 .newsletter-form input {
     width: 100%;
     padding: 12px 15px;
     border: 2px solid rgba(0, 212, 255, 0.2);
     border-radius: 6px;
     background: rgba(255, 255, 255, 0.05);
     color: #fff;
     font-size: 14px;
     margin-bottom: 12px;
     transition: all 0.3s ease;
 }

 .newsletter-form input::placeholder {
     color: #888;
 }

 .newsletter-form input:focus {
     outline: none;
     border-color: #00d4ff;
     background: rgba(255, 255, 255, 0.08);
     box-shadow: 0 0 15px rgba(0, 212, 255, 0.2);
 }

 .newsletter-form button {
     width: 100%;
     padding: 12px 20px;
     background: linear-gradient(135deg, #00d4ff, #0099ff);
     color: #1a1a2e;
     border: none;
     border-radius: 6px;
     font-weight: 600;
     cursor: pointer;
     font-size: 14px;
     transition: all 0.3s ease;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .newsletter-form button:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(0, 212, 255, 0.3);
 }

 .newsletter-form button:active {
     transform: translateY(0);
 }

 .newsletter-desc {
     color: #888;
     font-size: 12px;
     margin-top: 10px;
     line-height: 1.5;
 }

 .footer-divider {
     height: 1px;
     background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.3), transparent);
     margin: 40px 0;
 }

 .footer-bottom {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 20px;
     padding: 30px;
     background: rgba(0, 0, 0, 0.2);
     border-top: 1px solid rgba(0, 212, 255, 0.1);
 }

 .footer-bottom-text {
     color: #888;
     font-size: 14px;
 }

 .footer-bottom-text a {
     color: #00d4ff;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .footer-bottom-text a:hover {
     color: #0099ff;
     text-decoration: underline;
 }

 .footer-links {
     display: flex;
     gap: 25px;
 }

 .footer-links a {
     color: #888;
     text-decoration: none;
     font-size: 13px;
     transition: color 0.3s ease;
 }

 .footer-links a:hover {
     color: #00d4ff;
 }

 .animated-fixed-whats{
     position: fixed;
     bottom: 30px;
     right: 30px;
     z-index: 9999;
     animation: float 3s ease-in-out infinite;
 }

 .animated-fixed-whats img{
     width: 50px;
     height: 50px;
     object-fit: contain;
 }

 /* إضافة الحركة */
 @keyframes float {
     0% {
         transform: translateY(0px);
     }
     50% {
         transform: translateY(-12px);
     }
     100% {
         transform: translateY(0px);
     }
 }


 @media (max-width: 768px) {
     .footer-container {
         padding: 40px 20px 30px;
     }

     .footer-grid {
         gap: 30px;
     }

     .footer-bottom {
         flex-direction: column;
         text-align: center;
     }

     .footer-links {
         flex-direction: column;
         gap: 15px;
     }

     .quick-links a:hover {
         padding-left: 0;
     }
 }