*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{font-family:var(--font-body);color:#e0e0e0;background:#0f0f0f;max-width:100%;overflow-x:hidden}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] h4,html[lang=en] h5,html[lang=en] h6,html[lang=en] .idx-nav-logo span,html[lang=en] .idx-nav-links li a,html[lang=en] .idx-hero-badge,html[lang=en] .idx-btn-primary,html[lang=en] .idx-btn-outline,html[lang=en] .idx-stat-num,html[lang=en] .idx-company-tag,html[lang=en] .idx-company-link,html[lang=en] .idx-cta-btn{font-family:Inter,Cairo,sans-serif}html[lang=en] .idx-about-text p,html[lang=en] .idx-highlight p,html[lang=en] .idx-company-desc,html[lang=en] .idx-value-card p,html[lang=en] .idx-footer-brand p{text-align:left}html[lang=en] .idx-about-text .green-line{margin-left:0;margin-right:auto}html[lang=en] .idx-section-head .head-line{margin:0 auto 1rem}.idx-nav{z-index:10000;-webkit-backdrop-filter:blur(16px);background:#0f0f0f66;border:1px solid #ffffff14;border-radius:100px;width:95%;max-width:1400px;margin:0 auto;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:fixed;top:20px;left:0;right:0}.idx-nav.scrolled{background:#0f0f0fd9;border-color:#4caf5040;top:10px;box-shadow:0 10px 40px #00000080}.idx-nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:85px;margin:0 auto;padding:0 clamp(1rem,3vw,3rem);display:flex}.idx-nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.idx-nav-logo img{height:65px}.idx-nav-logo span{color:#fff;white-space:nowrap;font-family:Cairo,sans-serif;font-size:15px;font-weight:700}.idx-nav-links{align-items:center;gap:0;list-style:none;display:flex}.idx-nav-links li a{color:#999;white-space:nowrap;padding:22px 20px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s;display:block}.idx-nav-links li a:hover,.idx-nav-links li a.active{color:#4caf50}.idx-nav-links .dropdown{position:relative}.idx-nav-links .dropdown-menu{opacity:0;visibility:hidden;background:#111;border:1px solid #ffffff0d;border-radius:8px;min-width:200px;padding:8px 0;list-style:none;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(10px);box-shadow:0 10px 30px #00000080}html[dir=ltr] .idx-nav-links .dropdown-menu{left:0;right:auto}.idx-nav-links .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.idx-nav-links .dropdown-menu li a{padding:12px 20px;font-size:13px}.idx-nav-links .dropdown-menu li a:hover{color:#4caf50;background:#4caf501a}.idx-nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:10px;display:none}.idx-nav-toggle span{background:#fff;border-radius:3px;width:24px;height:2.5px;transition:all .3s}.idx-nav-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.idx-nav-toggle.open span:nth-child(2){opacity:0}.idx-nav-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.idx-hero{text-align:center;background-color:#0f0f0f;background-image:linear-gradient(#0f0f0fcc,#0f0f0fb3),url(/assets/images/hero_home.png);background-position:50%;background-repeat:repeat;background-size:cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(6rem,10vw,8rem) clamp(1rem,5vw,3rem);display:flex;position:relative}.idx-hero-content{z-index:1;max-width:800px;position:relative}.idx-hero-badge{color:#4caf50;background:#4caf500f;border:1px solid #4caf504d;border-radius:50px;margin-bottom:2rem;padding:8px 24px;font-family:Cairo,sans-serif;font-size:clamp(12px,1.5vw,14px);font-weight:600;animation:.8s fadeInDown;display:inline-block}.idx-hero-logo{margin-bottom:2rem;animation:.8s .1s both fadeInDown}.idx-hero-logo img{filter:drop-shadow(0 10px 40px #4caf5033);height:clamp(110px,20vw,200px);margin:0 auto;display:block}.idx-hero h1{background:linear-gradient(135deg,#fff 0%,#c8e6c9 40%,#4caf50 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-family:Cairo,sans-serif;font-size:clamp(30px,6vw,58px);font-weight:800;line-height:1.2;animation:.8s .3s both fadeInUp}.idx-hero-desc{color:#999;margin-bottom:2.5rem;font-size:clamp(15px,2vw,19px);line-height:1.9;animation:.8s .45s both fadeInUp}.idx-hero-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;animation:.8s .6s both fadeInUp;display:flex}.idx-btn-primary{color:#fff;background:linear-gradient(135deg,#196730,#4caf50);border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-family:Cairo,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #4caf504d}.idx-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #4caf5073}.idx-btn-outline{color:#ccc;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-family:Cairo,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.idx-btn-outline:hover{color:#4caf50;background:#4caf500f;border-color:#4caf50;transform:translateY(-3px)}.idx-scroll-hint{color:#555;font-size:20px;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,60%,to{transform:translate(-50%)translateY(0)}30%{transform:translate(-50%)translateY(10px)}}.idx-stats{background:linear-gradient(135deg,#196730,#1a8a40);width:100%;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,3vw,3rem);position:relative}.idx-stats:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.idx-stats-inner{z-index:1;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2rem);max-width:1200px;margin:0 auto;display:grid;position:relative}.idx-stat{text-align:center;padding:1rem}.idx-stat-num{color:#fff;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.1}.idx-stat-label{color:#fffc;font-family:Tajawal,sans-serif;font-size:clamp(13px,1.5vw,16px);font-weight:500}.idx-about{background:linear-gradient(#111111f5,#111111f5),url(/assets/images/about_home.png) 50%/cover no-repeat;width:100%;padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,3rem)}.idx-about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1200px;margin:0 auto;display:grid}.idx-about-text h2{color:#fff;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:clamp(24px,4vw,40px);font-weight:800;line-height:1.3}.idx-about-text .green-line{background:linear-gradient(90deg,#196730,#4caf50);border-radius:4px;width:60px;height:4px;margin-bottom:1.5rem}.idx-about-text p{color:#999;margin-bottom:1.25rem;font-size:clamp(14px,1.8vw,17px);line-height:1.9}.idx-about-highlights{flex-direction:column;gap:1.25rem;display:flex}.idx-highlight{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:all .3s;display:flex}.idx-highlight:hover{background:#4caf500f;border-color:#4caf5026;transform:translate(-4px)}html[lang=en] .idx-highlight:hover{transform:translate(4px)}.idx-highlight-icon{color:#4caf50;background:linear-gradient(135deg,#19673033,#4caf5026);border-radius:12px;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;font-size:20px;transition:all .3s;display:flex}.idx-highlight:hover .idx-highlight-icon{color:#fff;background:linear-gradient(135deg,#196730,#4caf50)}.idx-highlight h4{color:#e0e0e0;margin-bottom:4px;font-family:Cairo,sans-serif;font-size:clamp(15px,1.8vw,17px)}.idx-highlight p{color:#777;margin:0;font-size:clamp(13px,1.4vw,14px);line-height:1.6}.idx-companies{background:#0f0f0f;width:100%;padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,3rem)}.idx-section-head{text-align:center;max-width:700px;margin:0 auto clamp(2.5rem,5vw,4rem)}.idx-section-head h2{color:#fff;margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:clamp(24px,4vw,40px);font-weight:800}.idx-section-head .head-line{background:linear-gradient(90deg,#196730,#4caf50);border-radius:4px;width:60px;height:4px;margin:0 auto 1rem}.idx-section-head p{color:#777;font-size:clamp(14px,1.8vw,17px);line-height:1.7}.idx-companies-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2.5rem);max-width:1200px;margin:0 auto;display:grid}.idx-company-card{background:linear-gradient(145deg,#181818,#1e1e1e);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;padding:clamp(2rem,4vw,3rem);text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.idx-company-card:before{content:"";transform-origin:100%;background:linear-gradient(270deg,#196730,#4caf50,#81c784);width:100%;height:4px;transition:transform .4s;position:absolute;top:0;right:0;transform:scaleX(0)}html[lang=en] .idx-company-card:before{transform-origin:0;background:linear-gradient(90deg,#196730,#4caf50,#81c784);left:0;right:auto}.idx-company-card:hover{border-color:#4caf5033;transform:translateY(-8px);box-shadow:0 10px 30px #0000004d}.idx-company-card:hover:before{transform:scaleX(1)}.idx-company-top{z-index:1;align-items:center;gap:16px;margin-bottom:1.5rem;display:flex;position:relative}.idx-company-icon{color:#4caf50;background:linear-gradient(135deg,#19673026,#4caf501a);border-radius:16px;justify-content:center;align-items:center;width:100px;min-width:100px;height:100px;font-size:26px;transition:all .4s;display:flex}.idx-company-card:hover .idx-company-icon{color:#fff;background:linear-gradient(135deg,#196730,#4caf50);box-shadow:0 6px 20px #4caf504d}.idx-company-top h3{color:#e0e0e0;margin:0;font-family:Cairo,sans-serif;font-size:clamp(17px,2.5vw,22px);font-weight:700;transition:color .3s}.idx-company-card:hover .idx-company-top h3{color:#fff}.idx-company-desc{color:#777;z-index:1;flex-grow:1;margin-bottom:1.5rem;font-size:clamp(13px,1.5vw,15px);line-height:1.8;position:relative}.idx-company-card:hover .idx-company-desc{color:#999}.idx-company-tags{z-index:1;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;display:flex;position:relative}.idx-company-tag{color:#4caf50;background:#4caf5014;border:1px solid #4caf501f;border-radius:6px;padding:6px 14px;font-family:Tajawal,sans-serif;font-size:12px;font-weight:500}.idx-company-link{color:#4caf50;z-index:1;align-items:center;gap:8px;font-family:Cairo,sans-serif;font-size:14px;font-weight:700;transition:gap .3s;display:inline-flex;position:relative}.idx-company-card:hover .idx-company-link{gap:14px}.idx-company-link i{transition:transform .3s}.idx-company-card:hover .idx-company-link i{transform:translate(-4px)}html[lang=en] .idx-company-card:hover .idx-company-link i{transform:translate(4px)}.idx-values{background:#111;width:100%}.idx-values-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,2rem);max-width:1200px;margin:0 auto;display:grid}.idx-value-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;padding:clamp(2rem,3vw,2.5rem);transition:all .3s}.idx-value-card:hover{background:#4caf500a;border-color:#4caf501f;transform:translateY(-4px)}.idx-value-icon{color:#4caf50;background:linear-gradient(135deg,#1967301f,#4caf5014);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.25rem;font-size:28px;transition:all .3s;display:flex}.idx-value-card:hover .idx-value-icon{color:#fff;background:linear-gradient(135deg,#196730,#4caf50);transform:scale(1.08)}.idx-value-card h4{color:#e0e0e0;margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:clamp(16px,2vw,20px)}.idx-value-card p{color:#777;font-size:clamp(13px,1.4vw,15px);line-height:1.7}.idx-cta{text-align:center;background:linear-gradient(135deg,#196730 0%,#1a8a40 50%,#196730 100%);width:100%;padding:clamp(4rem,8vw,6rem) clamp(1rem,5vw,3rem);position:relative;overflow:hidden;margin-bottom:0!important}.idx-cta:before{content:"";background:#ffffff0a;border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}html[lang=en] .idx-cta:before{left:-20%;right:auto}.idx-cta h2{color:#fff;z-index:1;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:clamp(24px,4vw,40px);font-weight:800;position:relative}.idx-cta p{color:#ffffffd9;z-index:1;max-width:600px;margin:0 auto 2rem;font-size:clamp(14px,1.8vw,18px);line-height:1.7;position:relative}.idx-cta-btn{color:#196730;z-index:1;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:16px 40px;font-family:Cairo,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 4px 20px #00000026}.idx-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000040}.idx-footer{background:#0a0a0a;width:100%;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,5vw,3rem)}.idx-footer-inner{grid-template-columns:2fr 1fr 1fr;gap:clamp(2rem,4vw,4rem);max-width:1200px;margin:0 auto;display:grid}.idx-footer-brand p{color:#666;margin-top:1rem;font-size:14px;line-height:1.8}.idx-footer h5{color:#e0e0e0;margin-bottom:1.25rem;font-family:Cairo,sans-serif;font-size:16px;font-weight:700}.idx-footer-links{padding:0;list-style:none}.idx-footer-links li{margin-bottom:.75rem}.idx-footer-links li a{color:#666;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.idx-footer-links li a:hover{color:#4caf50;transform:translate(-4px)}html[lang=en] .idx-footer-links li a:hover{transform:translate(4px)}.idx-footer-links li a i{color:#4caf50;font-size:10px}.idx-footer-contact li{color:#666;align-items:center;gap:10px;margin-bottom:1rem;font-size:14px;display:flex}.idx-footer-contact li i{color:#4caf50;text-align:center;width:16px}.idx-footer-contact li a{color:#666;text-decoration:none;transition:color .3s}.idx-footer-contact li a:hover{color:#4caf50}.idx-footer-bottom{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;display:flex}.idx-footer-bottom p{color:#444;font-size:13px}.idx-footer-socials{gap:8px;display:flex}.idx-footer-socials a{color:#666;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.idx-footer-socials a:hover{color:#fff;background:#4caf50;border-color:#4caf50;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.reveal-idx{opacity:0;transition:all .7s;transform:translateY(40px)}.reveal-idx.show{opacity:1;transform:translateY(0)}@media (max-width:992px){.idx-nav-links{width:280px;height:100vh;box-shadow:none;z-index:10001;opacity:0;visibility:hidden;pointer-events:none;background:#111;flex-direction:column;align-items:center;padding-top:70px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s,visibility .3s;position:fixed;top:0;left:0;right:auto;overflow-y:auto;transform:translate(-100%)}html[dir=ltr] .idx-nav-links{left:auto!important;right:0!important;transform:translate(100%)!important}.idx-nav-links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);box-shadow:5px 0 30px #0006}html[dir=ltr] .idx-nav-links.open{transform:translate(0)!important;box-shadow:-5px 0 30px #0006!important}.idx-nav-links li{text-align:center;width:100%}.idx-nav-links li a{text-align:center;border-bottom:1px solid #ffffff0a;width:100%;padding:11px 24px;display:block}.idx-nav-links .dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0;display:block;position:static;transform:none}.idx-nav-links .dropdown-toggle{color:#e0e0e0!important}.idx-nav-links a.active,.idx-nav-links .dropdown-toggle.active,.idx-nav-links .dropdown-menu li a.active{color:#4caf50!important}.idx-nav-links .dropdown-toggle i{display:none!important}.idx-nav-links .dropdown-menu li a{text-align:center;border-bottom:1px solid #ffffff0a;padding:11px 24px;font-size:14px;display:block}.idx-nav-links .dropdown-menu li a i,.idx-nav-links .dropdown-menu li a img,.hide-on-mobile{display:none!important}.idx-nav-links .nav-lang-switch{justify-content:center;align-items:center;width:100%;padding:15px 24px;display:flex}.idx-nav-toggle{display:flex}.idx-about-inner{grid-template-columns:1fr}.idx-stats-inner,.idx-values-grid{grid-template-columns:repeat(2,1fr)}.idx-footer-inner{grid-template-columns:1fr}}@media (max-width:768px){.idx-companies-grid{grid-template-columns:1fr;max-width:550px;margin:0 auto}.idx-values-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}.idx-footer-bottom{text-align:center;justify-content:center}}@media (max-width:480px){.idx-stats-inner{grid-template-columns:repeat(2,1fr);gap:.5rem}.idx-stat{padding:.5rem}.idx-hero-btns{flex-direction:column}.idx-btn-primary,.idx-btn-outline{justify-content:center;width:100%}}