:root{--primary-color:#ff7a59;--dark-bg-color:#1c292d;--accent-color:#fa6409;--light-bg-color:#f4f4f9;--text-light-color:#ddd}.website-development-modern{line-height:1.6;color:var(--secondary-color)}.hero-section-modern{height:calc(100vh - 127.9px);display:flex;justify-content:space-between;align-items:center;padding:80px 10% 0;gap:20px;background:linear-gradient(120deg,#fdfcfb,#e2d1c3);overflow:hidden}.content-modern{flex:1 1;padding-right:30px;text-align:left}.title-modern{font-size:56px;font-weight:700;color:var(--primary-color);margin-bottom:20px;background:linear-gradient(90deg,#ff7a59,#ff3c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description-modern{font-size:18px;color:var(--secondary-color);margin-bottom:30px;line-height:1.8;text-align:justify}.request-button-modern{background:var(--primary-color);color:#fff;border:none;padding:14px 32px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;font-weight:600;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:all .3s ease}.request-button-modern:hover{background:var(--accent-color);transform:translateY(-3px)}.image-container-modern{display:flex;justify-content:end;height:100%}.hero-image-modern{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius)}.dark-section-modern_container{width:85%;margin:auto}.dark-section-modern{background-color:var(--dark-bg-color);color:var(--text-light-color);padding:60px 80px;border-radius:11px}.dark-title-modern{font-size:36px;font-weight:700;color:#fff;margin-bottom:20px}.dark-description-modern{font-size:18px;line-height:1.8;color:#c1c1c1}:root{--primary-color:#ff7849;--secondary-color:#333;--card-bg-color:#fff;--card-shadow-color:rgba(0,0,0,.1);--accent-bg:linear-gradient(135deg,#fef3ec,#fdfaf6);--border-radius:16px;--text-light-color:#666}.who-we-are-modern{display:flex;justify-content:space-between;gap:30px;padding:60px 10%}.modern-card,.who-we-are-modern{border-radius:var(--border-radius)}.modern-card{background:var(--card-bg-color);padding:40px 20px;box-shadow:0 8px 20px var(--card-shadow-color);flex:1 1;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.modern-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.card-icon{width:70px;height:70px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.modern-card-title{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:20px}.modern-card-description{font-size:16px;line-height:1.8;color:var(--text-light-color)}@media (max-width:768px){.who-we-are-modern{flex-direction:column;gap:20px}}.horizontal-process-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;background:linear-gradient(135deg,#f9f9f9,#fff)}.horizontal-process-card{display:flex;align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 15px rgba(0,0,0,.1);width:86%;padding:30px 40px;transition:all .3s ease-in-out}.horizontal-process-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.2)}.horizontal-process-icon{background:linear-gradient(135deg,#ff7a45,#ffcc80);color:#fff;width:100px;height:100px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:40px;margin-right:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .3s ease-in-out}.horizontal-process-card:hover .horizontal-process-icon{transform:scale(1.1)}.horizontal-process-content{flex:1 1}.horizontal-process-title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.horizontal-process-description{font-size:16px;color:#555;line-height:1.6}@media (max-width:768px){.horizontal-process-card{flex-direction:column;align-items:center;text-align:center}.horizontal-process-icon{margin:0 0 20px}.horizontal-process-title{font-size:22px}.horizontal-process-description{font-size:14px}}.services-section{padding:40px 20px;background-color:#f9f9f9;width:80%;margin:auto}.section-title{font-size:24px;font-weight:700;color:#333;margin-bottom:15px}.section-subtitle{font-size:16px;color:#555;margin-bottom:20px}.service-list{list-style-type:none;padding:0}.service-list li{font-size:14px;color:#555;margin-bottom:10px;line-height:1.6}.service-list strong{color:#ff7a45}.service-image{width:60%;height:auto}.social-media-section{background:#141e21;color:#fff}.card{height:100%}.social-media-section2 .card{background:#141e21}.card h2{font-size:36px;font-weight:700;line-height:54px;color:#fff}.card h3{font-size:28px;line-height:54px}.card p{font-size:14px;margin-bottom:15px;color:#aaa}.card ul li{margin-top:40px;display:flex;flex-direction:column;justify-content:space-between}.card ul li b{color:#fff}.full-width-card{padding:20px 40px}.horizontal-list{display:flex;justify-content:space-between;list-style:none;padding:0}.horizontal-list li{font-size:14px;color:#fff;line-height:1.6;max-width:22%}.horizontal-list li b{color:#fff}.why-choose-section{display:flex;justify-content:space-between;align-items:center;padding:40px 20px 0}.content h2,.content p{text-align:center}.content p{width:100%}.img_right_click{width:100%!important;height:auto!important}.why-choose-section{text-align:center;padding:40px 20px;background-color:#fff}.content h2{font-size:28px;font-weight:700;margin-bottom:20px;color:#333}.content p{font-size:16px;line-height:1.6;color:#666;max-width:800px}.img_right_click{border-radius:8px}.section_{background-color:#000}.benefits-section{width:60%;color:#fff;padding:40px 20px;margin:-40px auto auto;border-radius:0 0 16px 16px;text-align:left}.benefits-section h3{font-size:48px;font-weight:700;line-height:72px;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;margin-bottom:40px}.benefits-section ul{list-style:none;padding:0}.benefits-section ul li{font-size:16px;line-height:1.8;margin-bottom:15px;padding:20px}:lang(en) .benefits-section ul li{padding-left:20px;background:linear-gradient(-87.11deg,hsla(0,0%,94%,0) 6.87%,hsla(28,66%,74%,.196) 97.6%)}:lang(ar) .benefits-section ul li{padding-right:20px;text-align:right;background:linear-gradient(87.11deg,hsla(0,0%,94%,0) 6.87%,hsla(28,66%,74%,.196) 97.6%)}.benefits-section ul li:before{content:"";position:absolute;left:0;color:#fa6409;font-size:24px;line-height:16px}.documentary-container{display:flex;justify-content:center;align-items:center;padding:50px;width:90%;margin:auto}.documentary-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:40px;width:100%}.documentary-title{font-size:24px;font-weight:600;color:#333;text-align:center;margin-bottom:30px}.documentary-features{display:flex;flex-direction:column;gap:20px}.feature{font-size:16px;line-height:1.8;color:#666;border-left:4px solid #fa6409;padding:15px}.feature b{color:#333}.social-media-section{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background-color:#030014;padding:40px;margin-top:-20px;border-radius:0}.card{background:rgba(52,72,89,.15);color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2);flex:1 1}.card h3{font-size:25px;font-weight:700;margin-bottom:20px;color:#fff}.card ul{list-style:none;padding:0;margin:0}.card ul li{font-size:14px;line-height:1.6;margin-bottom:10px;color:#d1d1d1;position:relative;padding-left:20px}.card ul li:before{content:"•";position:absolute;left:0;color:#00bfff;font-size:18px;line-height:1.6}:lang(ar) .card ul{padding:10px 20px}:lang(ar) .card ul li:before{content:"•";position:absolute;right:-20px}.copywriting-container{background-color:#f8f9fa;padding:40px;border-radius:12px;margin:0 auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.copywriting-container .container{width:80%;margin:auto}.copywriting-header h2{font-size:28px;font-weight:700;text-align:center;color:#343a40;margin-bottom:10px}.copywriting-header p{text-align:center;font-size:16px;color:#6c757d}.copywriting-header span{color:#fa6409}.copywriting-cards{display:flex;flex-direction:column;gap:20px;margin-top:20px}.copywriting-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.copywriting-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.copywriting-card h3{font-size:18px;color:#343a40;margin-bottom:10px}.copywriting-card p{font-size:14px;color:#6c757d;line-height:1.6}.app_brand .slider img{width:100%;object-fit:contain}.who-we-are-container{padding:60px 20px;border-radius:16px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.who-we-are-container:after,.who-we-are-container:before{content:"";position:absolute;border-radius:50%;z-index:0}.who-we-are-container:before{width:200px;height:200px;background:rgba(250,100,9,.2);top:-50px;left:-50px}.who-we-are-container:after{width:300px;height:300px;background:rgba(250,100,9,.1);bottom:-70px;right:-70px}.who-we-are-content{z-index:1;text-align:center;width:70%}.who-we-are-title{font-size:36px;font-weight:700;color:#fa6409;margin-bottom:20px;position:relative}.who-we-are-title:after{content:"";width:60px;height:4px;background:#fa6409;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px}.who-we-are-description{font-size:18px;line-height:1.8;color:#6d6d6d;margin:0 auto;padding:0 20px;text-align:center}.services-grid-container{background:#141e21}.service-card{background:rgba(52,72,89,.15);height:100%}.services-grid-container{padding:40px}.service-card{padding:20px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .3s ease;color:#fff}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.3)}.service-card h3{font-size:20px;font-weight:700;margin-bottom:10px}.service-card p{font-size:16px;line-height:1.6;color:#bfbfbf}.service-card ul{margin-top:10px;padding-left:20px}.service-card ul li{font-size:14px;color:#d3d3d3;margin-bottom:8px}@media screen and (max-width:899px){.copywriting-container .container{width:95%}.social-media-section{margin:0;padding:0}.social-media-section .mt{margin-top:-125px!important}.social-media-section img{width:100%}.hero-section-modern{height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 2% 0}.hero-section-modern .title-modern{font-size:30px;font-weight:700}.hero-section-modern .description-modern{font-size:16px}.dark-section-modern_container{width:100%}.dark-section-modern{padding:60px 15px;border-radius:0}.dark-title-modern{font-size:26px;font-weight:700;text-align:center}.dark-description-modern{font-size:16px;text-align:center}.request-button-modern{background:var(--primary-color);color:#fff;border:none;padding:14px 22px;border-radius:8px;cursor:pointer;font-size:16px}.who-we-are-container{padding:40px 0}.who-we-are-content{width:100%}.who-we-are-description{font-size:16px}.who-we-are-title{font-size:28px}.services-section{width:95%;margin:auto}.service-list li{direction:rtl}.services-grid-container{padding:0}.services-grid-container .service-card h3{font-size:18px}.services-grid-container .service-card p{font-size:14px}.benefits-section{width:90%;color:#fff;padding:40px 0;margin:-40px auto auto;border-radius:0 0 16px 16px;text-align:left}.benefits-section h3{font-size:30px;font-weight:700;line-height:normal}.benefits-section ul li{font-size:14px;line-height:1.8;margin-bottom:15px;padding:20px;background:linear-gradient(-87.11deg,hsla(0,0%,94%,0) 6.87%,hsla(28,66%,74%,.196) 97.6%)}.social-media-section h2{font-size:24px;line-height:normal;margin-bottom:20px}.documentary-container{padding:20px 0 0;width:90%}.documentary-card{padding:0}.documentary-title{font-size:24px;font-weight:600;color:#333;text-align:center;margin-bottom:30px}.documentary-features{display:flex;flex-direction:column;gap:20px}.VisualProduction .social-media-section{margin-top:-20px;padding:20px}.who-we-are-modern{gap:20px;padding:20px}.who-we-are-modern p{font-size:13px}}.app_brand .slider .website-development-modern .hero-section-modern{padding-left:50px;padding-right:50px}:lang(ar) .hero-section-modern .title-modern{text-align:right}:lang(ar) .hero-section-modern .content-modern{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}