:root{--primary-color:#0A4D68;--secondary-color:#05BFDB;--accent-color:#F7E1AE;--gold-dark:#B8860B;--text-color:#333333;--light-bg:#f4f4f4;--white:#ffffff;--footer-bg:#0e1b25;--shadow:0 4px 15px rgba(0,0,0,0.1);--transition:all 0.3s ease-in-out;--section-padding:80px 0;--container-padding:20px;--max-container-width:1200px;--side-buttons-top-offset:65%;--hero-buttons-gap:15px;}@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap');*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'Tajawal',sans-serif;line-height:1.7;color:var(--text-color);background-color:var(--white);direction:rtl;overflow-x:hidden;}a{text-decoration:none;color:inherit;transition:var(--transition);}ul{list-style:none;}img{max-width:100%;height:auto;display:block;}.container{max-width:var(--max-container-width);margin:0 auto;padding:0 var(--container-padding);}.section-padding{padding:var(--section-padding);}.text-center{text-align:center;}.max-width-800{max-width:800px;margin:0 auto;}.header{background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.05);position:sticky;top:0;z-index:1000;width:100%;}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;}.logo{display:flex;align-items:center;font-size:1.5rem;font-weight:800;color:var(--primary-color);}.logo img{width:65px;height:65px;margin-inline-start:10px;object-fit:contain;}.nav-menu{display:flex;gap:2rem;}.nav-link{font-weight:600;color:var(--gold-dark);position:relative;font-size:1.1rem;}.nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;right:0;background-color:var(--gold-dark);transition:width 0.3s ease;}.nav-link:hover::after{width:100%;}.nav-toggle{display:none;font-size:1.8rem;cursor:pointer;color:var(--gold-dark);}.side-buttons{position:fixed;left:20px;top:var(--side-buttons-top-offset);transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:15px;}.side-btn{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.3rem;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;position:relative;overflow:hidden;text-decoration:none;background-color:var(--primary-color);}.side-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.3);}.whatsapp-btn{background:linear-gradient(45deg,#25D366,#128C7E)!important;}.phone-btn{background:linear-gradient(45deg,var(--gold-dark),var(--secondary-color))!important;}.instagram-btn{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4)!important;}.tiktok-btn{background:linear-gradient(45deg,#000000,#FF0050)!important;}.twitter-btn{background:linear-gradient(45deg,#000000,#1DA1F2)!important;}.back-to-top{background:linear-gradient(45deg,var(--accent-color),var(--gold-dark))!important;color:var(--primary-color)!important;display:none;cursor:pointer;}.back-to-top.show{display:flex;}.hero,.service-hero{background:rgba(26,26,26,0.6);height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);position:relative;overflow:hidden;}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;}.hero-content,.service-hero-content{z-index:2;position:relative;padding:0 20px;}.hero h1,.service-hero h1{font-size:clamp(2.5rem,6vw,4rem);color:var(--gold-dark);margin-bottom:1.5rem;text-shadow:0 3px 12px rgba(0,0,0,0.9);}.hero p,.service-hero p{font-size:1.2rem;max-width:800px;margin:0 auto 2.5rem auto;text-shadow:0 2px 8px rgba(0,0,0,0.9);color:var(--white);}.hero-buttons,.service-hero-buttons{display:flex;gap:var(--hero-buttons-gap);justify-content:center;flex-wrap:wrap;margin-top:2rem;}.hero-btn,.service-hero-btn,.btn-premium{display:flex;align-items:center;gap:10px;padding:12px 28px;border-radius:50px;background:linear-gradient(45deg,#B8860B,#F7E1AE)!important;color:#0A4D68!important;font-weight:700;font-size:1rem;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;border:none;opacity:1!important;text-decoration:none;}.hero-btn span,.service-hero-btn span{color:#0A4D68!important;}.hero-btn svg,.service-hero-btn svg{fill:#0A4D68!important;color:#0A4D68!important;}.hero-btn:hover,.service-hero-btn:hover,.btn-premium:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,0.3);opacity:0.95!important;}.intro-text{padding:40px 0;}.intro-text p{font-size:1.2rem;font-weight:500;line-height:1.8;color:var(--text-color);background-color:var(--light-bg);padding:30px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.05);border-right:5px solid var(--gold-dark);text-align:justify;}.intro-text strong{color:var(--primary-color);}.toc-details{background:#fff;border:1px solid rgba(10,77,104,0.15);border-radius:10px;padding:10px;margin-bottom:20px;}.toc-summary{font-weight:bold;color:var(--primary-color);cursor:pointer;padding:10px;outline:none;list-style:none;}.toc-summary::-webkit-details-marker{display:none;}.toc-summary::after{content:'+';float:left;font-weight:bold;}.toc-details[open] .toc-summary::after{content:'-';}.toc-list{padding:10px 20px;margin-top:10px;border-top:1px solid #eee;}.toc-list-item{margin-bottom:8px;}.toc-list-item a{color:var(--text-color);font-size:1rem;text-decoration:underline;text-decoration-color:var(--gold-dark);}.toc-list-item a:hover{color:var(--primary-color);}.back-home-btn-wrapper{text-align:center;margin:30px 0;}h2{color:var(--gold-dark);text-align:center;font-size:2rem;margin-bottom:3rem;position:relative;display:inline-block;width:100%;}.services-grid,.projects-grid,.projects-grid-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}.service-card,.project-card-new{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid #eee;}.service-card:hover,.project-card-new:hover{transform:translateY(-10px);box-shadow:0 10px 25px rgba(0,0,0,0.15);}.service-card-image img,.project-card-new img{width:100%;height:250px;object-fit:cover;transition:transform 0.5s ease;}.service-card:hover img,.project-card-new:hover img{transform:scale(1.05);}.service-card-content,.project-info-box{padding:20px;text-align:center;}.service-card-content h3,.project-info-box h3{color:var(--primary-color);margin-bottom:10px;font-size:1.3rem;}.item-keywords,.project-keywords{margin-top:15px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;}.item-keywords a,.project-keywords a{font-size:0.8rem;background:#f0f0f0;padding:4px 10px;border-radius:20px;color:#666;}.faq-section{background-color:#f9f9f9;}.faq-container{max-width:800px;margin:0 auto;}.faq-item{margin-bottom:15px;border-bottom:1px solid #ddd;}.faq-question{background:var(--white);color:var(--primary-color);cursor:pointer;padding:18px;width:100%;text-align:right;border:none;outline:none;font-size:1.1rem;font-weight:bold;transition:0.4s;display:flex;justify-content:space-between;align-items:center;border-radius:8px;}.faq-question:hover,.faq-question.active{background-color:#eef;}.faq-question::after{content:'\002B';color:var(--gold-dark);font-weight:bold;font-size:1.5rem;}.faq-question.active::after{content:"\2212";}.faq-answer{padding:0 18px;background-color:white;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;}.faq-answer p{padding:15px 0;color:#555;}.footer{background-color:var(--footer-bg);color:#ccc;padding:60px 0 20px;margin-top:50px;}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:40px;}.footer-section h3{color:var(--gold-dark);margin-bottom:20px;font-size:1.4rem;position:relative;padding-bottom:10px;}.footer-section h3::after{content:'';position:absolute;bottom:0;right:0;width:50px;height:2px;background-color:var(--secondary-color);}.footer-section p{margin-bottom:15px;}.footer-section ul li{margin-bottom:10px;}.footer-section ul li a{color:#ccc;transition:0.3s;}.footer-section ul li a:hover{color:var(--secondary-color);padding-right:5px;}.social-icons{display:flex;gap:10px;margin-top:20px;}.social-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--white);transition:0.3s;text-decoration:none;}.social-btn svg{fill:white;}.social-btn:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:var(--primary-color);transform:translateY(-3px);}.social-btn:hover svg{fill:var(--primary-color);}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:0.9rem;}.map-container iframe{width:100%;height:250px;border:0;border-radius:10px;}@media (max-width:992px){.hero h1,.service-hero h1{font-size:3rem;}}@media (max-width:768px){.nav-menu{position:fixed;top:70px;right:-100%;flex-direction:column;background-color:var(--white);width:80%;height:100vh;text-align:right;padding:2rem;transition:0.3s;box-shadow:-5px 0 15px rgba(0,0,0,0.1);}.nav-menu.active{right:0;}.nav-toggle{display:block;}.nav-toggle .icon-times{display:none;}.nav-menu.active~.nav-toggle .icon-bars{display:none;}.nav-menu.active~.nav-toggle .icon-times{display:block;}.hero,.service-hero{height:60vh;}.hero h1,.service-hero h1{font-size:2rem;}.hero-btn,.service-hero-btn{width:100%;justify-content:center;}.side-buttons{left:10px;top:auto;bottom:20px;transform:none;}.side-btn{width:45px;height:45px;font-size:1.1rem;}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;}.fade-in.visible{opacity:1;transform:translateY(0);}.keywords-fortress{background-color:#f9f9f9;border-top:1px solid #eee;text-align:center;}.keywords-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;}.keyword-tag{display:inline-block;background:var(--white);color:var(--primary-color);padding:10px 20px;border-radius:50px;font-size:0.95rem;font-weight:700;text-decoration:none;box-shadow:0 4px 6px rgba(0,0,0,0.05);border:1px solid #e0e0e0;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;}.keyword-tag::before{content:'#';color:var(--gold-dark);margin-inline-end:5px;}.keyword-tag:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 15px rgba(184,134,11,0.2);border-color:var(--gold-dark);color:var(--gold-dark);}.developer p{margin-top:10px;font-size:0.9rem;}.developer-link{display:inline-block;color:var(--secondary-color);font-weight:900;font-size:1.1rem;text-decoration:none;position:relative;transition:all 0.2s ease;text-shadow:1px 1px 0px #0593a8,2px 2px 0px #047c8f,3px 3px 5px rgba(0,0,0,0.4);padding:5px 10px;}.developer-link:hover{color:var(--white);transform:translateY(2px) translateX(2px);text-shadow:0px 0px 0px #0593a8,0px 0px 0px #047c8f,1px 1px 2px rgba(0,0,0,0.4);}.developer-link::after{content:'✨';font-size:0.8em;margin-right:5px;opacity:0;transition:0.3s;}.developer-link:hover::after{opacity:1;}.features-grid-bg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px;}.feature-card-bg{position:relative;height:350px;border-radius:15px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 10px 20px rgba(0,0,0,0.2);transition:transform 0.4s ease;}.feature-card-bg:hover{transform:translateY(-10px);}.feature-card-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;color:#ffffff;transition:background 0.3s ease;}.feature-card-bg:hover .feature-card-bg-overlay{background:rgba(10,77,104,0.85);}.feature-card-bg h3{color:var(--accent-color);font-size:1.6rem;margin-bottom:15px;font-weight:800;text-shadow:0 2px 5px rgba(0,0,0,0.8);}.feature-card-bg p{font-size:1.1rem;line-height:1.6;color:#fff;margin:0;}.project-item,.project-card-new{position:relative;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.05);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.project-item:hover,.project-card-new:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,0.3);z-index:2;}.project-item img,.project-card-new img{transition:transform 0.6s ease;width:100%;display:block;}.project-item:hover img,.project-card-new:hover img{transform:scale(1.1);}.project-info,.project-info-box{padding:20px;background:#fff;}