:root{--max-width:1100px;--color-logo:#39464f;--color-primary:#227b94;--color-primary-dark:#16325b;--color-primary-light:#78b7d0;--color-primary-accent:#ffdc7f;--color-secondary:#e85c0d;--color-secondary-dark:#c7253e;--color-secondary-light:#fabc3f;--color-secondary-accent:#821131;--background-color:#eaf6fb;--foreground-rgb:0,0,0;--primary-font:"montserrat";--title-font:"audiowide"}@font-face{font-family:montserrat;src:url(/fonts/Montserrat-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:audiowide;src:url(/fonts/Audiowide-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box;padding:0;margin:0}body,html{scroll-behavior:smooth;font-size:16px;font-family:montserrat,sans-serif;overflow-x:hidden;background-color:var(--background-color)}body{position:relative;color:rgb(var(--foreground-rgb))}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--background-color)}body::-webkit-scrollbar{width:6px;background-color:var(--background-color)}body::-webkit-scrollbar-thumb{background-color:var(--color-primary)}footer,header,main,section{position:relative}section{max-width:var(--max-width);margin:0 auto;padding:3rem 0 0}section .section-title{color:var(--color-logo);font-family:audiowide;font-size:2.5rem;font-weight:700;text-align:center;text-transform:uppercase}section .section-description{color:#777;display:flex;justify-content:center;align-items:center;font-family:montserrat;font-weight:500}@media(max-width:768px){section{padding:2rem 0 0}}a{color:inherit;text-decoration:none}hr{width:50%}.back-to-top-button{position:fixed;bottom:1.5rem;right:1.5rem;padding:.5rem;border-radius:.5rem;background-color:var(--color-primary-light);border:none;cursor:pointer;z-index:1000;transition:opacity .3s}.back-to-top-button:hover{opacity:.8}.header-section{width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:1}.header-section .logo img{cursor:pointer;height:50px;width:250px}.header-section .hamburger-icon{display:none;z-index:1}.header-section .hamburger-menu{position:fixed;width:100vw;height:0;left:0;top:0;background:var(--background-color);transition:height 1s ease-in-out;display:flex;justify-content:center;align-items:center;overflow:hidden}.header-section .hamburger-menu.active{height:100vh;transition:height 1s ease-in-out}.header-section .hamburger-menu.active .hamburger-menu-context{width:100%;transition:height 1s ease-in-out}.header-section .hamburger-menu.active .hamburger-menu-context nav ul{transition:height 1s ease-in-out;height:100%}.header-section .hamburger-menu .hamburger-menu-context{transition:height 1s ease-in-out;position:relative}.header-section .desktop-menu{position:relative;display:block}.header-section nav{position:relative}.header-section nav ul{display:flex;flex-direction:row;align-items:center;gap:2rem}.header-section nav ul li{color:var(--color-logo);font-family:audiowide;list-style-type:none;font-weight:600;transition:color 1s}.header-section nav ul li a{display:flex;justify-content:center;align-items:center}.header-section nav ul li:hover{color:var(--color-secondary-dark);transition:color 1s}.header-section nav ul .dropdown{position:relative}.header-section nav ul .dropdown a{display:flex;justify-content:center;align-items:center;gap:4px}.header-section nav ul .dropdown:hover .dropdown-menu{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;width:10rem;padding:.5rem 1rem}.header-section nav ul .dropdown li{margin:5px 0}.header-section nav ul .dropdown .dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--background-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-section nav ul.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--background-color);padding:1rem 0;z-index:10}@media(max-width:768px){.header-section{padding:3rem}.header-section .logo img{width:200px;height:40px}.header-section .hamburger-icon{display:block}.header-section .desktop-menu{display:none}.header-section nav ul{flex-direction:column}.header-section nav ul .dropdown .dropdown-menu{position:relative;align-items:center!important}}.hamburger-menu-container{display:none}.hamburger-menu-container.always-open{display:block}.hamburger-menu-container .hamburger-context-container{visibility:hidden;opacity:0;width:70vh;height:70vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;background-color:#1c182f;border-radius:50%;transition:all 1s}.hamburger-menu-container .hamburger-context-container.isOpen{visibility:visible;opacity:1}.hamburger-menu-container .hamburger-context-container ul{list-style-type:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.hamburger-menu-container .hamburger-context-container ul:before{position:absolute;content:"";height:100%;width:100%;border:3px dashed #fff;border-radius:inherit;animation:border-dance 20s linear infinite}.hamburger-menu-container .hamburger-context-container ul li{font-size:x-large;font-weight:700;z-index:20}.hamburger-menu-container .hamburger-context-container ul li:hover{color:var(--primary-color)}.hamburger-icon-container{width:2rem;height:2rem;display:flex;justify-content:space-around;flex-flow:column nowrap;z-index:11;position:absolute;top:5%;right:5%;cursor:pointer}.hamburger-icon-container .burger{width:2rem;height:.25rem;border-radius:10px;transform-origin:1px;transition:all .3s linear}.hamburger-icon-container:hover .burger{background-color:#000}@media screen and (max-width:960px){.hamburger-menu-container{display:block}}@keyframes border-dance{to{transform:rotate(1turn)}}.footer-section{padding:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:100vw;background-color:var(--color-primary);color:#fff}.footer-section .divider{border-bottom:2px solid #fff;width:60%}.footer-section .contact-area{display:grid;grid-template-columns:1fr 3fr;grid-gap:3rem;gap:3rem;height:425px}.footer-section .contact-area .contact-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem}.footer-section .contact-area .contact-left .contact-container{display:flex;flex-direction:column;justify-content:center;gap:.75rem}.footer-section .contact-area .contact-left .contact-container .contact-info{display:flex;flex-direction:row;align-items:center;gap:.5rem}.footer-section .contact-area .contact-left .contact-container .contact-info a{transition:color 1s}.footer-section .contact-area .contact-left .contact-container .contact-info:hover a,.footer-section .contact-area .contact-left .contact-container .contact-info:hover span,.footer-section .contact-area .contact-left .contact-container .contact-info:hover svg{transition:color 1s;color:var(--color-secondary)!important}.footer-section .contact-area .contact-left .contact-container .contact-info:hover .icon-border{transition:border 1s;border-color:var(--color-secondary)!important}.footer-section .contact-area .contact-left .contact-container .contact-info .icon-border{border:2px solid #fff;padding:.3rem;border-radius:50%;width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:border 1s}.footer-section .contact-area .contact-left .contact-container .contact-info .icon-border a,.footer-section .contact-area .contact-left .contact-container .contact-info .icon-border span,.footer-section .contact-area .contact-left .contact-container .contact-info .icon-border svg{transition:all 1s}.footer-section .contact-area .contact-left .contact-container .contact-info .address-box{display:flex;flex-direction:column;gap:3px}.footer-section .contact-area .contact-left .contact-container .contact-info .address-box span{font-size:small}.footer-section .contact-area .contact-left .social-container{display:flex;flex-direction:row;gap:1rem;padding-right:2rem}.footer-section .contact-area .contact-left .social-container .social svg{transition:color 1s}.footer-section .contact-area .contact-left .social-container .social:hover svg{transition:color 1s;color:var(--color-secondary)!important}.footer-section .contact-area .contact-center ul li{list-style-type:none;font-weight:600;transition:color .5s}.footer-section .contact-area .contact-center ul li:hover{color:var(--color-primary)}.footer-section .contact-area .contact-right .map-container{height:100%;width:100%;min-height:250px;display:flex;justify-content:center;align-items:center;background-color:#fff;color:var(--color-primary)}.footer-section .copyright-area{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.footer-section .copyright-area p a{font-weight:700}@media(max-width:1024px){.footer-section .contact-area{grid-template-columns:1fr 2fr}}@media(max-width:768px){.footer-section .contact-area{width:80%;height:-moz-fit-content;height:fit-content;grid-template-columns:1fr;gap:2rem}}.home-container,.services-container{position:relative}.services-container .services-sub-section{position:relative;max-width:100vw;background-color:var(--color-background-primary);padding-top:15vh}.services-container .services-sub-section .banner{height:35vh;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center}.services-container .services-sub-section .banner.machining{justify-content:center;background-image:url(/images/services/machining/banner.png)}.services-container .services-sub-section .banner.prototype{justify-content:flex-start;padding-left:4rem;background-image:url(/images/services/prototype/banner.jpg)}.services-container .services-sub-section .banner.fixture{justify-content:flex-end;padding-right:4rem;background-image:url(/images/services/fixture/banner.jpg)}.services-container .services-sub-section .banner h1{font-family:audiowide;font-size:3rem;color:#fff}.services-container .services-sub-section .gallery .container{display:flex;justify-content:center;align-items:center;margin:10vmin;overflow:hidden;transform:skew(5deg)}.services-container .services-sub-section .gallery .container .card{flex:1 1;transition:all .5s ease-in-out;height:75vmin;position:relative}.services-container .services-sub-section .gallery .container .card .card__head{color:#fff;background:var(--color-primary);padding:1rem;transform:rotate(-90deg);transform-origin:0 0;transition:all .5s ease-in-out;min-width:100%;max-width:100%;text-align:left;position:absolute;left:0;font-size:1em;white-space:nowrap}.services-container .services-sub-section .gallery .container .card:hover{flex-grow:10}.services-container .services-sub-section .gallery .container .card:hover img{filter:grayscale(0)}.services-container .services-sub-section .gallery .container .card:hover .card__head{text-align:center;top:calc(100% - 2em);color:#fff;background:var(--color-primary-dark);font-size:2em;transform:rotate(0deg) skew(-5deg)}.services-container .services-sub-section .gallery .container .card img{width:100%;height:100%;object-fit:cover;transition:all .5s ease-in-out;filter:grayscale(100%)}.services-container .services-sub-section .gallery .container .card:not(:nth-child(5)){margin-right:1em}@media(max-width:768px){.services-container .services-sub-section .gallery .container{display:grid;grid-template-columns:1fr;transform:none;grid-gap:2rem;gap:2rem}.services-container .services-sub-section .gallery .container .card .card__head{transform:none;bottom:0;font-size:.5rem!important;padding:.5rem;flex-grow:0;top:unset!important;text-align:start!important}.services-container .services-sub-section .gallery .container .card img{object-fit:none;filter:grayscale(0)}}.typewriter{border-right:2px solid;white-space:nowrap;overflow:hidden;animation:blink .75s step-end infinite}@keyframes blink{50%{border-color:rgba(0,0,0,0)}}.banner-section{position:relative;height:100vh;max-width:100vw}.banner-section .banner-bg{background-image:url(/images/banner.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.banner-section .banner-bg,.banner-section .banner-bg-video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.banner-section .banner-bg-video{opacity:.4}.banner-section .banner-bg-video video{width:100%;height:100%;object-fit:cover}.banner-section .banner-bg-video video::-webkit-media-controls{display:none!important}.banner-section .banner-title{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-weight:600;padding:4rem}.banner-section .banner-title h1{font-family:audiowide;font-size:2rem}.banner-section .banner-title h2{font-family:audiowide;font-size:4rem;background:linear-gradient(95deg,var(--color-secondary) 15%,var(--color-secondary-accent) 45%,var(--color-secondary) 75%,var(--color-secondary-dark) 100%) 95%/200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);width:60%}@media screen and (max-width:1024px){.banner-section{padding:3rem}.banner-section .banner-title{padding:0}.banner-section .banner-title h1{font-size:1.5rem}.banner-section .banner-title h2{font-size:3rem;width:100%}}@media screen and (max-width:768px){.banner-section{padding:2rem}.banner-section .banner-title{padding:0}.banner-section .banner-title h1{font-size:1.5rem}.banner-section .banner-title h2{font-size:3rem;width:100%}}.services-section{position:relative;margin-top:7rem}.services-section .section-description{margin:1rem 0;display:block;text-align:center}.services-section .section-description a{color:var(--color-secondary-accent)}.services-section .service-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));justify-content:center;align-items:center;grid-gap:4rem;gap:4rem;padding:1.5rem 0}.services-section .service-container .service-box{width:20rem;height:30rem;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;color:#f0f0f0;box-shadow:0 10px 30px 5px rgba(0,0,0,.2);justify-self:center}.services-section .service-container .service-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease-in-out;z-index:1}.services-section .service-container .service-box:hover:after{opacity:1}.services-section .service-container .service-box .card-content{position:relative;z-index:2;height:100%}.services-section .service-container .service-box img{position:absolute;object-fit:cover;width:100%;height:100%;top:0;left:0;opacity:.9;transition:opacity .2s ease-out}.services-section .service-container .service-box h2{position:absolute;inset:auto auto 40px 40px;margin:0;transition:inset .3s ease-out .3s;font-family:audiowide;font-weight:400;text-transform:uppercase}.services-section .service-container .service-box p,.services-section .service-container .service-box span{position:absolute;opacity:0;max-width:80%;transition:opacity .3s ease-out}.services-section .service-container .service-box p{inset:auto auto 80px 30px}.services-section .service-container .service-box span{inset:auto auto 40px 30px;color:inherit;text-decoration:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.services-section .service-container .service-box:hover h2{inset:auto auto 240px 30px;transition:inset .3s ease-out}.services-section .service-container .service-box:hover p,.services-section .service-container .service-box:hover span{opacity:1;transition:opacity .5s ease-in .1s}.services-section .service-container .service-box:hover img{transition:opacity .3s ease-in;opacity:1}@media(max-width:768px){.services-section{margin-top:4rem}.services-section .service-container .service-box .card-content{background-color:rgba(0,0,0,.5)}.services-section .service-container .service-box h2{inset:auto auto 240px 30px;transition:inset .3s ease-out}.services-section .service-container .service-box p,.services-section .service-container .service-box span{opacity:1;transition:opacity .5s ease-in .1s}.services-section .service-container .service-box img{transition:opacity .3s ease-in;opacity:1}}.projects-section{position:relative;display:flex;padding:20px;height:100vh}.projects-section .left-container{flex:1 1;padding-right:20px}.projects-section .left-container .sticky-content{position:-webkit-sticky;position:sticky;top:5rem}.projects-section .right-container{flex:2 1;overflow-y:hidden;max-height:100vh}.projects-section .right-container .scrollable-content .project-box{height:50vh;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.projects-section .right-container .scrollable-content .red{background-color:red}.projects-section .right-container .scrollable-content .blue{background-color:blue}.projects-section .right-container .scrollable-content .green{background-color:green}.projects-section .right-container .scrollable-content .orange{background-color:orange}.corporate-section{padding:3rem 0}.corporate-section .section-title{margin-bottom:4rem}.corporate-section .container{width:100%;margin:auto;display:grid;place-items:center;padding:1rem}.corporate-section .accordion__wrapper{background-color:#fff;box-shadow:0 60px 56px -12px rgba(9,40,163,.05);border-radius:2.5rem;width:100%;max-width:60rem;padding:3rem}.corporate-section .accordion{border-bottom:.1rem solid #dae1f5;padding-bottom:2rem;margin-bottom:3rem}.corporate-section .accordion:last-child{margin-bottom:0}.corporate-section .accordion__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer}.corporate-section .accordion__icon{background-color:var(--color-primary);width:2.2rem;height:2.2rem;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;flex-shrink:0}.corporate-section .accordion__question{font-family:audiowide;font-size:1.6rem;font-weight:500;color:#242e4c}.corporate-section .accordion__answer{padding:1rem 0}.corporate-section .accordion__certificates{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;align-items:center;grid-gap:1rem;gap:1rem}.corporate-section .accordion__certificates img{object-fit:contain}.corporate-section .accordion__images{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;align-items:center;grid-gap:1rem;gap:1rem}.corporate-section .accordion__images img{object-fit:contain}.corporate-section .accordion__content{overflow:hidden;height:0;transition:.4s ease-in-out}@media(max-width:425px){.corporate-section .accordion__wrapper{padding:1.5rem}}.aboutus-section{height:100%;display:flex;justify-content:center;align-items:center;background-image:url(/images/sections/about-bg-left.webp);background-position:0;background-repeat:no-repeat;background-size:contain;max-width:100vw}.aboutus-section .about-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;max-width:var(--max-width);padding:0 4rem}.aboutus-section .about-container .about-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem}.aboutus-section .about-container .about-left .divider{border-bottom:3px solid var(--color-primary);width:20%}.aboutus-section .about-container .about-left .description{color:#666}.aboutus-section .about-container .about-left .author{display:flex;flex-direction:column}.aboutus-section .about-container .about-left .author .author-name{font-size:medium;font-weight:600;color:#14141c}.aboutus-section .about-container .about-left .author .author-title{font-size:smaller;color:#666}.aboutus-section .about-container .about-right{position:relative}.aboutus-section .about-container .about-right .border-layer{position:relative;border:.75rem solid var(--color-primary);padding:0;margin:0;width:450px;height:500px;z-index:0}.aboutus-section .about-container .about-right .border-layer img{position:absolute;top:10%;right:0;left:10%;z-index:2;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:50%}@media(max-width:1024px){.aboutus-section .about-container{grid-template-columns:1fr}.aboutus-section .about-container .about-right{display:none}}.loader-container{height:100vh;display:flex;flex:1 1;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:99999}.loader-container .loader-spin{text-align:center}.loader-container .loader-dot{position:relative;display:inline-block;font-size:20px;width:30px;height:30px}.loader-container .loader-dot-spin{transform:rotate(45deg);animation:hipsterRotate 1.2s linear infinite}.loader-container .loader-dot i{width:9px;height:9px;border-radius:100%;background-color:var(--color-primary);transform:scale(.75);display:block;position:absolute;opacity:.5;animation:hipsterSpinMove 1s linear infinite alternate;transform-origin:50% 50%}.loader-container .loader-dot i:first-child{left:10px;top:0}.loader-container .loader-dot i:nth-child(2){right:0;top:8px;animation-delay:.4s}.loader-container .loader-dot i:nth-child(3){right:4px;bottom:0;animation-delay:.8s}.loader-container .loader-dot i:nth-child(4){left:4px;bottom:0;animation-delay:1.2s}.loader-container .loader-dot i:nth-child(5){left:0;top:8px;animation-delay:1.2s}@keyframes hipsterSpinMove{to{opacity:1}}@keyframes hipsterRotate{to{transform:rotate(405deg)}}