@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--roboto:"Roboto", sans-serif;--montserrat: "Montserrat", sans-serif;--primary-color:#0b0b0a;--white:#fff;--primary-txt:#f2f2f2e4;--line-color:#434343}body{background-color:var(--primary-color)}.app{font-family:var(--roboto);width:100%;height:100vh;background-color:var(--primary-color);color:var(--primary-txt)}.about{width:100%;padding:80px 48px;display:flex;flex-direction:column;gap:40px;background-color:var(--primary-color)}.about .top-sec{width:100%;display:grid;grid-template-columns:1.5fr 2fr;justify-content:space-between}.about .head-sec{text-transform:uppercase;font-size:60px;font-weight:600;font-family:var(--montserrat)}.about .text-sec{display:flex;flex-direction:column;gap:20px}.about .txt-box{font-size:18px;font-weight:300;opacity:.6;line-height:1.7rem;font-family:var(--montserrat)}.about .read-more-btn{font-size:24px;text-transform:uppercase;font-weight:400;display:flex;gap:10px;cursor:pointer;align-items:center}.about .read-more-btn svg{scale:.9;transition:all .5s ease-in-out}.about .read-more-btn:hover svg{scale:1.1;transition:all .5s ease-in-out}.about .bottom-sec{width:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:60px}.about .card{display:flex;flex-direction:column;gap:10px;font-family:var(--montserrat);max-width:200px}.about .card-main-txt{font-size:50px;font-weight:600;letter-spacing:.1rem;opacity:.8}.about .line{width:100%;height:2.5px;background-color:var(--line-color)}.about .card-sub-txt{font-size:14px;font-weight:300;line-height:1.1rem;max-width:150px;opacity:.5}@media (max-width: 820px){.about .top-sec{grid-template-columns:1fr;gap:40px}.about .bottom-sec{grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center}}@media (max-width: 480px){.about .top-sec{grid-template-columns:1fr;gap:40px}.about .card-main-txt{font-size:34px}.about .card-sub-txt{font-size:13px}}.header{width:100%;height:100vh;background:linear-gradient(0deg,#000000c8,#000000a3),url(/assets/header-C3Z0gx-q.png) #d3d3d3 -87.613px -15.854px/106.845% 103.871%;background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:space-between}.main-text-container{width:100%;margin-top:-100px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.main-txt{font-size:200px;font-weight:500;text-transform:uppercase;color:var(--white);font-family:var(--montserrat);overflow:hidden;display:flex}.sub-txt{font-size:16px;text-transform:uppercase;letter-spacing:.2rem;color:var(--primary-txt);margin-top:-10px;font-weight:300}.header-bottom{width:100%;display:flex;align-items:center;justify-content:space-between;padding:48px}.side-txt-container{display:flex;flex-direction:column;gap:10px}.side-txt{font-size:24px;font-weight:400;letter-spacing:.05rem;color:var(--primary-txt)}.side-sub-txt{font-size:14px;font-weight:300;letter-spacing:.1rem}@media (max-width: 820px){.main-text-container{margin-top:0}.main-txt{font-size:26vw}.sub-txt{font-size:2vw}}@media (max-width: 820px){.header{max-height:90vh}.header-bottom{padding:36px}}.nav{width:100%;display:flex;padding:28px 48px;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:500;text-transform:uppercase;letter-spacing:.2rem}.links{display:flex;list-style:none;align-items:center;gap:40px}.links a{text-decoration:none;color:var(--primary-txt)}@media (max-width: 480px){.nav{padding:36px}.links{display:none}.logo{font-size:28px}}.services{width:100%;padding:48px;display:flex;flex-direction:column;gap:60px;background-color:var(--primary-color)}.services .top-sec{width:100%;display:grid;grid-template-columns:1.5fr 2fr;justify-content:space-between;gap:20px}.services .head-sec{text-transform:uppercase;font-size:60px;font-weight:600;font-family:var(--montserrat)}.services .text-sec{display:flex;flex-direction:column;gap:20px}.services .txt-box{font-size:18px;font-weight:300;opacity:.6;line-height:1.7rem;font-family:var(--montserrat)}.services .bottom-service-sec{width:100%;display:flex;align-items:center;gap:20px;overflow:hidden;overflow-x:scroll}.services ::-webkit-scrollbar{width:0}.services .service-card{min-width:380px;min-height:480px;display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;filter:grayscale(.8);transition:filter .4s ease-in-out;cursor:pointer}.services .service-card:hover{filter:grayscale(0);transition:filter .4s ease-in-out}.services .service-name{text-transform:uppercase;font-family:var(--montserrat);font-size:20px;font-weight:500;color:var(--white)}@media (max-width: 820px){.services .top-sec{grid-template-columns:1fr;gap:40px}}.home{width:100%;height:100%;background-color:var(--primary-color)}.products-page{width:100%;max-height:100vh;overflow:hidden;overflow-y:scroll;background-color:var(--primary-color);scroll-behavior:smooth}.products-nav{width:100%;padding:48px 48px 0;display:flex;align-items:center;justify-content:center;font-size:20px;text-transform:uppercase;font-family:var(--montserrat);font-weight:500;gap:4px;text-align:center}.products-grid{width:100%;padding:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{width:100%;background-color:var(--line-color);height:30vw;overflow:hidden;object-fit:cover;cursor:pointer}.cursor,.cursor-label{position:absolute;width:80px;height:80px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--montserrat);pointer-events:none}.cursor-label{color:#fff}.popup-container{width:100%;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000065;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center}.popup-container .popup{width:870px;height:640px;background-position:center;background-size:cover}::-webkit-scrollbar{width:0}