@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playpen+Sans:wght@100..800&family=Raleway:ital,wght@0,100..900;1,100..900&family=SUSE:wght@100..800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:white;color:#333}a{text-decoration:none;color:inherit}.App{display:flex;flex-direction:column;min-height:100vh}.page-container{margin-top:80px}main{flex:1;padding:40px 20px}@media (max-width: 768px){main{padding:30px 15px}}@media (max-width: 480px){main{padding:20px 10px}}.navbar{background-color:#0f0f0e;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:22px 40px;font-family:Arial,sans-serif;flex-wrap:wrap;position:fixed;top:0;left:0;width:100%;z-index:1000}.navbar-logo h1{color:#88c040;font-size:43px;margin:0;line-height:1}.navbar-logo .subtitle{font-size:11px;color:#fff;margin-top:4px;letter-spacing:1px}.burger{display:none;font-size:28px;color:#fff;cursor:pointer;z-index:1100}.navbar-menu{display:flex;align-items:center;position:relative}.navbar-menu ul{list-style:none;display:flex;gap:28px;margin:0;padding:0}.navbar-menu li{cursor:pointer;color:#fff;font-size:20px;position:relative;transition:color .3s}.navbar-menu li:hover,.navbar-menu li.active{color:#88c040}.navbar-menu li:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background-color:#88c040;transition:width .3s ease-in-out}.navbar-menu li:hover:after,.navbar-menu li.active:after{width:100%}.navbar-menu li.dropdown{position:relative}.navbar-menu li.dropdown .dropdown-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;background-color:#0f0f0e;min-width:270px;padding:10px 0;border-radius:6px;box-shadow:0 4px 8px #0000004d;z-index:999;opacity:0;transform:translateY(10px);transition:all .3s ease-in-out;pointer-events:none}.navbar-menu li.dropdown.show .dropdown-menu,.navbar-menu li.dropdown:hover .dropdown-menu{display:flex;opacity:1;gap:5px;transform:translateY(0);pointer-events:auto}.dropdown-menu li{color:#fff;font-size:17px;padding:1px 20px;transition:background .3s}.dropdown-menu li:hover{background-color:#0f0f0e;color:#88c040}.dropdown-menu li:after{content:none!important}@media (max-width: 992px){.burger{display:block}.navbar-menu{display:none;flex-direction:column;align-items:flex-start;width:100%;margin-top:20px;gap:12px}.navbar-menu.open{display:flex}.navbar-menu ul{flex-direction:column;width:100%;gap:10px}.navbar-menu li{padding:8px 0}.navbar-menu li.dropdown .dropdown-menu{position:static;transform:none;box-shadow:none;border-radius:0;padding-left:20px;background-color:transparent;gap:0}.navbar-menu li.dropdown.show .dropdown-menu,.navbar-menu li.dropdown:hover .dropdown-menu{display:flex;opacity:1;transform:none}.dropdown-menu li{padding:0 16px;font-size:20px}}@media (max-width: 480px){.navbar-logo h1{font-size:33px}.navbar-logo .subtitle{font-size:8px}.navbar-menu li{font-size:16px}.navbar-menu li.dropdown .dropdown-menu{gap:0}.dropdown-menu li{padding:0 14px;font-size:15px}}.footer{background-color:#0f0f0e;padding:50px 30px 20px;font-family:Chakra Petch,sans-serif;font-weight:400;font-style:normal;color:#333}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;max-width:1380px;margin:0 auto}.footer-column{flex:1;min-width:220px}.footer-column h3{color:#8fc73e;font-size:20px;margin-bottom:15px}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:10px;color:#fff;font-size:16px;line-height:1.6;cursor:pointer}.footer-column ul li:hover{color:#8fc73e}.footer-bottom{border-top:1px solid #ddd;margin-top:15px;padding-top:15px;text-align:center;font-size:14px;color:#666}.footer-links{margin-top:10px}.footer-links span{margin:0 10px;cursor:pointer}@media (max-width: 1024px){.footer-bottom{border-top:1px solid #ddd;margin-top:15px;padding-top:15px;text-align:center;font-size:14px;color:#666}.footer-bottom p{font-size:15px;text-align:center}.contact{max-width:247px}}@media (max-width: 768px){.footer-container{flex-direction:column;gap:40px}.footer-column{min-width:100%}.footer-bottom{border-top:1px solid #ddd;margin-top:15px;padding-top:15px;text-align:center;font-size:14px;color:#666}.footer-bottom p{font-size:15px;text-align:center}}.caro-container{width:100%;height:55%;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;margin-top:80px;animation:slideInFromTop .8s ease-out both;margin-bottom:-10px}.caro-slide{width:100%;height:65vh;background-size:cover;background-position:center;transition:background-image 1s ease-in-out;position:relative}.caro-overlay{width:100%;height:100%;background-color:#0003}.custom-control-bar{margin:10px 0 16px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.custom-control-btn{background:none;border:none;color:#000;font-size:24px;cursor:pointer;transition:transform .2s,color .2s}.custom-control-btn:hover{color:#666;transform:scale(1.2)}.custom-indicators{display:flex;flex-wrap:wrap;justify-content:center}.custom-indicators button{padding:0 5px}.custom-indicator{background:none;border:none;font-size:15px;font-weight:1000;color:#666;opacity:.5;cursor:pointer;transition:transform .2s,opacity .2s,color .2s}.custom-indicator.active{color:#000;opacity:1;transform:scale(1.2)}.custom-indicator:hover{opacity:1;color:#333}@media (max-width: 1024px){.caro-container{height:40vh;margin-top:70px}margin-bottom: -260px;{}}.caro-slide{height:55vh;background-position:center}.custom-control-bar{margin-top:15px;gap:12px;flex-direction:row}.custom-control-btn{font-size:30px}.custom-indicator{font-size:20px}.custom-indicators{flex-wrap:nowrap}} @media (max-width: 768px){.caro-container{height:auto;margin-top:60px}.caro-slide{height:40vh;background-position:center}.custom-control-bar{margin-top:10px;gap:8px;flex-direction:row}.custom-control-btn{font-size:18px}.custom-indicator{font-size:20px}}@media (max-width: 480px){.caro-slide{height:30vh}.custom-control-bar{flex-direction:row;gap:6px;margin:10px 0}.custom-control-btn{font-size:22px}.custom-indicator{font-size:15px}}.plants-container{width:100%;max-width:1380px;margin:0 auto 40px;padding:0 20px;animation:slideInLeft .8s ease}.plant-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;flex-wrap:wrap}.plant-row.reverse{flex-direction:row-reverse}.plant-image{flex:0 0 50%;max-width:50%;padding-right:20px}.plant-row.reverse .plant-image{padding-right:0;padding-left:20px}.plant-image img{width:100%;height:auto;border-radius:10px}.plant-text{flex:0 0 50%;max-width:50%;padding-left:50px;text-align:justify}.plant-row.reverse .plant-text{padding-left:0;padding-right:20px}.plant-text h2{font-size:28px;margin-bottom:10px;color:#88c040;text-align:center}.plant-text p{font-size:16px;color:#333;line-height:1.6}@media (max-width: 1024px){.plants-container{padding:0 15px;margin-bottom:30px}.plant-row,.plant-row.reverse{flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:40px}.plant-image,.plant-text{flex:0 0 100%;max-width:100%;padding:10px 0}.plant-image{order:1;padding:0}.plant-image img{width:750px;border-radius:10px;max-height:300px}.plant-text{order:2;padding:0 20px;text-align:justify}.plant-text h2{font-size:26px;margin-bottom:12px}.plant-text p{font-size:15px;line-height:1.6}.plant-row.reverse .plant-image,.plant-row.reverse .plant-text{padding:0}}@media (max-width: 768px){.plants-container{margin-bottom:0}.plant-image img{width:100%;border-radius:10px;max-height:300px}.plant-row,.plant-row.reverse{flex-direction:column;text-align:center;margin-bottom:0}.plant-image,.plant-text{flex:0 0 100%;max-width:100%;padding:10px 0}}.Design-container{width:100%;max-width:1380px;margin:40px auto;padding:0 20px;animation:slideInRight .8s ease}.Design-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;flex-wrap:wrap}.Design-text{flex:0 0 50%;max-width:50%;padding-right:20px}.Design-image{flex:0 0 50%;max-width:50%;padding-left:20px}.Design-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 4px 10px #0000001a}.Design-text h2{font-size:28px;margin-bottom:10px;color:#88c040;text-align:center}.Design-text p{font-size:16px;color:#333;line-height:1.6;text-align:justify}@media (max-width: 768px){.Design-container{margin-top:0;margin-bottom:0}.Design-row{flex-direction:column;text-align:center;margin-bottom:0}.Design-image{order:1;flex:0 0 100%;max-width:100%;padding:10px 0}.Design-text{order:2;flex:0 0 100%;max-width:100%;padding:10px 0}.Design-text h2{font-size:24px}.Design-text p{font-size:15px;text-align:justify}}@media (min-width: 769px) and (max-width: 992px){.Design-row{flex-direction:column;text-align:center;margin-bottom:40px}.Design-image{order:1;flex:0 0 100%;max-width:100%;padding:10px 0}.Design-image img{max-height:300px;width:750px}.Design-text{order:2;flex:0 0 100%;max-width:100%;padding:10px 0}.Design-text h2{font-size:26px}.Design-text p{font-size:15px;text-align:justify}}@media (min-width: 1200px){.Design-text h2{font-size:32px}.Design-text p{font-size:18px}}.Robotics-container{width:100%;max-width:1380px;margin:40px auto;animation:slideInLeft .8s ease;padding:0 20px}.Robotics-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;flex-wrap:wrap}.Robotics-row.reverse{flex-direction:row-reverse}.Robotics-image{flex:0 0 50%;max-width:50%;padding-right:20px}.Robotics-row.reverse .Robotics-image{padding-right:0;padding-left:20px}.Robotics-image img{width:100%;height:auto;border-radius:10px}.Robotics-text{flex:0 0 50%;max-width:50%;padding-left:50px;text-align:justify}.Robotics-row.reverse .Robotics-text{padding-left:0;padding-right:20px}.Robotics-text h2{font-size:28px;margin-bottom:10px;color:#88c040;text-align:center}.Robotics-text p{font-size:16px;color:#333;line-height:1.6}@media (max-width: 768px){.Robotics-container{margin-top:0}.Robotics-row,.Robotics-row.reverse{flex-direction:column;text-align:center}.Robotics-image,.Robotics-text{flex:0 0 100%;max-width:100%;padding:10px 0 0}.Robotics-text .p{margin-bottom:0}}@media (min-width: 769px) and (max-width: 992px){.Robotics-row,.Robotics-row.reverse{flex-direction:column;align-items:center;text-align:center;margin-bottom:40px}.Robotics-image,.Robotics-text{flex:0 0 100%;max-width:100%;padding:10px 0 0}.Robotics-image{order:1}.Robotics-image img{max-height:300px;width:750px}.Robotics-text{order:2;padding-left:0;padding-right:0}.Robotics-row.reverse .Robotics-image,.Robotics-row.reverse .Robotics-text{padding-left:0;padding-right:0}.Robotics-text h2{font-size:26px}.Robotics-text p{font-size:15px;line-height:1.6;text-align:justify}}.hero-section{width:100%;background:linear-gradient(135deg,#f0f9ff,#caeeca);padding:2rem 0;text-align:center}.hero-container{max-width:1380px;margin:0 auto;text-align:center}.hero-title{font-size:2.2rem;color:var(--dark);margin-bottom:2rem;font-weight:700}.hero-text{font-size:1rem;text-align:justify;line-height:1.8;color:#555}@media (max-width: 768px){.hero-title{font-size:28px;margin-bottom:1rem}.hero-section{padding:0}.hero-text{font-size:16px;padding:0 22px}}@media (max-width: 992px){.hero-title{font-size:28px;padding-top:10px}.hero-text{font-size:16px;padding:0 22px}}.industries-section{padding:30px 60px;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.industries-section h2{font-size:32px;font-weight:700;margin-bottom:40px;color:#88c040;display:flex;justify-content:center}.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;justify-items:center}.industry-card{width:100%;max-width:300px}.industry-card img{width:100%;height:374px;object-fit:cover;cursor:pointer}.industry-card p{margin-top:12px;font-size:18px;font-weight:500;color:#333}@media screen and (max-width: 1024px){.industries-grid{grid-template-columns:repeat(2,1fr)}.industry-card p{text-align:center}}@media screen and (max-width: 600px){.industries-grid{grid-template-columns:repeat(1,1fr)}.industries-section h2{width:100%;font-size:29px;margin-bottom:18px}.industries-section{padding:10px 0 32px}.industry-card p{text-align:center;margin-top:0}}.clients-section{padding:0 20px 60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.clients-container{max-width:1200px;margin:0 auto}.clients-container h2{font-size:32px;font-weight:700;margin-bottom:40px;color:#88c040}.clients-slider{overflow:hidden;position:relative;width:100%}.clients-track{display:flex;width:200%;animation:scroll 25s linear infinite}.client-card{flex:0 0 auto;width:200px;padding:15px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.client-card img{max-width:100%;height:auto;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.client-card img:hover{filter:grayscale(0%)}@media (max-width: 1024px){.client-card{width:160px}}@media (max-width: 768px){.client-card{width:130px}}@media (max-width: 480px){.client-card{width:100px}.clients-container h2{font-size:24px}}.company-highlights{background:linear-gradient(rgba(65,65,65,.6),rgba(127,127,127,.6)),url(/assets/CHBg-5a45a626.jpg) fixed center center;background-size:cover;color:#fff;padding:40px 20px}.highlights-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.highlights-header{flex:1;min-width:280px}.highlights-title{color:#fff;font-size:2rem;font-weight:600;margin-bottom:10px}.highlights-subtitle{font-size:1.2rem;font-weight:300}.highlights-stats{display:flex;flex:2;flex-wrap:wrap;justify-content:flex-end;gap:16px}.highlight-card{width:140px;min-width:140px;height:120px;padding:10px;border-radius:12px;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.highlight-icon{font-size:2rem;margin-bottom:8px}.highlight-count{font-size:1.1rem;font-weight:700}.highlight-label{font-size:.9rem}@media (max-width: 767px){.highlights-wrapper{flex-direction:column;align-items:center;gap:0px}.highlights-header{width:100%;text-align:center;margin-bottom:20px}.highlights-stats{width:100%;justify-content:center;flex-wrap:nowrap}.highlight-card{width:22%;min-width:auto;height:100px;padding:8px}.highlight-icon{font-size:1.5rem}.highlight-count{font-size:1rem}.highlight-label{font-size:.8rem}.highlights-title{font-size:1.5rem}.highlights-subtitle{font-size:1rem;text-align:center}}@media (min-width: 768px) and (max-width: 1024px){.highlights-wrapper{flex-direction:row;align-items:center;justify-content:space-between}.highlights-header{text-align:center;flex:1;min-width:200px}.highlights-stats{flex:2;display:flex;flex-wrap:nowrap;justify-content:space-between}.highlight-card{width:22%;height:110px;padding:8px}.highlight-icon{font-size:1.7rem}.highlight-count{font-size:1rem}.highlight-label{font-size:.85rem}}.partners-section{padding:60px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.partners-container{max-width:1200px;margin:0 auto}.partners-container h2{font-size:32px;font-weight:700;margin-bottom:40px;color:#222}.partners-slider{overflow:hidden;position:relative;width:100%}.partners-track{display:flex;width:200%;animation:scroll 25s linear infinite}.partner-card{flex:0 0 auto;width:200px;padding:15px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.partner-card img{max-width:100%;height:auto;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.partner-card img:hover{filter:grayscale(0%)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1024px){.partner-card{width:160px}}@media (max-width: 768px){.partner-card{width:130px}}@media (max-width: 480px){.partner-card{width:100px}.partners-container h2{font-size:24px}}.career-page{padding:60px 20px 0;font-family:Segoe UI,sans-serif;margin-top:70px;background-color:#f9f9f9;color:#333}.career-header{text-align:center;margin-bottom:50px;animation:fadeIn 1s ease-in-out;padding-top:77px}.career-header h2{color:#88c040;font-size:40px;margin-bottom:15px;font-weight:700;letter-spacing:1px;margin-top:20px}.career-header p{color:#555;font-size:18px;max-width:1181px;margin:0 auto;line-height:1.6}.career-body{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;max-width:1350px;margin:0 auto;padding:0 15px}.career-info{flex:1;min-width:300px;animation:slideInLeft .8s ease;background:white;padding:30px;border-radius:12px;box-shadow:0 0 20px #0000000d}.career-info h3{color:#88c040;margin-bottom:20px;font-size:26px;text-align:center}.career-list-columns{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.career-info p{text-align:center}.career-list-columns ul{flex:1;list-style:none;padding-left:20px;margin-bottom:20px}.career-list-columns li{margin-bottom:14px;position:relative;padding-left:18px;font-size:17px;line-height:1.6}.career-buttons{display:flex;justify-content:space-between;margin:30px 300px 10px;gap:70px}.career-btn{flex:1;padding:12px 20px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .3s ease}.career-btn:hover{background-color:#88c040}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:0;border-radius:10px;max-width:100%;width:600px;position:relative;max-height:90vh;overflow-y:auto}.popup-close{position:absolute;top:10px;right:15px;font-size:35px;background:none;border:none;cursor:pointer;color:#333}.career-list-columns li:before{content:"✔";color:#88c040;position:absolute;left:0;top:2px;font-weight:700;font-size:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 992px){.career-header{margin-bottom:20px}.career-header h2{font-size:32px;margin-top:45px}.career-header p{font-size:16px;padding:0 20px;text-align:center}.career-info h3{font-size:22px}.career-buttons{gap:20px;margin:30px 10px 0}.career-list-columns li{font-size:16px}.popup-content{width:80%;padding:20px}.popup-close{font-size:35px;top:8px;right:14px}}@media (max-width: 768px){.career-list-columns{flex-direction:column;gap:0px}.career-page{padding:60px 20px 0}.career-header{margin-bottom:10px}.career-body{padding:20px 0}.career-list-columns ul{width:100%;padding:0 20px}.career-info p{padding:0 10px}.career-buttons{padding:0;gap:20px;margin:30px 10px 0}.popup-content{width:95%;padding:0;border-radius:8px}.popup-close{font-size:35px;top:2px;right:10px}}@media (max-width: 600px){.career-header h2{font-size:28px;margin-top:18px}.career-page{padding:60px 20px 0}.career-header p{font-size:15px;padding:0 15px}.career-info{padding:20px 0 0}.career-info h3{font-size:20px}.career-list-columns li{font-size:15px;padding-left:22px}.career-list-columns li:before{font-size:14px;left:0}}.career-page{padding:25px 0 0;font-family:Segoe UI,sans-serif;margin-top:0}.career-form{flex:1;min-width:320px;max-width:700px;margin:0 auto;padding:0 30px 30px;border-radius:8px;animation:slideInRight .8s ease}.career-form h3{color:#7fbf3f;font-size:22px;text-align:center}.career-form input,.career-form textarea{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;font-size:15px}.career-form textarea{resize:vertical;height:90px;margin-bottom:0}.form-row input[type=text],.form-row input[type=file],.form-row button{flex:1;min-width:120px}@media (max-width: 1024px){.form-row{flex-direction:row;gap:10px;flex-wrap:wrap;margin-top:14px}.career-page{padding:10px 0 0}.career-form{padding:0 30px}.career-form h3{margin-bottom:20px}.form-row input[type=text],.form-row input[type=file],.form-row button{width:100%;min-width:150px;margin-top:0}.form-row button{margin-top:-21px}}@media (max-width: 768px){.career-page{padding:15px 15px 0}.button{max-width:280px}.career-form{padding:0 0 20px}.career-form h3{font-size:20px;margin-bottom:16px}.career-form input,.career-form textarea{font-size:14px;padding:10px;margin-bottom:16px}.career-form textarea{height:80px}.form-row{flex-direction:column;gap:10px}.form-row input[type=text],.form-row input[type=file],.form-row button{width:100%;margin-top:0}.form-row button{width:100%;padding:12px;font-size:16px;margin-top:10px}}.job-page{padding:25px 0 0;font-family:Segoe UI,sans-serif;margin-top:0}.job-form{flex:1;min-width:320px;max-width:700px;margin:0 auto;padding:0 30px 30px;border-radius:8px;animation:slideInRight .8s ease}.job-form h3{color:#7fbf3f;font-size:22px;text-align:center}.job-form input,.job-form textarea{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;font-size:15px}.job-form input.phone{margin-bottom:0}.job-form textarea{resize:vertical;height:90px;margin-bottom:0}.form-row{display:flex;gap:20px;flex-wrap:wrap}.form-row input[type=text],.form-row input[type=file],.form-row input[type=number],.form-row button{flex:1;min-width:120px}.form-row input{margin-top:20px}.form-row button{padding:14px 20px;border:none;font-weight:700;border-radius:4px;cursor:pointer;width:40%;align-self:center;background-color:#7fbf3f;color:#fff;transition:background-color .3s ease}.form-row button:hover{background-color:#8fdb51}@media (max-width: 1024px){.form-row{flex-direction:row;gap:10px;flex-wrap:wrap}.job-page{padding:10px 0 0}.form-row input[type=text],.form-row input[type=file],.form-row input[type=number],.form-row button{width:100%;min-width:150px;margin-top:0}.form-row button{margin-top:-21px}.job-form{padding:0 30px}.job-form input.phone{margin-bottom:20px}}@media (max-width: 768px){.form-row{flex-direction:column;gap:10px}.job-page{padding:10px 0 0}.button{max-width:280px}.job-form{padding:0 20px 20px}.form-row input[type=text],.form-row input[type=file],.form-row button{width:100%;min-width:unset;margin-top:0}.form-row button{width:100%;padding:12px;font-size:16px;margin-top:10px}.job-form h3{font-size:20px;margin-bottom:16px}.job-form input,.job-form textarea{font-size:14px;padding:10px;margin-bottom:16px}.job-form textarea{height:80px}.form-row input[type=text],.form-row input[type=file],.form-row button{width:100%;margin-top:0}.job-form input.phone{margin-bottom:20px}}.contact-page{padding:60px 20px;font-family:Segoe UI,sans-serif;margin-top:70px;color:#333}.contact-header{text-align:center;margin-bottom:50px;animation:fadeIn 1s ease-in-out}.contact-header h2{color:#88c040;font-size:42px;margin-bottom:12px;font-weight:700}.contact-header p{font-size:18px;color:#555;text-align:center}.contact-body{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;align-items:flex-start}.contact-form{flex:1 1 500px;background:#ffffff;padding:20px 30px;border-radius:15px;box-shadow:0 6px 25px #0000001a;animation:slideInLeft .8s ease}.input-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.contact-form input,.contact-form textarea{width:100%;padding:14px 18px;font-size:16px;border:1px solid #ccc;border-radius:10px;transition:all .3s ease;background:#fdfdfd}.contact-form input:focus,.contact-form textarea:focus{border-color:#3e8e41;box-shadow:0 0 8px #7ebf3f4d;outline:none}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{background-color:#fff;color:#000;border:1px solid;display:flex;justify-content:center;padding:14px 28px;font-size:16px;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-button-container{display:flex;justify-content:center;margin-top:20px}.contact-form button:hover{background-color:#29a42f;transform:scale(1.05)}.contact-details{flex:1 1 300px;background:#ffffff;padding:35px 30px;border-radius:20px;box-shadow:0 6px 25px #0000001a;animation:slideInRight .8s ease}.contact-details h3{margin-bottom:25px;color:#88c040;font-size:26px;font-weight:600}.contact-details ul{list-style:none;padding:0}.contact-details li{margin-bottom:20px;font-size:16px;display:flex;align-items:flex-start;line-height:1.5}.popup-box{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:#4bb543;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;box-shadow:0 4px 10px #0003;z-index:9999;animation:fadeInOut 3s ease-in-out}.popup-box.error{background-color:#e74c3c}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@media (max-width: 768px){.contact-body{flex-direction:column}.contact-page{padding:60px 20px 30px}.contact-details{padding:35px 30px 0}.contact-form,.contact-details{width:100%;flex:1 1 295px}.contact-header h2{font-size:32px}.contact-header p{font-size:16px;text-align:center}.contact-form button{align-self:center}}@media (max-width: 480px){.contact-form input,.contact-form textarea{font-size:15px}.contact-form button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.page-container{padding:80px 20px;min-height:80vh;background-color:#fff;color:#000;font-family:Arial,sans-serif}.page-container h2{color:#88c040;font-size:32px;margin-bottom:20px}.page-container p{font-size:18px;line-height:1.6}.operation-container{max-width:1380px;margin:130px auto 0;color:#000;font-family:Arial,sans-serif}.operation-title{color:#88c040;font-size:36px;text-align:center;margin-bottom:20px}.operation-box{display:flex;align-items:center;gap:20px;margin-bottom:40px;flex-wrap:wrap;background:#ffffff;border-radius:16px;box-shadow:0 8px 20px #00000012;padding:20px;animation:fadeInUp .6s ease-in-out}.operation-img{width:100%;max-width:420px;height:auto;min-height:310px;border-radius:12px;object-fit:cover;flex:1}.operation-content{flex:2;min-width:280px}.operation-content h2{color:#88c040;font-size:26px;margin-bottom:10px}.operation-content p{font-size:16px;line-height:1.7;margin-bottom:10px}@media (min-width: 769px) and (max-width: 1024px){.operation-box{flex-direction:column;align-items:center;text-align:center}.operation-title{margin-bottom:0}.operation-img{max-width:100%;max-height:300px}.operation-content{width:100%;padding:0 10px}.operation-content h2{font-size:24px}.operation-content p{font-size:15px}}@media (max-width: 768px){.operation-container{margin-top:100px}.operation-box{flex-direction:column;text-align:left;padding-top:10px}.operation-title{margin-bottom:0}.operation-img{max-width:100%;margin-bottom:0}.operation-content h2{font-size:22px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.aboutus-container{padding:135px 20px 0;max-width:1400px;margin:0 auto;color:#000;background:linear-gradient(135deg,#f0f9ff,#bde0bd);font-family:Segoe UI,sans-serif}.aboutus-hero{text-align:center;margin-bottom:60px}.aboutus-hero h1{font-size:48px;color:#88c040;margin-bottom:10px}.aboutus-hero p{font-size:18px;color:#000}.aboutus-section{margin-bottom:50px}.aboutus-section h2{font-size:32px;margin-bottom:15px;color:#88c040}.aboutus-section p{font-size:17px;color:#000;line-height:1.6}.industry-list{list-style-type:disc;padding-left:20px;color:#000}.industry-list li{margin-bottom:8px}.idesign-container{font-family:Segoe UI,sans-serif;padding:60px 20px;max-width:1380px;margin:70px auto 0;color:#222}.idesign-container h1{text-align:center;font-size:40px;color:#88c040;margin-bottom:30px;font-weight:700;position:relative}.idesign-container h1:after{content:"";display:block;width:80px;height:4px;background:#88c040;margin:10px auto 0;border-radius:2px}.idesign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.idesign-card{background:#ffffff;padding:35px;border-radius:16px;box-shadow:0 12px 24px #00000012;transition:transform .3s ease,box-shadow .3s ease;animation:slideFadeIn .6s ease both;border-left:6px solid #88c040}.idesign-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0000001a}.idesign-card h2{font-size:22px;color:#88c040;margin-bottom:12px;font-weight:600}.idesign-card p{font-size:16px;color:#444;line-height:1.6;margin-bottom:15px}.idesign-card ul{padding-left:20px;margin:0;list-style-type:none}.idesign-card li{font-size:15.5px;margin-bottom:8px;position:relative;padding-left:18px;color:#333}<<<<<<< HEAD .idesign-card li::before{content:"✔";position:absolute;left:0;color:#88c040;font-size:14px;======= @media (max-width: 992px) and (min-width: 769px) {.idesign-container {padding: 80px 30px 10px 30px; margin-top: 60px;} .idesign-container h1 {font-size: 28px; margin-bottom: 30px;} .idesign-card h2 {font-size: 20px;} .idesign-card p {font-size: 15px; text-align: justify;} .idesign-card li {font-size: 14px;}} @media (max-width: 768px) {.idesign-container {padding: 70px 15px 10px 15px; margin-top: 50px;} .idesign-container h1 {font-size: 25px; margin-bottom: 10px;} .idesign-grid {grid-template-columns: 1fr; gap: 20px;} .idesign-card {padding: 15px; text-align: justify;} .idesign-card h2 {font-size: 16px; margin-bottom: 10px;} .idesign-card p {font-size: 13px; text-align: justify;} .idesign-card li {font-size: 13.5px;} >>>>>>> 6f80972e2c36ce3cb7ea2e8c5b884444dbbfc827} @keyframes slideFadeIn {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 992px) {.idesign-container h1 {font-size: 32px;} .idesign-card h2 {font-size: 20px;} .idesign-card p,.idesign-card li {font-size: 15px;}} @media (max-width: 768px) {.idesign-container {padding: 40px 15px;} .idesign-container h1 {font-size: 26px; margin-bottom: 5px;} .idesign-card {padding: 25px;} .idesign-card h2 {font-size: 18px;} .idesign-card p,.idesign-card li {font-size: 14px;}} .iplanteng-container {font-family: "Segoe UI",sans-serif; padding: 60px 20px; max-width: 1380px; color: #222; margin: 70px auto 0px auto;} .iplanteng-container h1 {text-align: center; font-size: 42px; color: #88c040; margin-bottom: 30px; font-weight: 700; position: relative;} .iplanteng-container h1::after {content: ""; display: block; width: 80px; height: 4px; background: #88c040; margin: 10px auto 0; border-radius: 2px;} .iplanteng-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); gap: 40px;} .iplanteng-box {background: #ffffff; padding: 35px; border-radius: 16px; box-shadow: 0 12px 24px rgba(0,0,0,.07); transition: transform .3s ease,box-shadow .3s ease; animation: fadeInUp .6s ease both; border-left: 6px solid #88c040;} .iplanteng-box:hover {transform: translateY(-6px); box-shadow: 0 14px 30px rgba(0,0,0,.1);} .iplanteng-box h2 {font-size: 24px; color: #88c040; margin-bottom: 12px; font-weight: 600;} .iplanteng-box p {font-size: 16px; line-height: 1.6; color: #444; margin-bottom: 15px;} .iplanteng-box ul {padding-left: 20px; margin: 0; list-style-type: none;} .iplanteng-box li {font-size: 15.5px; margin-bottom: 8px; position: relative; padding-left: 18px; color: #333;} .iplanteng-box li::before {content: "✔"; position: absolute; left: 0; color: #88c040; font-size: 14px;} @keyframes fadeInUp {0% {opacity: 0; transform: translateY(20px);} 100% {opacity: 1; transform: translateY(0);}} @media (max-width: 992px) {.iplanteng-container h1 {font-size: 32px;} .iplanteng-box h2 {font-size: 20px;} .iplanteng-box p,.iplanteng-box li {font-size: 15px;}} @media (max-width: 768px) {.iplanteng-container {padding: 40px 15px;} .iplanteng-container h1 {<<<<<<< HEAD font-size: 26px; margin-bottom: 5px;} .iplanteng-box {padding: 25px;} .iplanteng-box h2 {font-size: 18px;} .iplanteng-box p,.iplanteng-box li {font-size: 14px; ======= font-size: 25px; margin-bottom: 0px;} .iplanteng-grid {grid-template-columns: 1fr; gap: 20px;} .iplanteng-box {padding: 15px; text-align: justify;} .iplanteng-box h2 {font-size: 16px; margin-bottom: 10px;} .iplanteng-box p {font-size: 13px; >>>>>>> 6f80972e2c36ce3cb7ea2e8c5b884444dbbfc827}} .irobotics-container {font-family: "Segoe UI",sans-serif; padding: 60px 20px; max-width: 1380px; margin: 70px auto 0px auto; color: #222;} .irobotics-container h1 {text-align: center; font-size: 40px; color: #88c040; margin-bottom: 30px; font-weight: 700; position: relative;} .irobotics-container h1::after {content: ""; display: block; width: 90px; height: 4px; background: #88c040; margin: 10px auto 0; border-radius: 2px;} .irobotics-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); gap: 40px;} .irobotics-card {background: #ffffff; padding: 35px; border-radius: 16px; box-shadow: 0 12px 24px rgba(0,0,0,.07); transition: transform .3s ease,box-shadow .3s ease; animation: fadeUp .6s ease both; border-left: 6px solid #88c040;} .irobotics-card:hover {transform: translateY(-6px); box-shadow: 0 14px 30px rgba(0,0,0,.1);} .irobotics-card h2 {font-size: 22px; color: #88c040; margin-bottom: 12px; font-weight: 600;} .irobotics-card p {font-size: 16px; color: #444; line-height: 1.6; margin-bottom: 15px;} .irobotics-card ul {padding-left: 20px; margin: 0; list-style-type: none;} .irobotics-card li {font-size: 15.5px; margin-bottom: 8px; position: relative; padding-left: 18px; color: #333;} <<<<<<< HEAD .irobotics-card li::before {content: "🤖"; position: absolute; left: 0; font-size: 14px;} @keyframes fadeUp {======= @media (max-width: 992px) and (min-width: 769px) {.irobotics-container {padding: 80px 30px 10px 30px; margin-top: 60px;} .irobotics-container h1 {font-size: 28px; margin-bottom: 30px;} .irobotics-card h2 {font-size: 20px;} .irobotics-card p {font-size: 15px;} .irobotics-card li {font-size: 14px;}} @media (max-width: 768px) {.irobotics-container {padding: 70px 15px 10px 15px; margin-top: 50px;} .irobotics-container h1 {font-size: 25px; margin-bottom: 10px;} .irobotics-grid {grid-template-columns: 1fr; gap: 20px;} .irobotics-card {padding: 15px; text-align: justify;} .irobotics-card h2 {font-size: 16px; margin-bottom: 10px;} .irobotics-card p {font-size: 13px; text-align: justify} .irobotics-card li {font-size: 13.5px;}} @keyframes fadeInUp {>>>>>>> 6f80972e2c36ce3cb7ea2e8c5b884444dbbfc827 from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 992px) {.irobotics-container h1 {font-size: 32px;} .irobotics-card h2 {font-size: 20px;} .irobotics-card p,.irobotics-card li {font-size: 15px;}} @media (max-width: 768px) {.irobotics-container {padding: 40px 15px;} .irobotics-container h1 {font-size: 26px; margin-bottom: 10px;} .irobotics-card {padding: 25px;} .irobotics-card h2 {font-size: 18px;} .irobotics-card p,.irobotics-card li {font-size: 14px;}}.AutoCAD-container {padding: 60px 20px 20px 20px; margin: 90px 0px 0px 70px; font-family: "Segoe UI",sans-serif; color: #333; max-width: 1380px; line-height: 1.7;} .AutoCAD-header {display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 50px; align-items: center; animation: slideInLeft 1s ease-out;} .AutoCAD-image {width: 100%; max-width: 500px; border-radius: 12px; box-shadow: 0 10px 20px rgba(0,0,0,.12); transition: transform .3s ease;} .AutoCAD-image:hover {transform: scale(1.03);} .AutoCAD-description {flex: 1; min-width: 320px;} .AutoCAD-description h1 {font-size: 38px; margin-bottom: 20px; color: #88c040;} .AutoCAD-section h2 {font-size: 28px; margin-bottom: 16px; color: #88c040;} .AutoCAD-section h3 {font-size: 20px; margin-bottom: 10px; color: #88c040;} .AutoCAD-highlight h2 {color: #88c040;} p {font-size: 16px; margin-bottom: 12px;} ul {padding-left: 20px; font-size: 16px;} li {margin-bottom: 10px; position: relative;} li::before {color: #2a7f62; margin-right: 8px;} .AutoCAD-section {background-color: #ffffff; padding: 0px 40px 10px 40px; border-radius: 12px; margin-bottom: 40px; box-shadow: 0 6px 12px rgba(0,0,0,.05);} .AutoCAD-highlight {background: linear-gradient(135deg,#f0f9ff,#caeeca); padding: 15px 30px 20px 30px; border-radius: 12px; box-shadow: 0 6px 12px rgba(0,0,0,.05);} .AutoCAD-benefits {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;} .benefit-card {flex: 1; min-width: 260px; padding: 25px; border-radius: 10px; box-shadow: 0 8px 16px rgba(0,0,0,.08); transition: transform .3s ease;} .benefit-card:hover {transform: translateY(-5px);} .fade-in {animation: fadeIn 1.2s ease;} @keyframes fadeIn {from {opacity: 0; transform: translateY(30px);} to {opacity: 1; transform: translateY(0);}} @keyframes slideInLeft {from {opacity: 0; transform: translateX(-40px);} to {opacity: 1; transform: translateX(0);}} @media (max-width: 1024px) {.AutoCAD-container {margin-left: auto; margin-right: auto; padding: 21px 25px;} .AutoCAD-header {flex-direction: column; align-items: flex-start; margin-bottom: 10px;} .AutoCAD-image {max-width: 100%; max-height: 300px;} .AutoCAD-description {width: 100%;} .AutoCAD-description h1 {font-size: 32px; margin-bottom: 0px;} .AutoCAD-section h2 {font-size: 24px; margin-bottom: 0px;} .AutoCAD-section h3 {font-size: 18px;} p,li {font-size: 16px; text-align: justify;} .AutoCAD-benefits {flex-direction: column; gap: 20px;} .benefit-card {width: 100%;}} @media (max-width: 768px) {.AutoCAD-container {margin-left: 20px; padding: 30px 15px;} .AutoCAD-header {flex-direction: column; align-items: flex-start;} .AutoCAD-description {width: 100%;} .AutoCAD-benefits {flex-direction: column;} .benefit-card {width: 100%;} .AutoCAD-description h1 {font-size: 28px; margin-bottom: 0px;} .AutoCAD-section h2 {font-size: 22px; padding-top: 10px; margin-bottom: 0px;} .AutoCAD-section h3 {font-size: 16px;} p,li {font-size: 15px; text-align: justify;}} @media (max-width: 480px) {.AutoCAD-container {margin-left: 0; padding-bottom: 0px; padding-top: 5px;} .AutoCAD-header {gap: 20px;} h1 {font-size: 24px;} h2 {font-size: 20px;} .AutoCAD-highlight,.AutoCAD-section {padding: 0px 10px 20px 10px; margin-bottom: 20px;}} .CATIA-container {font-family: "Segoe UI",sans-serif; padding: 130px 20px 60px 20px; max-width: 1380px; margin: auto; color: #222;} .CATIA-header {display: flex; flex-wrap: wrap; align-items: center; gap: 30px; margin-bottom: 60px;} .CATIA-image {flex: 1 1 400px; max-width: 450px; height: auto; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,.1);} .CATIA-description {flex: 1 1 500px;} .CATIA-description h1 {font-size: 36px; color: #88c040; margin-bottom: 20px;} .CATIA-description p {font-size: 16px; line-height: 1.6; color: #444; margin-bottom: 15px;} .CATIA-grid {display: grid; grid-template-columns: repeat(2,1fr); gap: 40px;} .CATIA-section {background: #ffffff; padding: 30px; border-radius: 12px; box-shadow: 0 10px 24px rgba(0,0,0,.06); animation: fadeInUp .6s ease both; border-left: 6px solid #88c040;} .CATIA-section h2 {font-size: 24px; color: #88c040; margin-bottom: 12px; font-weight: 600;} .CATIA-section p {font-size: 16px; color: #444; margin-bottom: 12px;} .CATIA-section ul {padding-left: 20px; margin: 0; list-style-type: none;} .CATIA-section li {font-size: 15.5px; margin-bottom: 8px; position: relative; padding-left: 18px; color: #333;} .CATIA-section li::before {content: "✔"; position: absolute; left: 0; color: #88c040; font-size: 14px;} @keyframes fadeInUp {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 992px) {.CATIA-container {padding-top: 110px;} .CATIA-image {max-width: 750px; max-height: 300px;} .CATIA-description h1 {font-size: 28px; margin-bottom: 0px;} .CATIA-header {margin-bottom: 10px;} .CATIA-grid {grid-template-columns: repeat(2,1fr); gap: 30px;} .CATIA-section h2 {font-size: 20px;} .CATIA-section p,.CATIA-section li {font-size: 15px;}} @media (max-width: 768px) {.CATIA-container {padding-top: 100px; padding-bottom: 20px;} .CATIA-header {flex-direction: column; text-align: center; gap: 0px; margin-bottom: 0px;} .CATIA-description h1 {font-size: 24px;} .CATIA-grid {grid-template-columns: 1fr; gap: 30px;} .CATIA-image {max-width: 100%; margin-bottom: 20px; max-height: 300px;} .CATIA-section {padding: 25px;} .CATIA-section h2 {font-size: 18px;} .CATIA-section p,.CATIA-section li {font-size: 14px;}} .SolidWork-container {font-family: "Segoe UI",sans-serif; color: #333; padding: 40px 20px; margin-top: 90px; max-width: 1380px; margin-left: auto; margin-right: auto; animation: fadeSlideIn .8s ease-in-out;} .solidwork-hero {position: relative; text-align: center; margin-bottom: 40px; animation: slideInLeft 1s ease-out;} .solidwork-hero-img {width: 100%; height: 300px; object-fit: cover; border-radius: 10px; filter: brightness(.6);} .solidwork-hero-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center;} .solidwork-hero-text h1 {color: black; font-size: 36px; margin-bottom: 10px;} .solidwork-text h2 {color: #88c040;} .solidwork-text h3 {color: #88c040;} .solidwork-intro {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 40px;} .solidwork-content {display: flex; flex-wrap: wrap; gap: 30px; align-items: flex-start;} .solidwork-text {flex: 1; min-width: 300px;} .solidwork-image-right {flex: 1; max-width: 500px; width: 100%; border-radius: 10px; box-shadow: 0 8px 20px rgba(0,0,0,.1);} .feature-list {list-style: none; padding-left: 0;} .feature-list li {margin: 10px 0; font-size: 16px;} .solidwork-cta {background: linear-gradient(135deg,#f0f9ff,#caeeca); text-align: justify; padding: 40px 20px; border-radius: 10px; margin-top: 40px;} .solidwork-cta h2 {color: black; font-size: 28px; margin-bottom: 10px;} .learn-more-btn {margin-top: 20px; background-color: #0277bd; color: #fff; padding: 12px 24px; border: none; border-radius: 25px; font-size: 16px; cursor: pointer; transition: background-color .3s ease;} .learn-more-btn:hover {background-color: #015c8f;} @media (max-width: 992px) {.solidwork-hero-text h1 {font-size: 28px;} .solidwork-content {flex-direction: column; align-items: center;} .solidwork-text,.solidwork-image-right {width: 100%;} .solidwork-cta h2 {font-size: 24px;}} @media (max-width: 600px) {.SolidWork-container {padding: 25px 15px;} .solidwork-hero-img {height: 200px;} .solidwork-hero-text h1 {font-size: 22px;} .solidwork-cta h2 {font-size: 20px;} .learn-more-btn {width: 100%; font-size: 15px; padding: 10px 0;}} @keyframes slideInLeft {from {opacity: 0; transform: translateX(-40px);} to {opacity: 1; transform: translateX(0);}} .CREO-container {font-family: "Segoe UI",sans-serif; padding: 120px 20px 60px 20px; max-width: 1380px; margin: auto; color: #222;} .creo-title {font-size: 36px; color: #88c040; text-align: center; margin-bottom: 20px;} .creo-intro {background-color: #ffffff; border-left: 6px solid #88c040; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,.06); padding: 30px; margin-bottom: 60px;} .creo-intro-content {display: flex; flex-wrap: wrap; gap: 30px; align-items: center;} .creo-image {flex: 1 1 400px; max-width: 450px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.1);} .creo-text {flex: 1 1 500px;} .creo-text h2 {font-size: 28px; color: #88c040; margin-bottom: 12px;} .creo-text h3 {font-size: 20px; color: #555; margin: 20px 0 10px;} .creo-text p {font-size: 16px; line-height: 1.6; color: #444; margin-bottom: 15px;} .creo-text ul {padding-left: 20px; list-style-type: none;} .creo-text li {font-size: 15.5px; line-height: 1.5; margin-bottom: 8px;} .creo-grid {display: grid; grid-template-columns: repeat(2,1fr); gap: 40px;} .creo-section {background: #ffffff; padding: 30px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,.05); border-left: 6px solid #88c040; animation: fadeInUp .6s ease both; transition: transform .3s ease;} .creo-section:hover {transform: translateY(-5px);} .creo-section h2 {font-size: 22px; color: #88c040; margin-bottom: 12px; display: flex; align-items: center; gap: 10px;} .icon {color: #88c040; font-size: 20px;} .creo-section p {font-size: 15.5px; color: #444; margin-bottom: 12px;} .creo-section ul {padding-left: 20px; list-style-type: none;} .creo-section li {font-size: 15px; margin-bottom: 8px; color: #333;} @keyframes fadeInUp {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 992px) {.CREO-container {padding-bottom: 20px;} .creo-image {max-width: 100%; max-height: 300px;} .creo-intro {padding-top: 10px; margin-bottom: 20px;} .creo-title {font-size: 28px; margin-bottom: 0px;} .creo-grid {grid-template-columns: repeat(2,1fr); gap: 30px;} .creo-text h2 {font-size: 22px; margin-bottom: 0px;} .creo-section h2 {font-size: 20px;}} @media (max-width: 768px) {.CREO-container {padding: 100px 15px 40px 15px;} .creo-intro {padding: 10px 30px 0px 30px; margin-bottom: 10px;} .creo-intro-content {flex-direction: column; text-align: center;} .creo-grid {grid-template-columns: 1fr; gap: 30px;} .creo-image {max-width: 100%; max-height: 200px;} .creo-section {padding: 25px;} .creo-section h2 {font-size: 18px;} .creo-section p,.creo-section li {font-size: 14px;}} .Tekla-container {max-width: 1380px; margin: auto; padding: 120px 20px 60px 20px; font-family: "Segoe UI",sans-serif; color: #333; line-height: 1.7;} .tekla-hero {display: flex; align-items: center; gap: 40px; background: linear-gradient(to bottom right,#a3e635,#4ade80); border-radius: 20px; padding: 40px; box-shadow: 0 15px 30px rgba(0,0,0,.05); margin-bottom: 40px; flex-wrap: wrap;} .tekla-hero-grid {display: flex; flex-direction: row; align-items: center;} .tekla-image-wrapper {flex: 1; min-width: 300px; max-width: 500px;} .tekla-image {width: 100%; height: auto; border-radius: 16px; object-fit: contain;} .tekla-description {flex: 1; min-width: 300px; color: #1f2937;} .tekla-description h1 {font-size: 35px; color: #65a30d; margin-bottom: 15px;} .tekla-description p {font-size: 18px; color: #374151; line-height: 1.6; margin-bottom: 20px;} .tekla-key-features {background-color: #ffffff; padding: 25px 30px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,.06); border-left: 6px solid #88c040; animation: fadeInUp .6s ease both; transition: transform .3s ease;} .tekla-key-features h3 {font-size: 22px; color: #88c040; margin-bottom: 15px;} .tekla-key-features ul {padding-left: 20px; margin: 0;} .tekla-key-features li {font-size: 16px; margin-bottom: 10px; list-style-type: disc; color: #333;} .tekla-features-box {background-color: #ffffff; padding: 25px 30px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,.06); border-left: 6px solid #88c040; animation: fadeInUp .6s ease both; transition: transform .3s ease;} @keyframes fadeInUp {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 768px) {.Tekla-container {padding: 80px 15px 19px 15px;} .tekla-hero {flex-direction: column; padding: 30px 20px; text-align: center;} .tekla-description h1 {margin-bottom: 0px;} .tekla-hero-grid {flex-direction: column; align-items: center;} .tekla-image-wrapper {min-width: 100%; max-width: 100%;} .tekla-description {min-width: 100%;} .tekla-description h1 {font-size: 26px;} .tekla-description p {font-size: 15px;} .tekla-key-features,.tekla-features-box {padding: 18px;} .tekla-key-features h3 {font-size: 20px;} .tekla-key-features li {font-size: 15px;}} .Plant3D-container {max-width: 1380px; margin: auto; padding: 120px 20px 60px 20px; font-family: "Segoe UI",sans-serif; color: #333; line-height: 1.7;} .plant3d-hero-grid {display: flex; align-items: center; gap: 40px; flex-wrap: wrap; margin-bottom: 40px;} .plant3d-image-wrapper {flex: 1; min-width: 300px; max-width: 500px;} .plant3d-image {width: 100%; height: auto; border-radius: 12px; object-fit: cover; box-shadow: 0 8px 24px rgba(0,0,0,.08); transition: transform .3s ease;} .plant3d-image:hover {transform: scale(1.05);} .plant3d-description {flex: 1; min-width: 300px;} .plant3d-description h1 {font-size: 36px; color: #88c040; margin-bottom: 20px;} .plant3d-description p {font-size: 18px; color: #444; line-height: 1.6; margin-bottom: 20px;} .plant3d-features-box {background-color: #ffffff; padding: 25px 30px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,.06); border-left: 6px solid #88c040; animation: fadeInUp .6s ease both; transition: transform .3s ease;} .plant3d-features-box h3 {font-size: 22px; color: #88c040; margin-bottom: 15px;} .plant3d-features-box ul {padding-left: 20px; margin: 0;} .plant3d-features-box li {font-size: 16px; margin-bottom: 10px; list-style-type: disc; color: #333;} @keyframes fadeInUp {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 768px) {.Plant3D-container {padding: 80px 20px 40px 20px;} .plant3d-hero-grid {flex-direction: column; align-items: center; gap: 10px;} .plant3d-description {text-align: center; padding: 0 10px;} .plant3d-description h1 {font-size: 26px;} .plant3d-description p {font-size: 16px; text-align: justify;} .plant3d-features-box {margin-top: 20px; width: 100%; max-width: 720px;} .plant3d-features-box h3 {font-size: 20px; text-align: center;} .plant3d-features-box ul {padding-left: 18px;} .plant3d-features-box li {font-size: 15px;}} @media (max-width: 480px) {.Plant3D-container {padding: 100px 15px 30px 15px;} .plant3d-description h1 {font-size: 22px; margin-bottom: 0px;} .plant3d-image {max-height: 300px;} .plant3d-description p {font-size: 15px; margin-bottom: 0px;} .plant3d-features-box {padding: 20px;} .plant3d-features-box h3 {font-size: 18px;} .plant3d-features-box li {font-size: 14px;}}.NX-container {max-width: 1380px; margin: 130px 120px 20px 120px; font-family: "Segoe UI",sans-serif; color: #2d2d2d; line-height: 1.7;} .nx-hero {display: flex; flex-wrap: wrap; align-items: center; gap: 40px; margin-bottom: 20px;} .nx-image {flex: 1; max-width: 480px; width: 100%; border-radius: 14px; box-shadow: 0 12px 30px rgba(0,0,0,.2);} .nx-intro {flex: 2; min-width: 320px; text-align: left;} .nx-intro h1 {font-size: 36px; color: #88c040; margin-bottom: 20px;} .nx-intro p {font-size: 17px; margin-bottom: 20px;} .nx-intro ul {padding-left: 20px; margin-bottom: 20px;} .nx-intro ul li {margin-bottom: 10px; list-style: none; font-size: 16px;} .nx-details h2 {font-size: 28px; margin-bottom: 0px; color: #88c040;} .nx-details p {font-size: 16px; margin-bottom: 30px;} .nx-benefits-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 30px;} .nx-benefit {background-color: #f4f9fc; border-left: 5px solid #88c040; padding: 20px; border-radius: 12px; transition: transform .3s ease;} .nx-benefit:hover {transform: translateY(-5px);} .nx-benefit h3 {font-size: 20px; margin-bottom: 10px; color: #88c040;} .nx-benefit p {font-size: 15px; color: #444;} @media (max-width: 1024px) and (min-width: 769px) {.NX-container {margin: 110px 40px 30px 40px;} .nx-image {max-width: 1300px; max-height: 350px;} .nx-hero {flex-direction: row; gap: 30px;} .nx-intro h1 {font-size: 30px; margin-bottom: 0px;} .nx-intro p,.nx-intro ul li {font-size: 15.5px;} .nx-benefit h3 {font-size: 18px;} .nx-benefit p {font-size: 14.5px;}} @media (max-width: 768px) {.NX-container {margin: 95px 20px 30px 20px;} .nx-hero {flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 0px;} .nx-image {max-width: 100%; border-radius: 12px;} .nx-intro h1 {font-size: 24px; text-align: left; margin-bottom: 0px;} .nx-intro p,.nx-intro ul li {font-size: 15px;} .nx-details h2 {font-size: 22px;} .nx-details p {font-size: 14.5px;} .nx-benefits-grid {grid-template-columns: 1fr; gap: 20px;} .nx-benefit {padding: 15px;} .nx-benefit h3 {font-size: 17px;} .nx-benefit p {font-size: 14px;}} * {margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins",sans-serif;} body {background-color: #f8f9fa; color: #212529;} .banner-container {width: 100%; height: 100%; margin-top: 100px; overflow: hidden; position: relative; background-color: #e9ecef; display: flex; align-items: center; justify-content: center;} .banner-image {width: 100%; height: 100%; object-fit: cover; object-position: center;} @media (max-width: 1024px) {.banner-container {height: 45vh;}} .privacy-policy-container {width: 100%; margin: 0px auto; padding: 20px 30px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,.05);} .privacy-policy-container h2 {color: #2c3e50; margin: 0px 0 10px; font-size: 1.8rem; border-left: 4px solid #1abc9c; padding-left: 10px;} .privacy-policy-container p {font-size: 1rem; line-height: 1.8; color: #444; margin-bottom: 20px;} .privacy-policy-container a {color: #1abc9c; text-decoration: none;} .privacy-policy-container a:hover {text-decoration: underline;} .privacy-text {white-space: normal; font-size: 1rem; color: #333;} @media (max-width: 768px) {.privacy-policy-container {padding: 0px 15px; margin: 0px 0px;} .banner-container {height: 100%; margin-top: 85px;} .banner-image {object-position: center top;} .banner-container {height: 180px;} .privacy-policy-container h2 {font-size: 1.5rem;} .privacy-policy-container p {font-size: .95rem;}} @media (max-width: 480px) {.banner-container {height: 100%;} .banner-image {object-position: center top;}} * {margin: 0; padding: 0; box-sizing: border-box;} body {font-family: "Poppins",sans-serif; background-color: #fff; color: #333; line-height: 1.6;} .banner-container {width: 100%; overflow: hidden;} .banner-image {width: 100%; height: auto; object-fit: cover; max-height: 300px;} .terms-container {max-width: 100%; margin: 0 auto; padding: 40px 30px;} .terms-text h1 {font-size: 2rem; color: #003366; margin-bottom: 20px; font-weight: 600;} .terms-text h2 {font-size: 1.4rem; margin-top: 30px; margin-bottom: 10px; color: #0055a5; border-left: 4px solid #003366; padding-left: 12px; font-weight: 500;} .terms-text p {font-size: 1rem; color: #444; margin-bottom: 15px;} .terms-text ul {margin-left: 20px; margin-bottom: 20px;} .terms-text ul li {margin-bottom: 8px; font-size: 1rem; color: #444; list-style-type: disc;} .terms-text a {color: #0055a5; text-decoration: none;} .terms-text a:hover {text-decoration: underline;} @media (max-width: 1024px) {.terms-container {padding: 30px 20px;} .banner-container {height: 100%;} .terms-text h1 {font-size: 1.8rem;} .terms-text h2 {font-size: 1.3rem;} .terms-text p,.terms-text ul li {font-size: .95rem;}} @media (max-width: 768px) {.banner-image {max-height: 220px;} .terms-container {padding: 25px 20px;} .terms-text h1 {font-size: 1.6rem;} .terms-text h2 {font-size: 1.2rem;} .terms-text p,.terms-text ul li {font-size: .92rem;}} @media (max-width: 480px) {.banner-image {max-height: 180px;} .terms-container {padding: 20px 10px;} .terms-text h1 {font-size: 1.4rem;} .terms-text h2 {font-size: 1.1rem; padding-left: 8px;} .terms-text p,.terms-text ul li {font-size: .88rem;}}.ElectricalCAD-container {padding: 60px 20px; margin: 90px 0px 0px 70px; font-family: "Segoe UI",sans-serif; color: #333; max-width: 1380px; line-height: 1.7;} .ElectricalCAD-header {display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 50px; align-items: center; animation: slideInLeft 1s ease-out;} .ElectricalCAD-image {width: 100%; max-width: 500px; border-radius: 12px; box-shadow: 0 10px 20px rgba(0,0,0,.12); transition: transform .3s ease;} .ElectricalCAD-image:hover {transform: scale(1.03);} .ElectricalCAD-description {flex: 1; min-width: 320px;} .ElectricalCAD-container h1 {font-size: 38px; margin-bottom: 20px; color: #88c040;} .ElectricalCAD-container h2 {font-size: 28px; margin-bottom: 16px; color: #88c040;} .ElectricalCAD-container h3 {font-size: 20px; margin-bottom: 10px; color: #176087;} .ElectricalCAD-container p {font-size: 16px; margin-bottom: 12px;} .ElectricalCAD-container ul {padding-left: 20px; font-size: 16px;} .ElectricalCAD-container li {margin-bottom: 10px; position: relative;} .ElectricalCAD-container li::before {color: #2a7f62; margin-right: 8px;} .ElectricalCAD-section {background-color: #ffffff; padding: 40px; border-radius: 12px; margin-bottom: 40px; box-shadow: 0 6px 12px rgba(0,0,0,.05);} .ElectricalCAD-highlight {background: linear-gradient(135deg,#f0f9ff,#caeeca); padding: 10px 30px 20px 30px; border-radius: 12px; box-shadow: 0 6px 12px rgba(0,0,0,.05);} .ElectricalCAD-benefits {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;} .benefit-card {flex: 1; min-width: 260px; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 8px 16px rgba(0,0,0,.08); transition: transform .3s ease;} .benefit-card:hover {transform: translateY(-5px);} .ElectricalCAD-section.fade-in {width: 100%; max-width: 1340px; margin: 0 0; padding: 30px 20px; box-sizing: border-box; animation: fadeIn .6s ease-in-out;} .fade-in {animation: fadeIn 1.2s ease;} @keyframes fadeIn {from {opacity: 0; transform: translateY(30px);} to {opacity: 1; transform: translateY(0);}} @keyframes slideInLeft {from {opacity: 0; transform: translateX(-40px);} to {opacity: 1; transform: translateX(0);}} @media (max-width: 1024px) {.ElectricalCAD-container {margin-left: auto; margin-right: auto; padding: 20px 25px 20px 25px;} .ElectricalCAD-header {flex-direction: column; align-items: flex-start; margin-bottom: 10px;} .ElectricalCAD-image {max-width: 100%; margin-bottom: 0px;} .ElectricalCAD-description {width: 100%;} .ElectricalCAD-container h1 {font-size: 32px; margin-bottom: 0px;} .ElectricalCAD-container h2 {font-size: 24px; margin-bottom: 0px;} .ElectricalCAD-container h3 {font-size: 18px;} .ElectricalCAD-container p,.ElectricalCAD-container li {font-size: 16px; text-align: justify;} .ElectricalCAD-benefits {flex-direction: column; gap: 20px;} .benefit-card {width: 100%;}} @media (max-width: 768px) {.ElectricalCAD-container {margin-left: 20px; padding: 30px 15px;} .ElectricalCAD-header {flex-direction: column; align-items: flex-start;} .ElectricalCAD-description {width: 100%;} .ElectricalCAD-benefits {flex-direction: column;} .benefit-card {width: 100%;} .ElectricalCAD-container h1 {font-size: 28px;} .ElectricalCAD-container h2 {font-size: 22px;} .ElectricalCAD-container h3 {font-size: 16px;} .ElectricalCAD-container p,.ElectricalCAD-container li {font-size: 15px; text-align: justify;}} @media (max-width: 480px) {.ElectricalCAD-container {margin-left: 0; padding: 5px 10px 20px 10px;} .ElectricalCAD-header {gap: 20px; margin-bottom: 0px;} .ElectricalCAD-highlight,.ElectricalCAD-section {padding: 10px 15px 25px 15px;} .ElectricalCAD-container h1 {font-size: 24px; margin-bottom: 0px;} .ElectricalCAD-container h2 {font-size: 20px; margin-bottom: 0px;}}.SuccessStory-container {padding: 60px 20px; margin: 80px auto; max-width: 1200px; background: linear-gradient(135deg,#fdfcfb,#e2d1c3); font-family: "Segoe UI",sans-serif;} .SuccessStory-header {display: flex; justify-content: center; align-items: center; animation: fadeIn 1s ease;} .SuccessStory-image {width: 100%; max-width: 600px; border-radius: 10px; box-shadow: 0 8px 16px rgba(0,0,0,.1);} @keyframes fadeIn {from {opacity: 0; transform: translateY(30px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 768px) {.SuccessStory-container {padding: 40px 15px; margin: 60px auto;} .SuccessStory-image {max-width: 100%;}}.Testimonials-container {padding: 60px 20px; margin: 80px auto; max-width: 1200px; background: linear-gradient(135deg,#f0f9ff,#d0e8f2); font-family: "Segoe UI",sans-serif;} .Testimonials-header {display: flex; justify-content: center; align-items: center; animation: fadeIn 1s ease;} .Testimonials-image {width: 100%; max-width: 600px; border-radius: 10px; box-shadow: 0 8px 16px rgba(0,0,0,.1);} @keyframes fadeIn {from {opacity: 0; transform: translateY(30px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 768px) {.Testimonials-container {padding: 40px 15px; margin: 60px auto;} .Testimonials-image {max-width: 100%;}}.Cancelation-container {padding: 60px 20px; margin: 80px auto; max-width: 1200px; background: linear-gradient(135deg,#fff0f5,#ffe4e1); font-family: "Segoe UI",sans-serif;} .Cancelation-header {display: flex; justify-content: center; align-items: center; animation: fadeIn 1s ease;} .Cancelation-image {width: 100%; max-width: 600px; border-radius: 10px; box-shadow: 0 8px 16px rgba(0,0,0,.1);} @keyframes fadeIn {from {opacity: 0; transform: translateY(30px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 768px) {.Cancelation-container {padding: 40px 15px; margin: 60px auto;} .Cancelation-image {max-width: 100%;}}}}