:root{--primary-color: #144c4d;--secondary-color: #fe956b;--accent-color: #f4f6f8;--text-dark: #333333;--text-light: #666666;--white: #ffffff;--font-heading: "Roboto", sans-serif;--font-body: "Open Sans", sans-serif;--max-width: 1200px;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--border-radius: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--nav-height: 90px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-dark);line-height:1.6;background-color:var(--white);overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}img{max-width:100%;height:auto;display:block}section{padding:var(--spacing-lg) 0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;padding:10px 25px;background-color:var(--primary-color);color:var(--white);border-radius:50px;font-weight:600;text-transform:uppercase;font-size:.85rem;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.btn:hover{background-color:#004494;transform:translateY(-2px)}.btn-secondary{background-color:transparent;border:2px solid var(--white)}.btn-secondary:hover{background-color:var(--white);color:var(--primary-color)}.btn-contact{background:linear-gradient(135deg,var(--primary-color) 0%,#1a6b6d 100%);box-shadow:0 4px 15px #144c4d4d;padding:12px 30px;font-size:.9rem;letter-spacing:.5px;border:none;color:var(--white)!important}.btn-contact:hover{background:linear-gradient(135deg,#1a6b6d 0%,var(--primary-color) 100%);box-shadow:0 6px 20px #144c4d66;transform:translateY(-3px)}h1,h2,h3,h4{font-family:var(--font-heading);margin-bottom:var(--spacing-sm)}h2{font-size:2.5rem;text-align:center;color:var(--primary-color);margin-bottom:var(--spacing-md)}p{margin-bottom:var(--spacing-sm);color:var(--text-light)}header{background-color:var(--accent-color);box-shadow:0 2px 10px #0000000d;position:fixed;width:100%;top:0;z-index:1000;height:var(--nav-height);display:flex;align-items:center}.container{height:100%;width:100%}nav{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;margin-right:auto;padding-right:20px;height:100%}.logo a{display:flex;align-items:center;height:100%}.logo img{height:60px;width:auto;object-fit:contain;max-width:200px}.nav-links{display:flex;gap:20px;align-items:center;height:100%}.nav-links li{position:relative;height:100%;display:flex;align-items:center;padding:0}.nav-links li:after{content:"";position:absolute;top:100%;left:0;width:100%;height:40px;background:transparent}.nav-links>li>a{font-weight:600;font-size:.9rem;color:var(--text-dark);display:flex;align-items:center;gap:5px;white-space:nowrap}.nav-links>li>a:hover{color:var(--primary-color)}.nav-links li i{font-size:.8rem;transition:transform .3s}.nav-links li:hover i{transform:rotate(180deg)}.dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:250px;background-color:var(--white);border-top:4px solid var(--secondary-color);box-shadow:0 10px 30px #00000026;padding:20px 0;z-index:1100;border-radius:0 0 5px 5px;animation:fadeIn .3s ease}.nav-links li:hover .dropdown-content{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content>a{padding:10px 20px;display:block;color:var(--text-dark);font-size:.95rem;font-weight:500;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.dropdown-content>a:last-child{border-bottom:none}.dropdown-content>a:hover{background-color:#f9f9f9;color:var(--secondary-color);padding-left:25px}.mattech-mega-menu{position:static!important}.mattech-mega-content{left:0;width:100%;right:0;top:100%;margin-top:0;padding-top:5px;padding-left:30px;background-color:#fff;border-top:4px solid var(--secondary-color);box-shadow:0 15px 40px #0000001a;display:none}.nav-links li:hover .mattech-mega-content{display:flex;justify-content:flex-start}.dropdown-row{display:flex;justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto;padding:40px 20px;gap:40px}.dropdown-column{flex:1;min-width:200px}.dropdown-column h3,.dropdown-content h3{font-size:1.1rem;color:var(--secondary-color);text-transform:uppercase;margin-bottom:15px;padding:0 20px 10px;border-bottom:2px solid #eee;font-weight:700;letter-spacing:.5px}.dropdown-column h3{padding-left:0;padding-right:0;margin-bottom:20px}.dropdown-column a{display:block;padding:8px 0;color:#555;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}.dropdown-column a:hover{color:var(--primary-color);transform:translate(5px)}.img-link{display:flex!important;align-items:center;gap:15px;padding:12px 15px!important;margin-bottom:10px;background-color:#fff;border:1px solid #eee!important;border-radius:6px;transition:all .3s ease!important;box-shadow:0 2px 5px #00000005}.img-link img{width:45px;height:45px;object-fit:contain;padding:5px;background:#fff;border-radius:4px}.img-link:hover{border-color:var(--secondary-color)!important;background-color:#f0f8f8;box-shadow:0 4px 10px #0000000d;transform:translateY(-2px)!important}.img-link:hover img{transform:scale(1.05)}.product-content{display:none;min-width:600px;flex-direction:row;gap:20px}.nav-links li:hover .product-content{display:flex}.product-item{text-align:center;flex:1}.product-item img{width:100%;height:150px;object-fit:cover;margin-bottom:10px;border-radius:4px}.product-item span{font-weight:700;color:var(--primary-color)}.sectors-mega-menu{position:static!important}.sector-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;box-shadow:0 15px 40px #0000001a;border-top:4px solid var(--secondary-color);display:none;z-index:1000}.nav-links li:hover .sector-dropdown{display:block;animation:fadeIn .3s ease}.sector-container{display:flex;max-width:var(--max-width);align-items:flex-start}.sector-tabs{width:20%;background-color:#fcfcfc;padding:15px 0;list-style:none;display:flex;flex-direction:column;border-right:1px solid #eee}.sector-tabs li{padding:10px 15px;margin-bottom:0;cursor:pointer;font-weight:500;font-size:.95rem;color:#555;transition:all .2s ease;border:none;position:relative;display:flex;justify-content:space-between;align-items:center}.sector-tabs li:hover{background-color:#f0f0f0;color:var(--primary-color)}.sector-tabs li.active{background-color:transparent;color:var(--secondary-color);font-weight:700}.sector-content-area{width:80%;padding:30px 40px;background-color:#fff}.sector-content{display:none;animation:fadeIn .3s ease}.sector-content.active{display:block}.sector-content .dropdown-row{margin:0;width:100%;padding:0;gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sector-content .dropdown-column{flex:none;width:auto}.img-link{display:flex!important;align-items:center;padding:12px 15px!important;margin-bottom:10px;background-color:#fff;border:none!important;border-radius:6px;transition:all .2s ease!important;font-weight:500;color:#444}.img-link:hover{border:none!important;background-color:#fbfffe;transform:translateY(-2px)!important;color:var(--primary-color)}.img-link:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px;color:#ccc;font-size:.8rem;transition:color .2s}.img-link:hover:before{color:var(--secondary-color)}.subsidiaries-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;border-radius:8px;transition:background-color .3s ease,transform .2s ease;border:1px solid transparent}.subsidiaries-item:hover{background-color:#f9f9f9;transform:translateY(-5px);border-color:#eee}.subsidiaries-item img{width:60px;height:60px;object-fit:contain;margin-bottom:10px}.subsidiaries-item span{font-weight:600;color:var(--primary-color);font-size:.9rem;line-height:1.3}.subsidiaries-item:hover span{color:var(--secondary-color)}.hamburger{display:none;cursor:pointer;font-size:1.5rem;color:var(--primary-color)}.hero{height:90vh;background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);margin-top:var(--nav-height)}.hero-content h1{font-size:4rem;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-content p{font-size:1.2rem;color:#eee;margin-bottom:var(--spacing-md);max-width:600px;margin-left:auto;margin-right:auto}.who-we-are{background-color:var(--primary-color);color:#fff;padding:80px 0 160px;position:relative;overflow:visible}.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:2}.who-content h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:25px;text-transform:uppercase;text-align:left}.who-content p{color:#f0f0f0;font-size:1.05rem;line-height:1.7;margin-bottom:20px}.who-image img{width:100%;max-width:500px;margin:0 auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.who-services-container{background:#fff;border-radius:20px;padding:30px;margin-top:30px;box-shadow:0 15px 40px #0000001a;position:relative;z-index:20;transform:translateY(15%);margin-bottom:-60px}.who-services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}@media(max-width:1200px){.who-services-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.who-card{text-align:center;padding:20px 10px;border-right:1px solid #eee}.who-card:last-child{border-right:none}.who-icon{height:60px;margin-bottom:15px;display:flex;justify-content:center;align-items:center}.who-icon img{max-height:100%;width:auto}.who-card h3{color:#333;font-size:.95rem;font-weight:600;margin-bottom:15px;min-height:40px}.who-card a{color:#009688;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:5px}.who-card a:hover{color:#00796b}.curve-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.curve-bottom svg{position:relative;display:block;width:calc(100% + 1.3px);height:120px}@media(max-width:960px){.who-grid{grid-template-columns:1fr}.who-content,.who-content h2{text-align:center}.who-services-container{transform:translateY(0);margin-top:40px;margin-bottom:-100px}.who-card{border-right:none;border-bottom:1px solid #eee}.who-card:last-child{border-bottom:none}}.sectors{background-color:#f9f9f9;text-align:center}.section-desc{max-width:900px;margin:0 auto 50px;font-size:.95rem;line-height:1.7;color:#666}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}@media(max-width:1200px){.sector-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.sector-card{background:var(--white);border:1px solid #ddd;border-radius:4px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:30px 20px;box-shadow:0 5px 15px #00000014}.sector-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.sector-image{height:120px;width:100%;background-color:transparent;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.sector-image img{height:100%;width:auto;object-fit:contain;transition:transform .3s ease}.sector-card:hover .sector-image img{transform:scale(1.1)}.sector-info{text-align:center}.sector-info h3{color:#1f2937;font-size:1.4rem;font-weight:700;margin-bottom:15px}.sector-info p{font-size:.9rem;line-height:1.6;margin-bottom:25px;color:#666}.btn-read-more{background-color:#144c4d;border-radius:4px;padding:8px 25px;font-size:.85rem;box-shadow:0 4px 6px #0000001a}.btn-read-more:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.stats{background-color:var(--white);color:var(--text-dark);padding:var(--spacing-lg) 0}.stats h2{color:#1f2937;margin-bottom:50px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));text-align:center;gap:40px}.stat-item{padding:20px}.icon-wrapper{display:flex;justify-content:center;margin-bottom:25px}.stat-item .icon-box{width:80px;height:80px;background-color:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:2rem;margin:0;transition:all .3s ease}.stat-item:hover .icon-box{background-color:var(--primary-color);color:#fff;transform:translateY(-5px)}.stat-item h3{font-size:1.25rem;margin-bottom:15px;color:#111827;font-weight:700}.stat-item p{color:#6b7280;line-height:1.6;font-size:.95rem;max-width:300px;margin:0 auto}.client-logo{max-height:60px;margin:0 auto;transition:transform .3s ease}.client-logo:hover{transform:scale(1.1)}footer{background-color:#1a1a1a;color:#ddd;padding:var(--spacing-lg) 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-col h4{color:var(--white);margin-bottom:20px;border-bottom:2px solid var(--secondary-color);display:inline-block;padding-bottom:5px}.footer-col ul li{margin-bottom:10px}.footer-col ul li a:hover{color:var(--secondary-color);padding-left:5px}.footer-bottom{text-align:center;border-top:1px solid #333;padding-top:20px;font-size:.9rem}@media(max-width:960px){.hamburger{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.6rem;color:var(--primary-color);background:none;border:none;padding:6px 10px;border-radius:4px;z-index:1100;transition:color .2s ease}.hamburger:hover{color:var(--secondary-color)}body.nav-open:after{content:"";position:fixed;inset:0;top:var(--nav-height);background:#00000073;z-index:998;animation:fadeBackdrop .25s ease forwards}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}.nav-links{display:none;flex-direction:column;position:fixed;top:var(--nav-height);left:0;right:0;width:100%;background-color:#fff;box-shadow:0 12px 40px #0000001f;padding:8px 0 24px;align-items:flex-start;max-height:calc(100vh - var(--nav-height));overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1000;transform:translateY(-8px);opacity:0;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .25s ease}.nav-links.open{display:flex;transform:translateY(0);opacity:1}.nav-links li{width:100%;height:auto;padding:0;display:block;position:relative}.nav-links li:after{display:none}.nav-links>li>a{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;font-size:1.05rem;font-weight:600;color:#444;border-bottom:1px solid #f0f2f4;white-space:normal;width:100%;letter-spacing:.01em;transition:color .2s ease,background .2s ease}.nav-links>li>a i.fa-chevron-down{font-size:.85rem;color:#aaa;transition:transform .3s ease,color .2s ease;flex-shrink:0;margin-left:10px}.nav-links>li>a:hover{color:var(--primary-color);background-color:#f8fafa}.nav-links>li.dropdown-active>a{color:var(--primary-color);background-color:#f2f8f8;font-weight:700}.nav-links>li.dropdown-active>a i.fa-chevron-down{transform:rotate(180deg);color:var(--secondary-color)}.nav-links>li>a.btn-contact{margin:18px 28px;padding:12px 24px;border-radius:50px;width:calc(100% - 56px);justify-content:center;font-size:.95rem}.nav-links li:hover .dropdown-content,.nav-links li:hover .mattech-mega-content,.nav-links li:hover .product-content,.nav-links li:hover .sector-dropdown{display:none}.dropdown-content,.mattech-mega-content,.product-content{display:none;position:static!important;box-shadow:none!important;border-top:none!important;border-radius:0;padding:0;width:100%;background-color:#f7f9f9;animation:none;opacity:1;visibility:visible}.nav-links li.dropdown-active>.dropdown-content,.nav-links li.dropdown-active>.mattech-mega-content{display:block}.mattech-mega-menu{position:static!important;width:100%}.sector-container{flex-direction:column;min-height:auto}.sector-tabs{width:100%;border-right:none;border-bottom:none;flex-direction:column;overflow-x:visible;white-space:normal;padding:0;background-color:#f7f9f9;-ms-overflow-style:none;scrollbar-width:none;display:block}.sector-tabs::-webkit-scrollbar{display:none}.sector-tabs li{display:flex;justify-content:space-between;align-items:center;padding:14px 28px 14px 44px;border-radius:0;margin-right:0;background:#f7f9f9;border:none;border-bottom:1px solid #eaeeee;font-size:.92rem;font-weight:500;color:#666;width:100%;position:relative;cursor:pointer;transition:background .2s ease,color .2s ease}.sector-tabs li:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.75rem;color:#bbb;transition:transform .3s ease,color .2s ease}.sector-tabs li:hover{background:#edf4f4;color:var(--primary-color)}.sector-tabs li.active{background-color:#fff;color:var(--secondary-color);font-weight:700;border-bottom:1px solid #eaeeee}.sector-tabs li.active:after{transform:rotate(180deg);color:var(--secondary-color)}.sector-content-area{width:100%;padding:0;min-height:auto;background:#fff}.dropdown-row{flex-direction:column;gap:0;padding:6px 0}.dropdown-column{width:100%;padding:0;margin-bottom:0;flex:none}.dropdown-column h3{padding:10px 28px 8px;margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary-color);border-bottom:1px solid #f0f2f4}.sector-content .dropdown-row{display:flex;flex-direction:column;grid-template-columns:unset;padding:0;gap:0}.sector-content .dropdown-column{width:100%;padding:0;margin-bottom:0}.sector-content .dropdown-column a,.dropdown-column a{display:block;padding:13px 28px 13px 56px;font-size:.92rem;font-weight:400;color:#555;border-bottom:1px solid #f0f2f4;background:#fff;transition:color .2s ease,padding-left .2s ease,background .2s ease}.sector-content .dropdown-column a:hover,.dropdown-column a:hover{color:var(--primary-color);background:#f7fbfb;padding-left:62px;transform:none}.hero-content h1{font-size:2.5rem}.about-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}.company-overview{padding:180px 0 var(--spacing-lg);background-color:#f8f9fa;text-align:center}.overview-header{margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.overview-header h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:var(--secondary-color);position:relative;display:inline-block}.overview-header h2:after{content:"";display:block;width:60px;height:4px;background-color:var(--primary-color);margin:15px auto 0;border-radius:2px}.overview-header p{font-size:1.1rem;color:#666}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.overview-card{background-color:var(--white);padding:40px 30px;border-radius:12px;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border-top:0px solid transparent;position:relative;overflow:hidden}.overview-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));opacity:0;transition:opacity .3s ease}.overview-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.overview-card:hover:before{opacity:1}.icon-box{width:80px;height:80px;background-color:#475bb21a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;transition:transform .3s ease,background-color .3s ease}.icon-box i{font-size:2rem;color:var(--primary-color)}.overview-card:hover .icon-box{background-color:var(--primary-color);transform:rotateY(180deg)}.overview-card:hover .icon-box i{color:var(--white)}.overview-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-dark)}.overview-card p{font-size:1rem;line-height:1.6;margin-bottom:20px}.values-list{text-align:left;margin-top:20px;padding-left:10px}.values-list li{margin-bottom:10px;font-size:.95rem;display:flex;align-items:center;gap:10px}.values-list li i{color:var(--secondary-color);font-size:.8rem}@media(max-width:768px){.overview-header h2{font-size:2rem}.overview-card{padding:30px 20px}}.partners-customers-section{background-color:var(--accent-color);padding:80px 0}.text-centerbox{text-align:center;margin-bottom:40px}.text-centerbox h2{font-size:2.2rem;color:var(--primary-color);margin-bottom:15px}.text-centerbox p{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto}.logos-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px}.logo-item{background-color:var(--white);padding:15px 30px;border-radius:var(--border-radius);box-shadow:0 4px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease;min-width:150px;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #eee}.logo-item img{max-width:100%;max-height:100%;object-fit:contain}.logo-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;border-color:var(--secondary-color)}.logo-item:hover img{transform:scale(1.1);transition:transform .3s ease}@media(max-width:768px){.logos-grid{gap:15px}.logo-item{padding:15px 20px;min-width:120px;font-size:1rem}.text-centerbox h2{font-size:1.8rem}}
