.floating-section,.chemical-section{display:flex;flex-direction:column;align-items:flex-start;width:100%}.floating-section{padding-bottom:80px}.chemical-section{padding:80px 0}.floating-container,.chemical-container{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.floating-header,.chemical-header{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:12px}.floating-title-wrapper,.chemical-title-wrapper{display:flex;align-items:center;gap:8px}.floating-decoration,.chemical-decoration{width:16px;height:10px;background-color:var(--primary-dark-grey-500);border-radius:99px}.floating-subtitle,.chemical-subtitle{font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);color:var(--primary-dark-grey-500);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);white-space:nowrap;font-style:var(--body-regular-m-font-style)}.floating-headline,.chemical-headline{font-family:Archivo Medium,sans-serif;color:var(--primary-dark-grey-900);font-size:28px;letter-spacing:0;line-height:120%}.floating-features,.chemical-products{display:flex;flex-direction:column;gap:16px;width:100%}.feature-card,.product-card{display:flex;flex-direction:column;width:100%;gap:24px;padding:16px;background-color:var(--primary-light-grey-100);border-radius:6px;box-sizing:border-box}.card-number,.product-number{display:flex;width:44px;height:24px;align-items:center;justify-content:center;background-color:var(--primary-dark-grey-900);border-radius:99px;color:var(--primary-dark-grey-50);font-family:var(--body-regular-s-font-family);font-size:var(--body-regular-s-font-size)}.card-content,.product-details{display:flex;flex-direction:column;gap:12px}.feature-title,.product-name{font-family:Work Sans Bold,sans-serif;color:var(--primary-dark-grey-900);font-size:24px;letter-spacing:0;line-height:120%}.feature-description,.product-description{font-family:var(--body-regular-m-font-family);color:var(--primary-dark-grey-900);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:140%}.card-image-wrapper,.product-image-container{border-radius:4px;overflow:hidden;height:235.67px;display:flex;align-items:flex-end;margin-top:auto}.card-image,.product-image{width:100%;height:100%;object-fit:cover;display:block}.mobile-slider-controls{display:flex;align-items:center;gap:0;border-radius:6px;border:1px solid var(--primary-light-grey-500);width:fit-content;margin-top:20px}.mobile-slider-prev,.mobile-slider-next{width:50px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-family:Work Sans,Helvetica;font-weight:400;color:var(--primary-dark-grey-900);font-size:20px;padding:12px;transition:background-color .3s}.mobile-slider-prev{border-radius:6px 0 0 6px}.mobile-slider-next{border-radius:0 6px 6px 0}.mobile-slider-divider{width:1px;height:33px;background-color:var(--primary-light-grey-500)}@media (hover: hover) and (pointer: fine){.mobile-slider-prev:hover,.mobile-slider-next:hover{background-color:var(--primary-dark-grey-500);color:var(--primary-dark-grey-50)}}.mobile-slider-prev:active,.mobile-slider-next:active{background-color:var(--primary-dark-grey-900);color:var(--primary-dark-grey-50)}.mobile-slider-prev:disabled,.mobile-slider-next:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary-dark:disabled{background-color:var(--primary-light-grey-50);border-color:var(--primary-dark-grey-800);color:var(--primary-dark-grey-900)}@media (hover: hover) and (pointer: fine){.btn-primary-dark:disabled:hover{background:var(--primary-light-grey-500);color:var(--primary-dark-grey-900)}}.btn-primary-dark:disabled:active{background:var(--primary-light-grey-500);color:var(--primary-dark-grey-900)}@media (max-width: 768px){.floating-section{padding-bottom:60px}.chemical-section{padding:60px 0}.feature-card,.product-card{gap:22px}.feature-title,.product-name{font-size:20px}.feature-description,.product-description{font-size:var(--body-regular-s-font-size);line-height:120%}}@media (min-width: 768px){.floating-section{padding-bottom:60px}.chemical-section{padding:60px 0}.floating-headline,.chemical-headline{font-size:36px}.floating-features,.chemical-products{flex-direction:row;flex-wrap:wrap;gap:16px}.feature-card,.product-card{width:calc(50% - 10px)}.card-image-wrapper,.product-image-container{height:250px}}@media (min-width: 992px){.floating-container,.chemical-container{gap:40px}.floating-headline,.chemical-headline{font-size:42px}.feature-card,.product-card{width:calc(33.333% - 11px)}.card-image-wrapper,.product-image-container{height:277.67px}}@media (min-width: 1200px){.floating-headline,.chemical-headline{font-size:48px}}@media (min-width: 768px){.feature-card,.product-card{display:flex!important}}@media (max-width: 576px){.feature-card:not(:first-child),.product-card:not(:first-child){display:none}}.filtrasi-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:80px 0}.filtrasi-container{display:flex;flex-direction:column;gap:40px;width:100%}.filtrasi-header{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:12px}.filtrasi-title-wrapper{display:flex;align-items:center;gap:8px}.filtrasi-decoration{width:20px;height:12px;background-color:var(--primary-dark-grey-500);border-radius:99px}.filtrasi-subtitle{font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);color:var(--primary-dark-grey-500);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);white-space:nowrap;font-style:var(--body-regular-m-font-style)}.filtrasi-headline{font-family:Archivo Medium,sans-serif;color:var(--primary-dark-grey-900);font-size:28px;letter-spacing:0;line-height:120%}.filtrasi-content-wrapper{display:flex;width:100%;flex-direction:column;align-items:center;gap:40px;position:relative}.filtrasi-description-container{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:40px;position:relative}.filtrasi-text-group{display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:relative;width:100%}.filtrasi-title{position:relative;align-self:stretch;margin-top:-1px;font-family:var(--body-regular-l-font-family);color:var(--secondary-green-500);font-size:var(--body-regular-l-font-size);letter-spacing:var(--body-regular-l-letter-spacing);line-height:var(--body-regular-l-line-height);font-style:var(--body-regular-l-font-style)}.filtrasi-image-wrapper{position:relative;width:100%;height:auto;overflow:hidden}.filtrasi-image-container{position:relative;width:100%;height:auto;border-radius:6px}.filtrasi-diagram{width:100%;height:auto;object-fit:cover}.filtrasi-content-row{display:flex;flex-direction:column;gap:24px}.filtrasi-description{position:relative;width:100%;font-family:var(--body-regular-m-font-family);color:var(--primary-dark-grey-900);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);font-style:var(--body-regular-m-font-style)}.feature-point{position:relative;padding-left:1.5em}.feature-point:before{content:counter(feature-counter) ".";counter-increment:feature-counter;position:absolute;left:5px;font-weight:var(--body-regular-m-font-weight)}.filtrasi-description{display:flex;flex-direction:column;counter-reset:feature-counter}.filtrasi-main-image{width:100%;height:auto;max-width:491px;align-self:flex-end}.section-divider{width:100%;height:2px;background-color:var(--primary-dark-grey-100);transform:scaleY(.5);border:none;margin:0}.filtrasi-spec-text{position:relative;font-family:var(--body-regular-m-font-family);color:var(--primary-light-grey-900);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);white-space:normal;font-style:var(--body-regular-m-font-style)}.filtrasi-specs-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative;width:100%}.filtrasi-specs-list{list-style:none;margin:0;padding:0}.filtrasi-spec-item{display:inline-flex;align-items:center;gap:8px;position:relative;flex:0 0 auto}.filtrasi-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.filtrasi-media-item{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.filtrasi-media-image{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.filtrasi-media-caption{font-family:var(--body-regular-m-font-family);color:var(--primary-dark-grey-900);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);font-style:var(--body-regular-m-font-style)}.filtrasi-tech-description{position:relative;width:100%;margin-top:-1px;font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);color:var(--primary-light-grey-900);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);font-style:var(--body-regular-m-font-style)}.filtrasi-membrane-image{width:100%;height:auto;border-radius:6px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;transition:.3s ease-in-out}.modal-content{position:relative;background-color:#fefefe;margin:10% auto;padding:10px;border-radius:10px;width:90%;max-width:700px;box-shadow:0 4px 15px #0000004d;animation:fadeIn .4s}.modal-content img{width:100%;height:auto;border-radius:6px}.close{color:#aaa;font-size:28px;font-weight:700;position:absolute;right:15px;top:10px;cursor:pointer}.close:hover{color:#333}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 576px){.filtrasi-description,.filtrasi-spec-text,.filtrasi-media-caption,.filtrasi-tech-description{font-size:14px;line-height:120%}}@media (min-width: 768px){.filtrasi-section{padding:60px 0}.filtrasi-headline{font-size:40px}.filtrasi-content-wrapper{flex-direction:row;align-items:flex-end;justify-content:space-between}.filtrasi-description-container{width:55%}.filtrasi-main-image{width:40%;height:auto}.filtrasi-media-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.filtrasi-headline{font-size:48px}.filtrasi-description-container{width:592px;gap:60px}.filtrasi-image-container{height:280px}.filtrasi-diagram{position:absolute;width:592px;height:210px}.filtrasi-main-image{width:491px;height:528px}.filtrasi-media-grid{grid-template-columns:repeat(5,1fr);gap:16px}.filtrasi-media-item,.filtrasi-media-item-highlight{width:187px}.filtrasi-media-image{height:187px}.filtrasi-membrane-image{height:560px}}.disinfection-section{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:60px;box-sizing:border-box}.disinfection-container{display:flex;flex-direction:column;gap:40px;width:100%;max-width:100%}.disinfection-header{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:12px}.disinfection-title-wrapper{display:flex;align-items:center;gap:8px}.disinfection-decoration{width:20px;height:12px;background-color:var(--primary-dark-grey-500);border-radius:99px}.disinfection-subtitle{font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);color:var(--primary-dark-grey-500);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);white-space:nowrap;font-style:var(--body-regular-m-font-style)}.disinfection-headline{font-family:Archivo Medium,sans-serif;color:var(--primary-dark-grey-900);font-size:48px;letter-spacing:0;line-height:120%}.disinfection-methods-container{display:flex;flex-direction:column;width:100%;gap:16px}.disinfection-method{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:24px;position:relative}.disinfection-method-title{position:relative;font-family:Work Sans Bold,sans-serif;color:var(--primary-dark-grey-900);font-size:20px;letter-spacing:var(--title-bold-m-letter-spacing);line-height:var(--title-bold-m-line-height);font-style:var(--title-bold-m-font-style)}.disinfection-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:relative;align-self:stretch;width:100%}.disinfection-image{position:relative;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;border-radius:8px}.disinfection-details{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:24px;position:relative}.disinfection-description{position:relative;font-family:var(--body-regular-m-font-family);color:var(--primary-dark-grey-900);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);font-style:var(--body-regular-m-font-style)}.components-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;align-self:stretch;width:100%}.components-title{position:relative;align-self:stretch;height:22px;margin-top:-1px;font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);color:var(--primary-dark-grey-900);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);white-space:nowrap;font-style:var(--body-regular-m-font-style)}.component-item{display:flex;align-items:center;gap:8px;position:relative;align-self:stretch;width:100%}.component-name{position:relative;width:fit-content;margin-top:-1px;font-family:var(--body-regular-m-font-family);font-weight:var(--body-regular-m-font-weight);font-size:var(--body-regular-m-font-size);letter-spacing:var(--body-regular-m-letter-spacing);line-height:var(--body-regular-m-line-height);white-space:nowrap;font-style:var(--body-regular-m-font-style)}.component-bullet{position:relative;width:20px;height:12px;background-color:var(--primary-dark-grey-500);border-radius:99px}@media (max-width: 576px){.disinfection-container{gap:20px}.disinfection-headline{font-size:28px}.disinfection-description{font-size:14px}}@media (min-width: 768px){.disinfection-methods-container{flex-direction:row}.disinfection-headline{font-size:40px}.disinfection-content{flex-direction:row;align-items:flex-end}.disinfection-image{width:50%;height:auto}.disinfection-details{width:50%;gap:32px}}@media (min-width: 992px){.disinfection-headline{font-size:44px}.disinfection-methods-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.disinfection-method{width:calc(50% - 16px)}.disinfection-image{width:288px;height:250px}.disinfection-details{width:calc(100% - 304px)}}@media (min-width: 1200px){.disinfection-method{width:592px;height:303px}.disinfection-content{flex:0 0 auto}.disinfection-details{gap:37px}}