*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.pt-5{padding-top:1.25rem}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.navbar{background:#fff;box-shadow:0 -.5rem 2rem #0000001c;justify-content:space-between;left:0;padding:.75rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.navbar,.navbar .logo{align-items:center;display:flex}.navbar .logo{color:#333;font-size:1.25rem;font-weight:700;gap:.5rem}.navbar .nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar .nav-links li a{color:#444;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease}.navbar .nav-links li a:hover{color:#a77200}.navbar .search-box{align-items:center;background:#f4eaff;border-radius:9999px;display:flex;padding:.4rem .8rem}.navbar .search-box input{background:transparent;border:none;color:#444;font-size:1rem;margin:0 .5rem;outline:none}.navbar .search-box .menu-btn,.navbar .search-box .search-btn{background:transparent;border:none;color:#666;cursor:pointer;font-size:1.2rem}.navbar .search-box .menu-btn:hover,.navbar .search-box .search-btn:hover{color:#000}@media (max-width:1024px){.navbar{padding:.75rem 1.5rem}.navbar .nav-links{gap:1.5rem}}@media (max-width:768px){.navbar{flex-wrap:wrap}.navbar .nav-links{align-items:center;background:#cb9d3a;box-shadow:0 5px 15px #0000001a;flex-direction:column;gap:1.5rem;left:0;opacity:0;padding:1.5rem 0;pointer-events:none;position:absolute;top:100%;transform:translateY(-200%);transition:all .4s ease;width:100%}.navbar.active .nav-links{opacity:1;pointer-events:all;transform:translateY(0)}.navbar .search-box{justify-content:space-between;margin-top:.5rem;width:100%}.navbar .search-box input{flex:1}.navbar .menu-btn{display:block;font-size:1.5rem}.navbar .nav-links{display:none}.navbar.active .nav-links{display:flex}}@media (max-width:480px){.navbar{padding:.5rem 1rem}.navbar .logo{font-size:1.1rem}.navbar .search-box input{font-size:.9rem}.navbar .nav-links li a{font-size:.95rem}}.footer{background:#f7f7f7;border-top:1px solid #ddd;color:#444;font-family:Poppins,sans-serif;margin-top:10rem;padding:3rem 2rem 1rem}.footer .footer-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:auto;max-width:1200px}.footer .footer-about .footer-logo{margin-bottom:1rem;width:100px}.footer .footer-about p{font-size:.95rem;line-height:1.5}.footer .footer-links h3{color:#000;font-size:1.1rem;margin-bottom:.8rem}.footer .footer-links ul{list-style:none;padding:0}.footer .footer-links ul li{margin-bottom:.5rem}.footer .footer-links ul li a{color:#555;text-decoration:none;transition:color .2s}.footer .footer-links ul li a:hover{color:#a77200}.footer .footer-contact h3{color:#000;font-size:1.1rem;margin-bottom:.8rem}.footer .footer-contact p{font-size:.95rem;margin-bottom:.4rem}.footer .footer-bottom{border-top:1px solid #ddd;color:#777;font-size:.9rem;margin-top:2rem;padding-top:1rem;text-align:center}.menuawal{background-color:#fff;display:flex;justify-content:center;margin-top:4rem;width:100%}.menuawal .menuatas{margin:0}.menuawal .menuatas,.menuawal .menuatas2{display:flex;gap:2rem;list-style:none;padding:0}.menuawal .menuatas2{margin:0 0 0 40rem}.menuawal li a{color:#444;font-size:1rem;font-weight:500;text-align:center;text-decoration:none;transition:color .2s ease}.menuawal li a:hover{color:#a77200}@media (max-width:1024px){.menuawal .menuatas,.menuawal .menuatas2{margin-left:10rem}}@media (max-width:768px){.menuawal{align-items:center;flex-direction:column}.menuawal .menuatas{margin:1rem auto 0}.menuawal .menuatas,.menuawal .menuatas2{display:flex;gap:1rem;list-style:none;padding:0}.menuawal .menuatas2{margin:0 auto 0 10}}@media (max-width:480px){.menuawal .menuatas,.menuawal .menuatas2{gap:.8rem;grid-template-columns:repeat(2,1fr)}.menuawal li a{font-size:.9rem}}.slideshow{box-shadow:0 4px 15px #0000004d;height:42rem;margin-top:1.5rem;overflow:hidden;width:100%}.slideshow .slides{display:flex;height:100%;transition:transform 2s ease-in-out;width:100%}.slideshow .slide{height:100%;min-width:100%}.slideshow .slide img{height:100%;-o-object-fit:inherit;object-fit:inherit;width:100%}@media (max-width:768px){.slideshow{height:20rem}}@media (max-width:480px){.slideshow{height:15rem}}.video-container{align-items:center;border-radius:3rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;height:40rem;justify-content:center;margin-left:1rem;margin-top:3rem;padding:20px;width:97.8%}.video-container .video-item video{border-radius:10px;box-shadow:0 4px 10px #000000a1;height:30rem;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:20rem}.video-container .video-item video:hover{transform:scale(1.05)}@media (max-width:1024px){.video-container .video-item video{height:25rem;width:18rem}}@media (max-width:768px){.video-container{flex-direction:column}.video-container .video-item video{height:20rem;width:90%}}@media (max-width:480px){.video-container .video-item video{height:15rem;width:100%}}.katalog{padding:3rem 2rem;text-align:center}.katalog h2{color:#333;font-size:1.8rem;margin-bottom:2rem}.katalog .produk-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center}.katalog .produk{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;max-width:280px;overflow:hidden;padding-bottom:1rem;transition:transform .3s ease,box-shadow .3s ease}.katalog .produk:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-8px)}.katalog .produk img{height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.katalog .produk h3{color:#222;font-size:1.1rem;margin-top:.5rem}.katalog .produk p{color:#666;font-size:.9rem;padding:0 1rem}.bestseller{padding:3rem 2rem;text-align:center}.bestseller .produk-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);justify-items:center}.bestseller .produk{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;max-width:280px;overflow:hidden;padding-bottom:1rem;transition:transform .3s ease,box-shadow .3s ease}.bestseller .produk:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-8px)}.bestseller .produk img{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.bestseller .produk h3{color:#222;font-size:1.1rem;margin-top:.5rem}.bestseller .produk p{color:#666;font-size:.9rem;padding:0 1rem}@media (max-width:1024px){.bestseller .produk-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.bestseller .produk-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.bestseller .produk-grid{grid-template-columns:1fr}}.best-seller{margin-top:4rem;text-align:center}.best-seller h2{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;margin-top:1.5rem;position:relative}.best-seller h2:after{background:#000;content:"";display:block;height:2px;margin:.5rem auto 0;width:80%}.best-seller .best-grid{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.best-seller .best-grid .best-item{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .3s;width:400px}.best-seller .best-grid .best-item:hover{transform:translateY(-5px)}.best-seller .best-grid .best-item img{border-radius:20px;height:300px;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:768px){.best-seller .best-item{width:90%}.best-seller .best-item img{height:200px}}@media (max-width:480px){.best-seller h2{font-size:1.4rem}}.welcome-section{align-items:stretch;background-color:#f8f8f8;display:flex;height:20rem;justify-content:center;min-height:28rem;width:100%}.welcome-section .welcome-text{background-color:#144c55;color:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;padding:4rem 3rem}.welcome-section .welcome-text h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.welcome-section .welcome-text p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.welcome-section .welcome-text ul{list-style:none;padding:0}.welcome-section .welcome-text ul li{font-size:1rem;margin-bottom:.5rem}.welcome-section .welcome-text ul li strong{color:#ffd166}.welcome-section .welcome-image{flex:1}.welcome-section .welcome-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:1024px){.welcome-section .welcome-text{padding:3rem 2rem}}@media (max-width:768px){.welcome-section{flex-direction:column}.welcome-section .welcome-text{padding:2.5rem 2rem;text-align:center}.welcome-section .welcome-image{height:18rem}.welcome-section .welcome-image img{height:100%}}@media (max-width:480px){.welcome-section .welcome-text{padding:2rem 1.5rem}.welcome-section .welcome-text h2{font-size:1.6rem}.welcome-section .welcome-text li,.welcome-section .welcome-text p{font-size:.95rem}}.our-client{background:#fff;padding:3rem 1rem;text-align:center}.our-client .client-container{margin:0 auto;max-width:1200px}.our-client h2{align-items:center;color:#0b2239;display:inline-flex;font-size:2rem;gap:.5rem;margin-bottom:2rem}.our-client h2 i{color:#f4a100;font-size:1.8rem}.our-client .client-logos{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-evenly}.our-client .client-logos img{border-radius:.5rem;filter:grayscale(30%);height:10rem;transition:all .3s ease;width:10em}.our-client .client-logos img:hover{filter:grayscale(0);transform:scale(1.05)}.about-section{background:#f8fafc;padding:5rem 2rem}.about-section .about-container{align-items:center;display:flex;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1200px}@media (max-width:900px){.about-section .about-container{flex-direction:column;text-align:center}}.about-section .about-text{flex:1}.about-section .about-text h2{color:#0b2239;font-size:2.2rem;margin-bottom:1.5rem;position:relative}.about-section .about-text h2:after{background:#a77200;content:"";display:block;height:4px;margin-top:.5rem;width:80px}.about-section .about-text p{color:#333;font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.about-section .about-text .contact-info{margin-top:1.5rem}.about-section .about-text .contact-info p{align-items:center;color:#555;display:flex;gap:.5rem}.about-section .about-text .contact-info p i{color:#a77200}.about-section .about-image{flex:1;text-align:center}.about-section .about-image img{border-radius:1rem;box-shadow:0 10px 25px #0000001a;max-width:480px;transition:transform .3s ease;width:100%}.about-section .about-image img:hover{transform:scale(1.03)}.contact-section{background:#fff;padding:5rem 2rem}.contact-section .contact-container{align-items:flex-start;display:flex;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1200px}@media (max-width:900px){.contact-section .contact-container{flex-direction:column;text-align:center}}.contact-section .contact-text{flex:1}.contact-section .contact-text h2{color:#0b2239;font-size:2.2rem;margin-bottom:1rem}.contact-section .contact-text h2:after{background:#a77200;content:"";display:block;height:4px;margin-top:.5rem;width:80px}.contact-section .contact-text p{color:#333;font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.contact-section .contact-text .contact-info{margin-top:1.5rem}.contact-section .contact-text .contact-info p{align-items:center;color:#555;display:flex;gap:.5rem}.contact-section .contact-text .contact-info p i{color:#a77200}@media (max-width:900px){.contact-section .contact-text .contact-info p{justify-content:center}}.contact-section .contact-form{flex:1}.contact-section .contact-form form{display:flex;flex-direction:column;gap:1rem}.contact-section .contact-form form input,.contact-section .contact-form form textarea{border:1px solid #ccc;border-radius:8px;font-family:inherit;font-size:1rem;padding:.8rem 1rem;transition:border-color .2s ease;width:100%}.contact-section .contact-form form input:focus,.contact-section .contact-form form textarea:focus{border-color:#a77200;outline:none}.contact-section .contact-form form button{background:#a77200;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1rem;transition:background .3s ease}.contact-section .contact-form form button:hover{background:#8d6200}.contact-section .map-frame{margin-top:4rem}.contact-section .map-frame iframe{border-radius:1rem;box-shadow:0 5px 20px #0000001a}.wallpanel-section .produk img{width:100%}.wallpanel-section{background:#fff;padding:5rem 2rem;text-align:center}.wallpanel-section .intro{margin:0 auto 3rem;max-width:800px}.wallpanel-section .intro h2{color:#0b2239;font-size:2rem;font-weight:700;margin-bottom:1rem}.wallpanel-section .intro h2:after{background:#a77200;content:"";display:block;height:4px;margin:.5rem auto 0;width:80px}.wallpanel-section .intro p{color:#444;font-size:1.05rem;line-height:1.8}.wallpanel-section .produk-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.wallpanel-section .produk{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #00000014;max-width:280px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.wallpanel-section .produk:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-8px)}.wallpanel-section .produk img{height:200px;-o-object-fit:cover;object-fit:cover;width:400px}.wallpanel-section .produk h3{color:#222;font-size:1.1rem;margin-top:.75rem}.wallpanel-section .produk p{color:#666;font-size:.9rem;padding:0 1rem 1rem}@media (max-width:768px){.wallpanel-section .intro h2{font-size:1.6rem}.wallpanel-section .produk{max-width:90%}}