:root{--sw-color: #589805;--sw-bg-color: #DFF0D8;--recruit-color: #dc6803;--recruit-bg-color: #fef0c7}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#4f5260;-webkit-text-size-adjust:100%;line-height:1.5}body{font-family:Roboto;font-size:16px;font-weight:400;color:#4f5260;background-color:#fff;margin:0;padding:0;animation:2s ease-in-out 0s 1 FadeIn}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}img.background-image,picture.background-image{z-index:-4;position:absolute!important;top:0;left:0;height:100%;width:100%;object-fit:cover}#hero:before{margin:1px}h3{display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}h2{display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}h4{display:block;margin-block-start:1.33em;margin-block-end:1.33em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}:focus-visible{outline:2px dotted #292c3d}h1{font-size:57.8px;line-height:1.2;font-family:Roboto Slab;font-weight:700;margin:0}@media (min-width: 960px){h1{font-size:68px}}.padding-0{padding:0}@media screen and (min-width: 1200px){.WIDTH-LS-30{width:27%!important}}.WIDTH-100{width:100%}.MARGIN-TOP-20{margin-top:20px}section{margin-left:auto;margin-right:auto}a.button,div.button,button.button,input.button{background-color:#f58c1e;color:#fff;padding:10px 20px;text-decoration:none;transition:.1s ease-in-out;transition-property:color,background-color,background-position,background-size,border-color,box-shadow;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;background-origin:border-box;border:1px solid transparent;width:fit-content}a.button:hover,div.button:hover{background-color:#db7b16;border-color:transparent}a.clear-button{background-color:transparent;color:#f58c1e;border:1px solid #f58c1e;padding:10px 20px;text-decoration:none;transition:.1s ease-in-out;transition-property:color,border-color,box-shadow;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;background-origin:border-box;display:flex;align-items:center;gap:8px}a.clear-button svg path{fill:#f58c1e}a.clear-button:hover svg path{fill:#be6508}a.clear-button:hover{background-color:transparent;color:#be6508;border-color:#d6720a}@media screen and (min-width: 800px){section{max-width:1281px}.with-left-content{display:flex;justify-content:flex-start;align-items:center;gap:20px}}@media screen and (max-width: 800px){nav{overflow-wrap:anywhere}section{padding:0 2%}}.with-left-content div:nth-child(2){background-color:#f4f4f6;padding:20px;min-width:20%}footer{background-color:#12263a;display:flex;flex-wrap:wrap;padding:20px;width:100%;padding-bottom:15vh}footer .footer-container{display:flex;flex-wrap:wrap}footer .footer-logo{width:100%;padding:0!important}img.logo{object-fit:contain;margin-left:6px}footer a,footer a:visited{text-decoration:none}footer .footer-container ul,footer .footer-container li{padding:8px 0;color:#fff!important}footer a,footer a:visited{font-family:Roboto;font-style:normal;font-weight:400;color:#fff;text-transform:none;font-size:16px}footer ul{list-style:none;width:20vw;line-height:.5;margin:0}@media screen and (min-width: 800px){footer{justify-content:center}}@media screen and (max-width: 800px){footer ul{width:80vw}}footer ul:nth-child(3){left:40vw;top:22vh}#contact{line-height:1.5}@media screen and (min-width: 800px){footer #contact{border-left:1px solid #fff;width:10vw;padding-left:80px}}footer #contact li{margin:0;padding:0 10px}#contactModal input[type=text],#contactModal input[type=email],textarea{font-size:15px;margin-bottom:12px;margin-top:0;padding:8px}#contactModal label{display:inline-block;font-size:16px;font-weight:700;padding:0}footer h4{font-family:Roboto Slab;font-style:normal;font-weight:700;letter-spacing:1.8px;color:#fff9;font-size:14px}footer #contact h4{padding:0 10px}body:has(.modal[open]){overflow:hidden}dialog{padding:0;border:0;width:fit-content;box-shadow:0 5px 30px #0000001a;color:#4f5260;overflow:visible;transition:opacity .5s}dialog[open]{opacity:1}dialog::backdrop{background-color:#00181866}dialog .footer a,dialog .footer a:visited{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-container{display:flex;margin-top:2vw;flex-wrap:wrap;border-top:2px solid white;margin:auto;height:80vh;background-color:#fff;animation:fadeIn 1s ease both}.modal-container h2,.modal-container h3,.modal-container h4{margin:0}.modal-container svg path{fill:#fff}.modal-container .left{overflow:scroll;padding:0 25px;margin-bottom:0;background-color:#fff}@media screen and (min-width: 800px){.modal-container .left{height:100%;width:30%}}@media screen and (max-width: 800px){.modal-container .left{max-height:60%}}@media screen and (max-width: 800px){.modal-container .right{align-self:flex-end}}.modal-container h3{padding-top:15px}.modal-container .left h4{font-size:1rem;line-height:24px;font-style:normal}.modal-container .right{height:60%;overflow:hidden}@media screen and (min-width: 800px){.modal-container .right{width:60%;height:100%}}.modal-container .right img{height:100%}.modal-container .footer{width:100%;display:flex;justify-content:space-between;background-color:#202b28;color:#fff;padding:20px;border-top:2px solid white;align-self:flex-end;height:fit-content}@media screen and (max-width: 800px){footer{padding:0}footer .footer-container{padding:20px}}.modal-container .footer div:first-child{display:flex;justify-content:space-between;gap:20px}.modal-container .footer svg polyline,.modal-container .footer svg line{fill:#fff}#contactModal .left{max-height:100%;margin-bottom:1vh}.nodeco-href{text-decoration:inherit}.nodeco-href:visited{text-decoration:inherit;color:inherit}.line:before{content:"";position:absolute;top:calc(50% - ((.6px + .05em)/2));width:2000px;border-bottom:calc(.6px + .05em) solid #ebebed;right:100%;margin-right:calc(5px + .3em)}.line:after{content:"";position:absolute;top:calc(50% - ((.6px + .05em)/2));width:2000px;border-bottom:calc(.6px + .05em) solid #ebebed;left:100%;margin-left:calc(5px + .3em)}.cards ul{padding:0 40px}.cards ul img{width:90%}.cards h4{font-size:22px;line-height:1.4;color:#485753;font-family:roboto slab;font-weight:500;text-transform:uppercase;letter-spacing:1.8px}.cards li{display:flow-root;box-sizing:border-box;width:100%}.cards>ul>li{flex:1;text-align:justify}.cards>h3{width:100%;text-align:center;font-size:28px;line-height:1.4;color:#485753;font-family:Roboto Slab;font-weight:500;text-transform:uppercase}@media screen and (min-width: 950px){section{max-width:1281px;margin-left:auto;margin-right:auto}.with-left-content{display:flex;justify-content:flex-start;align-items:center;gap:20px}.cards{display:flex;flex-wrap:wrap;justify-content:space-between}.cards>ul{width:25%}}.products>ul{height:450px}.products ul{display:flex;flex-direction:column;justify-content:center}.products ul:nth-child(1 of ul){background-image:url(/images/mobileapp.jpg);background-size:cover}.products ul:nth-child(2 of ul){background-image:url(/images/warehouse.jpg);background-size:cover}.products ul:nth-child(3 of ul){background-image:url(/images/reportengineer.jpg);background-size:cover}.products li{color:#fff;cursor:pointer;font-family:roboto slab;font-size:14px;font-weight:400;letter-spacing:normal;line-height:19.6px;text-rendering:optimizelegibility;flex:0 1 auto!important}.products li:nth-child(2){font-weight:700;font-size:25px;line-height:1.3}.products a:last-child{justify-self:flex-start;flex-basis:100%}
