/* Professional Color Palette & Fonts */
:root {
    --primary-color: #0A1828;
    --secondary-color: #178582;
    --accent-color: #BFA181;
    --text-color: #FFFFFF;
    --font-family: 'Arial', sans-serif;
}

/* Global Reset & Base Styles */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-family); background-color: var(--primary-color); color: var(--text-color); line-height: 1.6; scroll-behavior: smooth; }
h1, h2, h3, h4 { color: var(--accent-color); font-weight: 600; }
h2 { font-size: 2.5rem; margin-bottom: 1rem; }
section { padding: 5rem 2rem; text-align: center; position: relative; overflow: hidden;}

/* Header & Navigation */
header { background: rgba(10, 24, 40, 0.85); backdrop-filter: blur(10px); padding: 1rem 2rem; position: fixed; width: 100%; z-index: 1000; }
nav { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: auto; }
.logo { font-size: 1.5rem; font-weight: bold; color: var(--accent-color); }
.nav-links { list-style: none; display: flex; }
.nav-links li { margin-left: 2rem; }
.nav-links a { text-decoration: none; color: var(--text-color); transition: color 0.3s ease; font-weight: bold; }
.nav-links a:hover { color: var(--accent-color); }
.lang-switcher button { background: none; border: 1px solid var(--secondary-color); color: var(--secondary-color); padding: 0.5rem; margin-left: 0.5rem; cursor: pointer; transition: all 0.3s ease; font-weight: bold; }
.lang-switcher button.active { background: var(--secondary-color); color: var(--primary-color); }

/* HERO SECTION (Split Screen) */
.hero { display: flex; min-height: 100vh; padding: 0; align-items: center; background-color: var(--primary-color); }
.hero-content-column { flex-basis: 50%; padding: 2rem 4rem; text-align: left; z-index: 2; animation: slideInFromLeft 1s ease-out; }
.hero-content-column h1 { font-size: 3.5rem; line-height: 1.2; margin-bottom: 1.5rem; }
.hero-subtext { font-size: 1.1rem; color: #ccc; margin-bottom: 2.5rem; max-width: 500px; }
.hero-image-column { flex-basis: 50%; height: 100vh; background-image: linear-gradient(to right, rgba(10, 24, 40, 0.4), transparent), url('https://images.pexels.com/photos/196652/pexels-photo-196652.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1'); background-size: cover; background-position: center; animation: fadeIn 1.5s ease-out; }
@keyframes slideInFromLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.cta-button { display: inline-block; background-color: var(--accent-color); color: var(--primary-color) !important; padding: 1rem 2.5rem; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s ease, transform 0.2s ease; border: none; cursor: pointer; }
.cta-button:hover { background-color: var(--secondary-color); transform: translateY(-3px); }

/* About Us Section */
.about-us { background-color: #0d1f33; }
.about-container { display: flex; align-items: center; gap: 3rem; max-width: 1100px; margin: auto; text-align: left; }
.about-image { flex: 1; }
.about-image img { width: 100%; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.about-content { flex: 1.5; }
.about-content p { color: #ccc; }

/* Services Section */
.services { background-color: var(--primary-color); }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3rem; max-width: 1200px; margin-left: auto; margin-right: auto;}
.service-item { display: flex; flex-direction: column; background: #0d1f33; padding: 2rem; border-radius: 10px; border-left: 4px solid var(--secondary-color); transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: left; }
.service-item:hover { transform: translateY(-8px); box-shadow: 0 8px 15px rgba(23, 133, 130, 0.1); }
.service-item i { font-size: 2.2rem; color: var(--accent-color); margin-bottom: 1rem; width: 40px; }
.service-item h3 { font-size: 1.3rem; margin-bottom: 1rem; min-height: 50px; }
.service-item p { color: #ccc; font-size: 0.95rem; line-height: 1.7; flex-grow: 1; }

/* ADVANCED PARTNERS / TESTIMONIALS SECTION (IMAGE-FREE SLIDER) */
.partners { background-color: #0d1f33; }
.testimonial-slider { max-width: 800px; margin: 3rem auto 0; padding: 2rem; position: relative; }
.testimonial-card-no-logo { background: transparent; padding: 2rem; text-align: center; position: relative; }
.testimonial-card-no-logo::before { content: '“'; font-family: 'Georgia', serif; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size: 8rem; color: var(--primary-color); z-index: 1; }
.testimonial-text-no-logo { font-size: 1.25rem; color: #ccc; font-style: italic; line-height: 1.8; position: relative; z-index: 2; margin-bottom: 1.5rem; }
.testimonial-author-no-logo { color: var(--accent-color); font-size: 1rem; font-weight: bold; text-align: center; }
.swiper-button-next, .swiper-button-prev { color: var(--accent-color) !important; }
.swiper-pagination-bullet-active { background: var(--accent-color) !important; }

/* Contact Section & Footer */
.contact-us { background-color: var(--primary-color); padding: 5rem 2rem; }
.contact-container { display: flex; max-width: 900px; margin: 3rem auto 0; background: #0d1f33; border-radius: 10px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.4); text-align: left; }
.contact-text { padding: 3rem; }
.contact-text p { margin: 1rem 0 0 0; color: #ccc; }
.contact-form-wrapper { padding: 3rem; background: var(--primary-color); }
.form-group { margin-bottom: 1.5rem; }
.form-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; }
.form-group input, .form-group textarea { width: 100%; padding: 0.8rem; border-radius: 5px; border: 1px solid var(--secondary-color); background-color: #0A1828; color: var(--text-color); }
#form-status { margin-top: 1rem; font-weight: bold; text-align: center; }
footer { background-color: #06121E; padding: 3rem 2rem; text-align: center; }
.footer-socials { margin-bottom: 1.5rem; }
.footer-socials a { color: #aaa; margin: 0 0.75rem; font-size: 1.5rem; transition: color 0.3s; }
.footer-socials a:hover { color: var(--accent-color); }
.footer-links { margin-bottom: 1.5rem; }
.footer-links a { color: #aaa; margin: 0 1rem; text-decoration: none; transition: color 0.3s; }
.footer-links a:hover { color: var(--text-color); }
.footer-copyright p { color: #777; font-size: 0.9rem; }

/* RTL & Responsive styles */
body.rtl { direction: rtl; }
body.rtl .nav-links li { margin-left: 0; margin-right: 2rem; }
body.rtl .hero-content-column { text-align: right; }
body.rtl .hero-image-column { clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 0% 100%); }
body.rtl .about-container { text-align: right; }
body.rtl .service-item { border-left: none; border-right: 4px solid var(--secondary-color); text-align: right; }
body.rtl .testimonial-text-no-logo::before { content: '”'; }
body.rtl .contact-container { text-align: right; }
@media (max-width: 1024px) { .service-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 992px) { .about-container, .hero { flex-direction: column; } .hero-image-column { display: none; } .hero-content-column { text-align: center; } .hero-subtext { margin-left: auto; margin-right: auto;} }
@media (max-width: 768px) { .nav-links { display: none; } h2 { font-size: 2rem; } .service-grid { grid-template-columns: 1fr; } .hero-content-column h1 { font-size: 2.5rem; } .contact-container { flex-direction: column; } }