@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/inter-v20-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(../fonts/inter-v20-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(../fonts/inter-v20-latin-700.woff2) format("woff2")}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}:root{--success-100:#d3f3df;--success-200:#a7e8bf;--success-300:#7adc9e;--success-400:#4ed17e;--success-500:#22c55e;--success-600:#1b9e4b;--success-700:#147638;--success-800:#0e4f26;--success-900:#072713;--success:var(--success-500);--warning-100:#fef5d0;--warning-200:#fdeba1;--warning-300:#fce073;--warning-400:#fbd644;--warning-500:#facc15;--warning-600:#c8a311;--warning-700:#967a0d;--warning-800:#645208;--warning-900:#322904;--warning:var(--warning-500);--error-100:#fcdada;--error-200:#f9b4b4;--error-300:#f58f8f;--error-400:#f26969;--error-500:#ef4444;--error-600:#bf3636;--error-700:#8f2929;--error-800:#601b1b;--error-900:#300e0e;--error:var(--error-500);--info-100:#cfedfb;--info-200:#9fdbf6;--info-300:#6ec9f2;--info-400:#3eb7ed;--info-500:#0ea5e9;--info-600:#0b84ba;--info-700:#08638c;--info-800:#06425d;--info-900:#03212f;--info:var(--info-500);--red-100:#ffcccc;--red-200:#ff9999;--red-300:#ff6666;--red-400:#ff3333;--red-500:#ff0000;--red-600:#cc0000;--red-700:#990000;--red-800:#660000;--red-900:#330000;--red:var(--red-500);--green-100:#cce6cc;--green-200:#99cc99;--green-300:#66b366;--green-400:#339933;--green-500:#008000;--green-600:#006600;--green-700:#004d00;--green-800:#003300;--green-900:#001a00;--green:var(--green-500);--blue-100:#ccccff;--blue-200:#9999ff;--blue-300:#6666ff;--blue-400:#3333ff;--blue-500:#0000ff;--blue-600:#0000cc;--blue-700:#000099;--blue-800:#000066;--blue-900:#000033;--blue:var(--blue-500);--yellow-100:#fff8cc;--yellow-200:#fff199;--yellow-300:#feeb66;--yellow-400:#fee433;--yellow-500:#fedd00;--yellow-600:#cbb100;--yellow-700:#988500;--yellow-800:#665800;--yellow-900:#332c00;--yellow:var(--yellow-500);--grey-100:#fcfcfc;--grey-200:#f8f8f8;--grey-300:#f5f5f5;--grey-400:#f1f1f1;--grey-500:#eeeeee;--grey-600:#bebebe;--grey-700:#8f8f8f;--grey-800:#5f5f5f;--grey-900:#303030;--grey:var(--grey-500);--gradient-dark-100:rgba(0, 0, 0, 0.1);--gradient-dark-200:rgba(0, 0, 0, 0.2);--gradient-dark-300:rgba(0, 0, 0, 0.3);--gradient-dark-400:rgba(0, 0, 0, 0.4);--gradient-dark-500:rgba(0, 0, 0, 0.5);--gradient-dark-600:rgba(0, 0, 0, 0.6);--gradient-dark-700:rgba(0, 0, 0, 0.7);--gradient-dark-800:rgba(0, 0, 0, 0.8);--gradient-dark-900:rgba(0, 0, 0, 0.9);--gradient-dark:var(--gradient-dark-500);--gradient-light-100:rgba(255, 255, 255, 0.1);--gradient-light-200:rgba(255, 255, 255, 0.2);--gradient-light-300:rgba(255, 255, 255, 0.3);--gradient-light-400:rgba(255, 255, 255, 0.4);--gradient-light-500:rgba(255, 255, 255, 0.5);--gradient-light-600:rgba(255, 255, 255, 0.6);--gradient-light-700:rgba(255, 255, 255, 0.7);--gradient-light-800:rgba(255, 255, 255, 0.8);--gradient-light-900:rgba(255, 255, 255, 0.9);--gradient-light:var(--gradient-light-500);--primary-background-100:#fefefe;--primary-background-200:#fcfdfd;--primary-background-300:#fbfbfc;--primary-background-400:#f9fafb;--primary-background-500:#f8f9fa;--primary-background-600:#c6c7c8;--primary-background-700:#959596;--primary-background-800:#636464;--primary-background-900:#323232;--primary-background:var(--primary-background-500);--primary-text-100:#d0d0d0;--primary-text-200:#a0a0a0;--primary-text-300:#717171;--primary-text-400:#414141;--primary-text-500:#121212;--primary-text-600:#0e0e0e;--primary-text-700:#0b0b0b;--primary-text-800:#070707;--primary-text-900:#040404;--primary-text:var(--primary-text-500);--cp-1-100:#cce0f7;--cp-1-200:#9ac2ef;--cp-1-300:#67a3e6;--cp-1-400:#3585de;--cp-1-500:#0266d6;--cp-1-600:#0252ab;--cp-1-700:#013d80;--cp-1-800:#012956;--cp-1-900:#00142b;--cp-1:var(--cp-1-500);--cp-2-100:#efd9d1;--cp-2-200:#dfb2a3;--cp-2-300:#ce8c75;--cp-2-400:#be6547;--cp-2-500:#ae3f19;--cp-2-600:#8b3214;--cp-2-700:#68260f;--cp-2-800:#46190a;--cp-2-900:#230d05;--cp-2:var(--cp-2-500);--font-primary:Inter,sans-serif;--clamp-1:clamp(0.75rem, 0.875rem + 0.5vw, 1.25rem);--clamp-2:clamp(0.875rem, 1rem + 0.5vw, 1.5rem);--clamp-3:clamp(1rem, 1.125rem + 0.5vw, 1.75rem);--clamp-4:clamp(1.125rem, 1.25rem + 0.5vw, 2rem);--clamp-5:clamp(1.25rem, 1.375rem + 0.5vw, 2.25rem);--clamp-6:clamp(1.375rem, 1.5rem + 0.5vw, 2.5rem);--clamp-7:clamp(1.5rem, 1.625rem + 0.5vw, 2.75rem);--clamp-8:clamp(1.625rem, 1.75rem + 0.5vw, 3rem);--clamp-9:clamp(1.75rem, 1.875rem + 0.5vw, 3.25rem);--clamp-10:clamp(1.875rem, 2rem + 0.5vw, 3.5rem);--clamp-11:clamp(2rem, 2.125rem + 0.5vw, 3.75rem);--clamp-12:clamp(2.125rem, 2.25rem + 0.5vw, 4rem);--clamp-13:clamp(2.25rem, 2.375rem + 0.5vw, 4.25rem);--clamp-14:clamp(2.375rem, 2.5rem + 0.5vw, 4.5rem);--clamp-15:clamp(2.5rem, 2.625rem + 0.5vw, 4.75rem);--box-shadow-dark-sm:0 1px 2px 0 var(--rgba-dark-3);--box-shadow-dark-md:0 4px 6px -1px var(--rgba-dark-4),0 2px 4px -2px var(--rgba-dark-3);--box-shadow-dark-lg:0 10px 15px -3px var(--rgba-dark-5),0 4px 6px -4px var(--rgba-dark-4);--box-shadow-dark-xl:0 20px 25px -5px var(--rgba-dark-6),0 10px 10px -5px var(--rgba-dark-5);--box-shadow-dark-2xl:0 25px 50px -12px var(--rgba-dark-7);--box-shadow-light-sm:0 1px 2px 0 var(--rgba-light-3);--box-shadow-light-md:0 4px 6px -1px var(--rgba-light-4),0 2px 4px -2px var(--rgba-light-3);--box-shadow-light-lg:0 10px 15px -3px var(--rgba-light-5),0 4px 6px -4px var(--rgba-light-4);--box-shadow-light-xl:0 20px 25px -5px var(--rgba-light-6),0 10px 10px -5px var(--rgba-light-5);--box-shadow-light-2xl:0 25px 50px -12px var(--rgba-light-7)}body{font-family:Inter,sans-serif;font-weight:400;line-height:1.6;font-size:.9rem;color:#121212;background-color:#f8f9fa}@media (min-width:640px){body{font-size:1rem}}img,svg{display:block}main{overflow:hidden}.section,footer,header,section{width:100%}.section.section-padding,footer.section-padding,header.section-padding,section.section-padding{padding-top:80px;padding-bottom:80px}.section.normal,footer.normal,header.normal,section.normal{padding-top:1rem;padding-bottom:1rem}@media (min-width:640px){.section.normal,footer.normal,header.normal,section.normal{padding-top:2rem;padding-bottom:2rem}}.badge{display:inline-block;background:var(--cp-1-500);color:var(--primary-background);padding:5px 12px;font-size:.8rem;font-weight:700;border-radius:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.flex-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.align-self-center{-ms-flex-item-align:center;align-self:center}.align-self-start{-ms-flex-item-align:start;align-self:flex-start}.align-self-end{-ms-flex-item-align:end;align-self:flex-end}.align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}span.col-cp1-400{color:var(--cp-1-400)}span.col-cp1-500{color:var(--cp-1-500)}a{color:inherit;text-decoration:none;cursor:pointer}.fs-1{font-size:var(--clamp-1)}.fs-2{font-size:var(--clamp-2)}.fs-3{font-size:var(--clamp-3)}.fs-4{font-size:var(--clamp-4)}.fs-5{font-size:var(--clamp-5)}.fs-6{font-size:var(--clamp-6)}.fs-7{font-size:var(--clamp-7)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading-primary);margin-bottom:.5rem;font-weight:700}h1{font-size:var(--clamp-6);line-height:1.2}h2{font-size:var(--clamp-4);line-height:1.25}h3{font-size:var(--clamp-2);line-height:1.3}h4{font-size:var(--clamp-1);line-height:1.35}h5{font-size:var(--clamp-2);line-height:1.4}h6{font-size:var(--clamp-1);line-height:1.45}.card-head{font-size:var(--clamp-1)}.section-head{font-size:var(--clamp-5);letter-spacing:-1px}.text-lead{font-size:115%}.section-sub-head{font-size:.95rem}@media (min-width:640px){.section-sub-head{font-size:.99rem}}.section-sub-head.lw75-mw100{width:100%;margin:0 auto}@media (min-width:768px){.section-sub-head.lw75-mw100{width:75%}}p{margin-bottom:1rem;line-height:1.5}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.lw75-mw100{width:100%}@media (min-width:768px){.lw75-mw100{margin:0 auto;width:75%}}ol,ul{margin-left:1.5rem;margin-bottom:1rem;padding-left:1rem}ol.lns,ul.lns{margin:0;padding-left:0;list-style:none;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:0;padding-inline-start:0}ol li,ul li{margin-bottom:.2rem}.wpr-100{width:100%}.hpr-100{height:100%}.hpx-100{height:100px}.hpx-40{height:40px}.btn{position:relative;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn.btn-full{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn.btn-outline{border:2px solid var(--cp-1-500);color:var(--cp-1-500)}.btn.btn-sm{padding:6px 20px;border-radius:7px}.btn.btn-sm svg{margin-right:5px}.btn.btn-md{padding:8px 32px;border-radius:7px}.btn.btn-md.box-shadow-light{-webkit-box-shadow:0 4px 6px var(--rgba-light-4);box-shadow:0 4px 6px var(--rgba-light-4)}.btn.btn-md.box-shadow-dark{-webkit-box-shadow:0 4px 6px var(--rgba-dark-4);box-shadow:0 4px 6px var(--rgba-dark-4)}.btn.btn-md.box-shadow-dark:hover{-webkit-box-shadow:0 6px 8px var(--rgba-dark-2);box-shadow:0 6px 8px var(--rgba-dark-2)}.btn.btn-md svg{width:24px;height:24px;margin-right:5px}.btn.has-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn.btn-call{background-color:#000;color:#fff;z-index:0}.btn.btn-call svg{fill:#fff}.btn.btn-call:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(45deg,var(--error-700),var(--error-500),var(--error-700));z-index:-1}.btn.btn-email{background-color:#000;color:#fff;z-index:0}.btn.btn-email svg{fill:#fff}.btn.btn-email:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--cp-bg-email);z-index:-1}.btn.btn-whatsapp{background-color:#000;color:#fff;z-index:0}.btn.btn-whatsapp svg{fill:#fff}.btn.btn-whatsapp:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:linear-gradient(45deg,var(--green-700),var(--green-500),var(--green-700))}.btn.btn-danger{background-color:#000;color:#fff;z-index:0}.btn.btn-danger svg{fill:#fff}.btn.btn-danger:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--cp-danger);z-index:-1}.btn.btn-info{background-color:#000;color:#fff;z-index:0}.btn.btn-info svg{fill:#fff}.btn.btn-info:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--cp-info);z-index:-1}.btn.btn-success{background-color:#000;color:#fff;z-index:0}.btn.btn-success svg{fill:#fff}.btn.btn-success:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:-webkit-gradient(linear,left top,right top,from(#004d00),color-stop(green),to(#004d00));background:linear-gradient(to right,#004d00,green,#004d00);z-index:-1}.btn.btn-warning{background-color:#000;color:#fff;z-index:0}.btn.btn-warning svg{fill:#fff}.btn.btn-warning:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--cp-warning);z-index:-1}.btn.btn-error{background-color:#000;color:#fff;z-index:0}.btn.btn-error svg{fill:#fff}.btn.btn-error:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--cp-error);z-index:-1}.btn.btn-primary{background-color:var(--cp-1-500);color:var(--primary-background-500)}.bg-cp-1{background-color:var(--cp-1)}.color-primary-background{color:var(--cp-primary-background)}.color-primary-text{color:var(--cp-primary-text)}.cp-1{color:var(--cp-1-500)}.gap-025{gap:.25rem}.gap-05{gap:.5rem}.gap-075{gap:.75rem}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.gap-5{gap:5rem}.highlight{padding:4px 7px;border-radius:25px;font-weight:600;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:0;overflow:hidden;display:block}.highlight:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;border-radius:25px;display:block}.highlight.highlight-info{background-color:var(--cp-primary-text);color:var(--cp-primary-background)}.highlight.highlight-info:before{background-color:var(--cp-3)}.highlight.highlight-danger{color:var(--cp-primary-text);background-color:var(--cp-danger)}.highlight.highlight-danger:before{display:none}#part-topbar{background-color:var(--cp-1-700);color:var(--primary-background-500);position:relative;z-index:0;height:40px}#part-topbar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(45deg,var(--cp-1-800),var(--cp-1),var(--cp-1-800))}#part-topbar .container{height:100%;display:grid;grid-template-columns:1fr;grid-gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:640px){#part-topbar .container{grid-template-columns:repeat(2,1fr)}}#part-topbar .container .left{text-align:center;font-weight:600}@media (min-width:640px){#part-topbar .container .left{text-align:left}}#part-topbar .container .right{display:none;text-align:right}@media (min-width:640px){#part-topbar .container .right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}#header{height:80px;background-color:var(--grey-400);-webkit-box-shadow:0 0 10px var(--gradient-dark-100);box-shadow:0 0 10px var(--gradient-dark-100);position:sticky;top:40px;-webkit-transition:.1s linear all;transition:.1s linear all;z-index:5}#header.scrolled{top:0;-webkit-box-shadow:0 0 10px var(--gradient-dark-200);box-shadow:0 0 10px var(--gradient-dark-200);z-index:99}#header .container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:0}#header .container .left{max-width:250px}#header .container .left a{display:block;width:100%;overflow:hidden}#header .container .left a img{width:100%;height:auto}#header .container .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media (max-width:992px){#header .container .right nav{position:fixed;width:calc(100% - 55px);height:100vh;top:0;left:0;background:var(--cp-1-800);padding:40px 1rem 1rem 1rem;-webkit-transform:translateX(-100%);transform:translateX(-100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:var(--clamp-2);font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease}#header .container .right nav.active{-webkit-transform:translateX(0);transform:translateX(0);z-index:88}}#header .container .right nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media (max-width:992px){#header .container .right nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#header .container .right nav ul li{margin:0 1rem}@media (max-width:992px){#header .container .right nav ul li{margin:0 0 .5rem 0}}@media (max-width:768px){#header .container .right nav ul li a{color:var(--primary-background-500)}}@media (max-width:992px){#header .container .right a.btn{display:none}}#header .container .right #header-search-container{margin-right:1rem;width:26px;height:26px;cursor:pointer}@media (min-width:769px){#header .container .right #header-search-container{margin-right:0;margin-left:.5rem}}#header .container .right #header-search-container button.search-toggle{border:none}#header .container .right #header-search-container button.search-toggle svg{display:block}#header .container .right .bars{display:none;cursor:pointer}@media (max-width:992px){#header .container .right .bars{width:23px;height:20px;display:block;position:relative}#header .container .right .bars .bar{position:absolute;left:0;width:100%;height:3px;background-color:var(--primary-text-500);-webkit-transition:all .3s ease;transition:all .3s ease}#header .container .right .bars .bar:nth-child(1){top:0}#header .container .right .bars .bar:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#header .container .right .bars .bar:nth-child(3){bottom:0}#header .container .right .bars .bar.active:nth-child(1){top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}#header .container .right .bars .bar.active:nth-child(2){opacity:0}#header .container .right .bars .bar.active:nth-child(3){bottom:50%;-webkit-transform:translateY(50%) rotate(-45deg);transform:translateY(50%) rotate(-45deg)}}#header .container.container.sform{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--cp-1);height:56px;margin-top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:-1;opacity:0;width:100%;-webkit-transition:.2s linear all;transition:.2s linear all}@media (min-width:769px){#header .container.container.sform{-webkit-box-shadow:0 0 10px var(--gradient-dark-200);box-shadow:0 0 10px var(--gradient-dark-200);-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0);border-radius:0 0 7px 7px}}#header .container.container.sform.active{-webkit-transform:translateX(0);transform:translateX(0);z-index:1;opacity:1}@media (min-width:769px){#header .container.container.sform.active{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}#header .container.container.sform .produk-search-container{width:100%}#header .container.container.sform .produk-search-container form{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem}#header .container.container.sform .produk-search-container form input{width:calc(100% - 100px);border-radius:5px;padding:.5rem 1rem;outline:unset;border:1px solid var(--gradient-dark-100)}#header .container.container.sform .produk-search-container form button{border-radius:5px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.3rem .5rem;border:1px solid var(--gradient-dark-100);background-color:#ff4500;color:var(--primary-background)}#header .container.container.sform .produk-search-container form button svg{fill:var(--primary-background)}.hero{height:calc(70vh - 140px);background-color:var(--primary-background-500);position:relative;overflow:hidden}@media (min-width:375px){.hero{height:calc(60vh - 140px)}}@media (min-width:540px){.hero{height:calc(70vh - 140px)}}@media (min-width:1600px){.hero{height:calc(75vh - 140px)}}.hero .container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1}@media (min-width:640px){.hero .container{max-width:800px;margin:0 auto;text-align:center}}.hero .container .hero-content{position:relative}.hero .container .hero-content .hero-bg{width:60px;aspect-ratio:1/1;overflow:hidden}@media (min-width:768px){.hero .container .hero-content .hero-bg{width:100px;position:absolute;left:50%;top:-100px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width:992px){.hero .container .hero-content .hero-bg{width:60px;top:-5rem}}@media (min-width:1600px){.hero .container .hero-content .hero-bg{width:400px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0;opacity:.2}}.hero .container .hero-content .hero-bg svg{width:100%;height:100%}@media (min-width:1600px){.hero .container .hero-content .hero-bg svg{fill:var(--grey-600)}}@media (min-width:1600px){.hero .container .hero-content h1,.hero .container .hero-content p{position:relative;z-index:2}}.hero .container .hero-cta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:640px){.hero .container .hero-cta{margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#part-tentang-kami .container{display:grid;grid-template-columns:1fr;grid-gap:1rem}@media (min-width:640px){#part-tentang-kami .container{grid-template-columns:1fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}#part-tentang-kami .container .img-container{border-radius:7px;overflow:hidden;aspect-ratio:16/9;overflow:hidden}#part-tentang-kami .container .img-container img{border-radius:7px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}#produk{background-color:var(--grey-400)}#produk .container .produk-search-container{margin-top:1rem}#produk .container .produk-search-container form{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}#produk .container .produk-search-container form input{border-radius:5px;padding:.5rem 1rem;outline:unset;border:1px solid var(--gradient-dark-100)}#produk .container .produk-search-container form button{border-radius:5px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.3rem .5rem;border:1px solid var(--gradient-dark-100);background-color:var(--cp-1-500);color:var(--primary-background)}#produk .container .produk-search-container form button svg{fill:var(--primary-background)}#produk .container .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;overflow:hidden}#produk .container .product-grid .product-card{background:#fff;padding:20px;border-radius:var(--border-radius);border:1px solid #eee;-webkit-transition:var(--transition);transition:var(--transition);opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-transition:opacity .6s ease,-webkit-transform .6s ease;transition:opacity .6s ease,-webkit-transform .6s ease;transition:opacity .6s ease,transform .6s ease;transition:opacity .6s ease,transform .6s ease,-webkit-transform .6s ease}#produk .container .product-grid .product-card.mm_show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#produk .container .product-grid .product-card:hover{-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.1)}#produk .container .product-grid .product-card .product-img{width:100%;border-radius:4px;overflow:hidden;margin-bottom:20px}#produk .container .product-grid .product-card .product-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#produk .container .product-grid .product-card p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;line-height:1.4em;max-height:4.2em}#part-keunggulan .container{display:grid;grid-template-columns:1fr;grid-gap:1rem;overflow:hidden}@media (min-width:640px){#part-keunggulan .container{grid-template-columns:1fr 393px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (min-width:992px){#part-keunggulan .container{grid-template-columns:1fr 1fr}}@media (min-width:640px){#part-keunggulan .container .left .text-center{text-align:left}}#part-keunggulan .container .right .img-container{width:100%;aspect-ratio:16/9}@media (min-width:640px){#part-keunggulan .container .right .img-container{aspect-ratio:4/3}}@media (min-width:641px){#part-keunggulan .container .right .img-container{aspect-ratio:16/9}}#part-keunggulan .container .right .img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:7px}#part-brand-logo{background-color:#fff;overflow:hidden}#part-brand-logo:hover .container .item img{-webkit-filter:grayscale(0);filter:grayscale(0)}#part-brand-logo .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;max-width:1024px}@media (min-width:768px){#part-brand-logo .container{gap:1rem}}#part-brand-logo .container .item{-webkit-box-flex:0;-ms-flex:0 0 156px;flex:0 0 156px;aspect-ratio:16/9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#part-brand-logo .container .item img{display:block;-webkit-filter:grayscale(50%);filter:grayscale(50%);-webkit-transition:.2s linear all;transition:.2s linear all}#faq{background-color:var(--grey-400);overflow:hidden}.faq-container{max-width:800px;margin:0 auto}.faq-item{margin-bottom:10px;border:1px solid #ddd;border-radius:var(--border-radius);overflow:hidden}.faq-question{width:100%;padding:15px 20px;text-align:left;background:#fff;border:none;font-weight:600;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-transform:capitalize}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;background:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.faq-answer.active{padding:15px 20px;max-height:500px}.single-product-container{background-color:var(--primary-background);color:var(--primary-text)}.single-product-container .container .product-main-grid{display:grid;grid-template-columns:1fr;gap:40px;padding:60px 0}@media (min-width:640px){.single-product-container .container .product-main-grid{grid-template-columns:1fr 1fr;gap:30px;padding:30px 0}}.single-product-container .container .product-main-grid .product-intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:768px){.single-product-container .container .product-main-grid .product-intro{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.single-product-container .container .product-main-grid .product-intro h1{font-size:var(--clamp-5);color:var(--primary-text);margin:15px 0}.single-product-container .container .product-main-grid .product-intro .short-description{font-size:1.05rem;color:var(--primary-text);margin-bottom:25px}.single-product-container .container .product-main-grid .product-intro .quick-specs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.9rem;display:none}.single-product-container .container .product-main-grid .product-visual{background-color:#f9f9f9;border-radius:var(--border-radius);overflow:hidden;border:1px solid #eee}@media (max-width:768px){.single-product-container .container .product-main-grid .product-visual{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.single-product-container .container .product-main-grid .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.single-product-container .container .product-main-grid .image-wrapper img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.single-product-content-container{background-color:var(--grey-400)}.single-product-content-container .container{display:grid;grid-template-columns:1fr;grid-gap:1rem}@media (min-width:640px){.single-product-content-container .container{grid-template-columns:1fr 250px}}@media (min-width:769px){.single-product-content-container .container{grid-template-columns:1fr 320px}}.single-product-content-container .container .product-content{padding-top:20px}@media (max-width:768px){.single-product-content-container .container .product-content{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}.single-product-content-container .container .detailed-article h2{font-size:1.8rem;margin-bottom:20px;color:var(--accent-blue)}.single-product-content-container .container .detailed-article h3{margin:30px 0 15px;border-left:4px solid var(--accent-orange);padding-left:15px}.single-product-content-container .container .detailed-article ul{margin-bottom:20px;padding-left:20px}.single-product-content-container .container .detailed-article li{margin-bottom:10px}.single-product-content-container .container .product-sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}@media (max-width:768px){.single-product-content-container .container .product-sidebar{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}}.single-product-content-container .container .product-sidebar .sidebar-box{background:#fff;padding:30px;border-radius:var(--border-radius);border:1px solid #eee}.single-product-content-container .container .product-sidebar .sidebar-box .sidebar-title{font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.single-product-content-container .container .product-sidebar .sidebar-box ul.all-product-list{list-style:none}.single-product-content-container .container .product-sidebar .sidebar-box ul.all-product-list li{margin-bottom:12px}.single-product-content-container .container .product-sidebar .sidebar-box ul.all-product-list li a{text-decoration:none;color:#555;font-weight:600;-webkit-transition:.3s;transition:.3s;display:block}.single-product-content-container .container .product-sidebar .sidebar-box ul.all-product-list li a:active,.single-product-content-container .container .product-sidebar .sidebar-box ul.all-product-list li a:hover{color:var(--accent-blue);padding-left:5px}.single-product-content-container .container .product-sidebar .cta-sidebar{background:var(--light-gray)}.single-product-content-container .container .product-sidebar .cta-sidebar .sidebar-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.main-footer{background:var(--primary-text);color:var(--primary-background);padding-top:80px}.main-footer .container.grid-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.main-footer .container.grid-footer .footer-info .logo{max-width:250px;margin-bottom:1rem}.main-footer .container.grid-footer .footer-info .logo img{width:100%;height:auto}.main-footer .container.grid-footer .footer-links ul{list-style:none}.main-footer .container.grid-footer .footer-links ul li a{color:#ccc;text-decoration:none;display:block;margin-bottom:10px}.main-footer .footer-bottom{border-top:1px solid var(--primary-text-400);padding-top:.5rem;padding-bottom:.5rem;font-size:.9rem;color:#888}.main-footer .footer-bottom .container p{margin:0}#flo{width:80px;position:fixed;bottom:.5rem;right:.5rem;padding:10px;border-radius:7px;background:-webkit-gradient(linear,left top,left bottom,from(var(--grey-400)),to(var(--primary-background)));background:linear-gradient(to bottom,var(--grey-400),var(--primary-background));-webkit-box-shadow:0 0 10px 0 var(--gradient-dark-300);box-shadow:0 0 10px 0 var(--gradient-dark-300)}#flo .flo-closer{width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-2rem;background-color:var(--cp-1-500);color:var(--primary-background);font-size:12px;border-radius:6px}#flo ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}#flo ul li a{padding:10px;border-radius:7px;font-size:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;line-height:1;-webkit-box-shadow:0 0 10px 0 var(--gradient-dark-300);box-shadow:0 0 10px 0 var(--gradient-dark-300)}#flo .flo-opener{width:100%;height:52px;padding:10px;border-radius:7px;font-size:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;display:none;position:relative}#flo .flo-opener svg{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;margin:0;padding:0}