.navbar{z-index:1000;background-color:#a1b98c;justify-content:space-between;align-items:center;padding:12px 40px;display:flex;position:sticky;top:0}.navbar-left{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-icon{height:45px}.logo-text{height:40px}.navbar-menu{gap:30px;list-style:none;display:flex}.navbar-menu li{cursor:pointer;color:#364e0c;font-size:17px;font-weight:500;transition:all .3s}.navbar-menu li:hover{color:#d6d3c9;transform:scale(1.05)}section{scroll-margin-top:80px}.menu-icon{cursor:pointer;color:#364e0c;font-size:26px;display:none}@media (width<=768px){.navbar{padding:10px 20px}.menu-icon{display:block}.navbar-menu{background-color:#a1b98c;flex-direction:column;align-items:center;gap:20px;width:100%;padding:20px 0;display:none;position:absolute;top:65px;right:0}.navbar-menu.active{display:flex}}.dropdown{position:relative}.dropdown-menu{z-index:999;background-color:#a1b98c;border-radius:4px;flex-direction:column;min-width:180px;padding:10px 0;list-style:none;display:none;position:absolute;top:100%;left:0}.dropdown:hover .dropdown-menu{display:flex}.dropdown-menu li{color:#364e0c;cursor:pointer;padding:10px 20px;transition:all .2s}@media (width<=768px){.dropdown-menu{background-color:#a1b98c;width:100%;padding:0;display:none;position:static}.dropdown-menu.show{display:flex}.dropdown-menu li{text-align:center;width:100%;padding:12px 0}}.homepagemargin{width:calc(100% - 20px);margin:20px 10px;overflow:hidden}.homescreen{object-fit:cover;width:100%;height:75vh;display:block}.home-container{color:#2f2f2f;box-sizing:border-box;background-color:#edeae3;padding:40px 80px}.intro-text{margin-bottom:30px;font-size:20px;line-height:1.7}.section-title{text-align:center;margin-bottom:40px;font-size:28px;font-weight:600}.domain-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.domain-card{text-align:center;padding:20px}.icon{color:#6b733c;width:55px;height:55px;margin-bottom:15px}.domain-card h3{margin-bottom:10px;font-size:20px;font-weight:600}.domain-card p{color:#555;text-align:justify;text-justify:inter-word;letter-spacing:.3px;max-width:620px;margin:0 auto;font-size:18px;font-weight:400;line-height:1.9}@media (width<=768px){.homepagemargin{margin:10px}.home-container{padding:20px}.domain-grid{grid-template-columns:1fr}}.contact-section{color:#333;background-color:#edeae3;justify-content:space-between;gap:50px;padding:80px 100px;display:flex}.contact-left{background-color:#f5f3ee;border-radius:8px;flex-direction:column;gap:30px;width:40%;padding:30px;display:flex}.contact-item{flex-direction:column;gap:5px;display:flex}.contact-item strong{letter-spacing:1px;color:#6b733c;font-size:13px}.contact-item span{color:#444;font-size:15px;line-height:1.5}.contact-form{flex-direction:column;gap:15px;width:50%;display:flex}.contact-form input,.contact-form textarea{background-color:#ddd;border:none;padding:12px;font-family:inherit;font-size:14px}.contact-form button{color:#fff;letter-spacing:1px;cursor:pointer;background-color:#6b733c;border:none;margin-top:15px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.contact-form button:hover{background-color:#8a9450}@media (width<=768px){.contact-section{flex-direction:column;padding:40px 20px}.contact-left,.contact-form{width:100%}}.services-container{color:#2f2f2f;background-color:#edeae3;padding:40px 80px}.services-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.service-box{padding:20px}.service-box h2{color:#2f2f2f;margin-bottom:15px;font-size:24px;font-weight:600}.homepagemargin{margin-top:20px;margin-left:10px;margin-right:10px}.homescreen{object-fit:cover;width:100%;height:75vh}.service-box p{color:#555;font-size:20px;line-height:1.7}.service-box ul{padding-left:20px}.service-box li{color:#555;margin-bottom:8px;font-size:20px;line-height:1.7}.service-box li::marker{color:#6b733c}@media (width<=768px){.services-container{padding:20px}.services-grid{grid-template-columns:1fr}}.about-container{color:#2f2f2f;text-align:center;background-color:#edeae3;padding:40px 80px}.about-intro{margin-bottom:40px;font-size:20px;line-height:1.7}.about-title{margin:40px 0 15px;font-size:28px;font-weight:600}.about-text{margin-bottom:30px;font-size:20px;line-height:1.7}@media (width<=768px){.about-container{padding:20px}}.footer{text-align:center;background-color:#edeae3;padding:10px 0;font-family:Arial,sans-serif}.footer-line{background-color:#6b733c;width:80%;height:1px;margin:0 auto 8px}.footer-text{letter-spacing:2px;color:#6b733c;margin-bottom:4px;font-size:13px;font-weight:500}.footer-email{color:#6b733c;font-size:13px;text-decoration:none}.projects-grid{grid-template-columns:repeat(3,1fr);gap:60px 40px;display:grid}.project-card{text-align:center;flex-direction:column;align-items:center;display:flex}.image-wrapper{border-radius:8px;width:100%;height:240px;overflow:hidden}.project-card h3{color:#2f2f2f;margin:18px 0 12px;font-size:20px;font-weight:600}.project-card p{color:#555;text-align:justify;text-justify:inter-word;max-width:420px;font-size:15.5px;line-height:1.8}@media (width<=1024px){.projects-container{padding:60px 40px}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects-container{padding:40px 20px}.projects-grid{grid-template-columns:1fr}.project-card p{max-width:100%}}.projects-container{color:#2f2f2f;background-color:#edeae3;min-height:100vh;padding:80px 100px 120px}.projects-title{text-align:center;letter-spacing:1px;margin-bottom:80px;font-size:32px;font-weight:600}.projects-grids{grid-template-columns:repeat(2,1fr);gap:80px 60px;display:grid}.project-card{text-align:center;flex-direction:column;align-items:center;padding-bottom:30px;display:flex}.image-wrapper{border-radius:10px;width:100%;height:260px;margin-bottom:20px;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s,opacity .4s}.project-card:hover img{transform:scale(1.05)}.project-card h3{margin-bottom:15px;font-size:21px;font-weight:600}.project-card p{color:#555;text-align:justify;max-width:460px;margin-bottom:20px;font-size:15.5px;line-height:1.8}.fade-in{opacity:1}.fade-out{opacity:0}@media (width<=1024px){.projects-container{padding:60px 40px}.projects-grid{grid-template-columns:1fr;gap:60px}}@media (width<=768px){.projects-container{padding:40px 20px}.projects-grids{grid-template-columns:1fr;gap:50px}.project-card p{max-width:100%}}html,body{background-color:#edeae3;margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}