@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap";:root{--accent-primary: #004376;--accent-secondary: #002948;--body-text-primary: #475D88;--body-text-secondary: #34425C;--body-text-tertiary: #7A7A7A;--nav-link-text: #4F4F4F;--surface-primary: #ECECEC;--surface-secondary: #CECECE}html{scroll-behavior:smooth}*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0);box-sizing:border-box}::-webkit-scrollbar{width:7px;background:#fff}::-webkit-scrollbar-thumb{border:2px solid #fff;background:var(--body-text-tertiary)}body{font-family:Red hat text}section{margin-top:100px;margin-bottom:150px;display:flex;flex-direction:column;align-items:center}section h1{margin-bottom:48px;font-family:Red hat Text;font-weight:1000;font-size:48px;text-align:center;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.hero{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#fffc,#fffc),url(/assets/stone-crusher-BGP1Jv5d.jpg);background-size:cover;background-position:center}.hero h1{font-family:Red hat display;font-weight:1000;font-size:96px;text-align:center;color:#2f2f2f}.hero p{width:50%;margin-top:16px;font-size:20px;text-align:center;font-weight:500;color:#555}.hero a{position:relative;margin-top:64px;color:var(--accent-secondary);font-size:22px;text-decoration:none;font-weight:500}.hero a:after{content:"";position:absolute;display:block;height:2px;width:100%;background:var(--accent-secondary);bottom:-2px}.about p{width:60%;margin-inline:20%;font-size:26px;line-height:175%;text-align:justify}.card-container{display:flex;flex-wrap:wrap;gap:40px;width:80%}.card-container .card{display:flex;flex:1;flex-direction:column;max-width:calc(33% - 40px)}.card-container .card a{text-decoration:none}.card-container .card .image{height:250px;width:100%;border-radius:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-primary)}.card-container .card .image img{padding:30px 0;max-height:100%;max-width:100%;object-fit:contain}.card-container .card:nth-child(3) img{mix-blend-mode:color-burn}.card-container .card .text{margin-top:16px;margin-left:4px}.card-container .card .text h2{font-size:22px;color:var(--body-text-primary)}.card-container .card .text p{opacity:.7;font-size:16px;font-weight:500;margin-top:4px;color:var(--body-text-secondary)}.card-container .card .text ul{margin-left:16px;margin-top:8px;opacity:.7;font-size:16px;font-weight:500;line-height:1.7;color:var(--body-text-secondary)}.card-container .card .btn{margin-top:20px}.card-container .card .btn a{display:inline-block;padding:12px 32px;text-decoration:none;border-radius:50px;font-weight:500;font-size:14px;color:#fff;background:var(--body-text-primary)}.why-us .icon-card-container{display:flex;gap:12px}.why-us .icon-card-container .icon-card{flex:1;min-width:160px;text-align:center}.why-us .icon-card-container .icon-card svg{height:48px;width:48px;fill:var(--body-text-primary)}.why-us .icon-card-container .icon-card p{margin-top:12px;font-size:18px;font-weight:500;color:var(--accent-primary)}.scroll-container{width:945px;max-width:100vw;overflow-x:hidden}.scroll-container .contents{display:flex;position:relative;animation:s 10s linear infinite}@keyframes s{0%{right:0%}to{right:100%}}.gallery{scroll-margin-top:100px}.gallery .gallery-grid{display:flex;align-items:center;gap:12px;width:50%}.gallery .gallery-grid .col{display:flex;flex-direction:column;gap:12px;flex:1}.gallery .gallery-grid .col div{aspect-ratio:16 / 9;overflow:hidden;border-radius:12px}.gallery .gallery-grid .col img{width:100%;height:100%;object-fit:cover;background:#d6d6d6}.youtube{aspect-ratio:16 / 9;width:640px;max-width:80vw;border-radius:18px}.contact-us{scroll-margin-top:100px}.contact-us .content{position:relative;display:flex;align-items:stretch;gap:24px}.contact-us .content .details{display:flex;flex-direction:column;gap:32px;text-align:right}.contact-us .content .details .detail h2{font-size:24px;font-weight:700}.contact-us .content .details .detail h3{font-size:16px;font-weight:600;color:var(--body-text-tertiary)}.contact-us .content .seperator{width:1px;background:#bbb}.contact-us .content .form{width:30vw;display:flex;flex-direction:column;gap:12px}.contact-us .content .form *{font:inherit}.contact-us .content .form input,.contact-us .content .form textarea{outline:none;border:none;padding:12px 16px;border-radius:12px;background:var(--surface-primary)}.contact-us .content .form textarea{resize:vertical;max-height:200px}.contact-us .content .form .btn a{float:right;display:block;padding:12px 32px;text-decoration:none;border-radius:50px;font-weight:500;font-size:14px;color:#fff;background:var(--body-text-primary)}@media (width < 780px){.hero h1{font-size:68px;width:80%}.about p{width:80%;margin-inline:10%}.card-container{width:70%;flex-direction:column}.card-container .card{max-width:100%}.why-us .icon-card-container{gap:36px;flex-direction:column}.gallery .gallery-grid{width:70%;flex-direction:column}.gallery .gallery-grid .col{width:100%}.contact-us .content{width:70%;flex-direction:column}.contact-us .content .details .detail{text-align:center}.contact-us .content .form{width:100%}}.about-content{margin-top:180px;width:60%;margin-inline:20%}.about-content h1{font-size:48px}.about-content .mission-heading{margin-top:48px}.about-content p{font-size:20px;line-height:150%;margin-top:22px;color:var(--body-text-secondary)}.about-content .mission-text{padding-bottom:120px}@media (width < 768px){.about-content{width:80%;margin-inline:10%}}nav{display:flex;align-items:center;justify-content:space-between;width:100vw;padding:0 42px;position:fixed;top:0;left:0;z-index:999;font-family:Red hat text;border-bottom:1px solid transparent;background:transparent;transition:.2s ease}nav._scrolled_1oxb6_31{border-bottom:1px solid #dbdbdb;background:#fff}nav ._logo_1oxb6_41 img{height:64px}nav ._menuBtn_1oxb6_49{display:none}nav ._menuBtn_1oxb6_49 svg{scale:1.5}nav ._linksContainer_1oxb6_59{display:flex;gap:32px;list-style:none;max-height:calc(100vh - 114px)}nav ._linksContainer_1oxb6_59 ul{box-shadow:0 6px 20px #8888883d}nav ._linksContainer_1oxb6_59>li{position:relative;padding:44px 0}nav ._linksContainer_1oxb6_59>li:hover{cursor:pointer}nav ._linksContainer_1oxb6_59>li a{position:relative;display:block;color:#5b5b5b;font-size:20px;font-weight:500;text-decoration:none}nav ._linksContainer_1oxb6_59>li a:hover{cursor:pointer}nav ._linksContainer_1oxb6_59>li._active_1oxb6_121>a{position:relative;font-weight:700;color:#000}nav ._linksContainer_1oxb6_59>li._active_1oxb6_121>a:after{content:"";display:block;position:absolute;height:3px;width:100%;margin-top:5px;background:#000}._productTypeList_1oxb6_159{display:none;flex-direction:column;text-wrap:nowrap;position:absolute;right:0;top:100%;z-index:999;background:#fff;border:1px solid #dbdbdb;list-style:none}._productTypeList_1oxb6_159:focus-within{display:flex}._productTypeList_1oxb6_159 li{position:relative;padding:16px 22px;font-size:18px}._productTypeList_1oxb6_159 li:hover{cursor:pointer;background:#eee}._productTypeList_1oxb6_159 li ._productList_1oxb6_211{display:none;flex-direction:column;position:absolute;right:100%;top:-1px;background:#fff;border:1px solid #dbdbdb;list-style:none}._productTypeList_1oxb6_159 li ._productList_1oxb6_211 li{padding:0}._productTypeList_1oxb6_159 li ._productList_1oxb6_211 a{display:block;padding:16px 22px}._productTypeList_1oxb6_159 li:focus-within ._productList_1oxb6_211{display:flex}._productLink_1oxb6_263{position:relative}._productLink_1oxb6_263:focus-within ._productTypeList_1oxb6_159{display:flex}@media (width < 780px){nav{height:114px}nav ._linksContainer_1oxb6_59{display:none;position:fixed;overflow-y:scroll;left:0;top:114px;width:100%;gap:0;flex-direction:column}nav ._linksContainer_1oxb6_59 ul{box-shadow:none}nav ._linksContainer_1oxb6_59>li{padding:28px 32px;border-bottom:1px solid #dbdbdb}nav ._linksContainer_1oxb6_59>li._active_1oxb6_121 a:after{opacity:0}nav ._linksContainer_1oxb6_59._mobileMenuVisible_1oxb6_337{display:flex;background:#fff}nav ._menuBtn_1oxb6_49{display:block}._productTypeList_1oxb6_159{display:none!important;position:relative;margin-top:22px;border:none}._productTypeList_1oxb6_159 li{background:#fff!important}._productTypeList_1oxb6_159 li ul{display:none!important}._productTypeList_1oxb6_159 li:focus-within ul{display:flex!important}._productTypeList_1oxb6_159 li ._productList_1oxb6_211{position:relative;top:0;right:0;bottom:0;left:0;border:none;margin-top:22px}._productTypeList_1oxb6_159 li._active_1oxb6_121 a:after{opacity:0}._productTypeList_1oxb6_159 li:focus-within ._productList_1oxb6_211{display:flex}._productLink_1oxb6_263:focus-within ._productTypeList_1oxb6_159{display:flex!important}}footer{display:flex;justify-content:center;padding:36px 0;background:#e9e9e9}footer .content{display:flex;gap:36px;margin-bottom:70px;width:60%}footer .content .col{flex:1}footer .content .col h2{font-size:20px;font-weight:700;color:var(--accent-primary)}footer .content .col .links{display:flex;flex-direction:column;margin-top:24px;gap:16px}footer .content .col .links a{display:flex;align-items:center;gap:8px;opacity:.75;font-weight:500;color:#4f4f4f;text-decoration:none}footer .content .col .links a .icon{height:24px;width:24px}footer .content .col .links a .icon svg{scale:.8}footer .content .col .links a:hover{opacity:1;text-decoration:underline}@media (width < 780px){footer .content{flex-direction:column}}.product-container{display:flex;gap:64px;width:80vw;margin-inline:10%;margin-top:160px;margin-bottom:120px}.product-container .image{flex:2;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9}.product-container .image img{max-width:100%;padding:44px;border-radius:12px;background:#d6d6d6;object-fit:contain}.product-container .desc{flex:3;display:flex;flex-direction:column;gap:24px}.product-container .desc h1{font-size:48px}.product-container .desc p{font-size:22px}@media (width < 780px){.product-container{flex-direction:column}}
