@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,700;0,900;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");@import url("https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap");*{margin:0;padding:0;outline:none !important;box-sizing:border-box;font-family:"Brandon Grotesque",sans-serif,sans-serif}body,#main-wrapper{overflow-x:hidden}.green-t{color:#0f8541}.green-6{color:#068053}.red{color:#c82831}.green-fot{color:#3b6d28}.green9{color:#1fbd84}.bg-lightgreen{background-color:#dbfdf3 !important}.bg-lightdark{background-color:rgba(0,0,0,0.4)}.bg-product{background-color:#43b58b !important}.bg-product-2{background-color:#1fbd84 !important}.bg-green4{background-color:#0f8541}.brandon-lt{font-family:"Brandon Grotesque",sans-serif;font-weight:300}.brandon-bold{font-family:"Brandon Grotesque",sans-serif;font-weight:bold}.brandon-black{font-family:"Brandon Grotesque",sans-serif;font-weight:900}.roboto{font-family:"Roboto", sans-serif}.title,.title-store{width:fit-content;z-index:1;font-family:"Brandon Grotesque",sans-serif;font-weight:bold;text-transform:uppercase}.home2 .title,.home .title-store{font-weight:bold !important}.title{text-align:center}.title span{position:absolute;width:120%;left:50%;top:50%;z-index:-1;height:10px;opacity:0.2;background:#c82831;transform:translate(-50%, -50%)}.title::before,.title::after{position:absolute;content:"";width:15px;height:15px;border-radius:50%}.title::before{top:-10%;left:-30%;background:#c82831}.title::after{bottom:-10%;right:-30%;background:#0f8541}.title.h2{display:flex;text-align:left;flex-direction:column;text-transform:none;font-family:"Brandon Grotesque",sans-serif;font-weight:900}.title.h2 span{top:8%;background:#0f8541}.title.h2.s2 span{width:110%;left:48%}.title.h2.s2:after{bottom:45%;right:-35%}.title.h2.s2::before{left:-15%;top:-30%}.title.product{position:absolute;top:18%;left:11%}.title.product span{width:120%;left:6%;top:80%}.title.product::before{left:-10%;top:-15%}@media (max-width: 780px){.title.product::before{left:-2%;top:-45%}}.title.product::after{bottom:0;right:-10%}@media (max-width: 780px){.title.product::after{bottom:-50%;right:-6%}}.title.product.s4 span{width:110%;left:50%}.title.s2{top:16%;left:6%}.title.s2 span{width:200%;left:8%}.title.s2::before{left:-20%;top:70%}.title.s2::after{bottom:100%}.title.s3{margin-top:20%;margin-bottom:5%}.title.s3.h2{top:0;left:15%;margin-top:25%}.title.s4{top:12%;left:50%;transform:translateX(-50%)}.title.s4 span{top:75%}.title.s4.h2{text-align:center}.title.s4.h2::before{top:-30%;left:-10%}.title.s4.h2::after{bottom:50%;right:-10%}.title.s4.h2 span{width:80%;top:15%}.title.s5.h2 span{width:150%;top:50%;background:#c82831}.title.s6.h2{text-align:center !important}.title.s6.h2::before{left:-10%;top:10%}.title.s6.h2::after{right:-12%;bottom:42%}.title.s6.h2 span{width:110%;top:54%;left:50%}.title.s7.h2::before{left:-10%}.title.s7.h2::after{right:-10%}.title-store::before{position:absolute;content:"";left:-45px;top:-55px;width:3px;height:100px;background:#0f8541}.title-store::after{position:absolute;content:"";left:-95px;top:-30px;width:200px;height:3px;background:#0f8541}.card-article{padding:15px 8px}.card-article .box-img img{transition:0.5s}.card-article p{font-family:"Brandon Grotesque",sans-serif;font-weight:bold;margin:10px 0;color:#0f8541;font-family:"Brandon Grotesque",sans-serif;font-weight:900;overflow:hidden;display:-webkit-box;transition:0.5s;line-height:1.2;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-article:hover .box-img img,.card-article:focus .box-img img{transform:scale(1.1)}.card-article:hover p,.card-article:focus p{color:#1bbd60}.neo-btn{display:block;color:#14a36e;width:max-content;padding:8px 20px;border:3px solid #14a36e;transition:0.5s;font-weight:bold}.neo-btn:hover,.neo-btn:focus{color:white;background-color:#14a36e}.neo-btn-2{position:relative;display:block;padding:6px 40px;color:white;width:fit-content;margin:30px auto;transition:0.5s;line-height:unset;border-radius:25px;letter-spacing:1px;font-family:"Brandon Grotesque",sans-serif;font-weight:bold;background:#00cc66;border:1px solid transparent;box-shadow:inset -5px -5px 30px #068053}.neo-btn-2:hover,.neo-btn-2:focus{color:#00cc66;background:white;border-color:#00cc66;box-shadow:2px 2px 20px #068053}.neo-btn-2.s6{margin-top:4.5rem;box-shadow:inset -25px -16px 55px #068053}.neo-btn-2.s6:hover,.neo-btn-2.s6:focus{box-shadow:2px 2px 20px #068053}@media (max-width: 780px){.neo-btn-2.s6{margin-top:1rem;margin-bottom:5.5rem;padding:1rem 4rem;border-radius:0}}.neo-btn-2.s6-home2{background-color:#038c5a;background-image:linear-gradient(#08734c, #038c5a);box-shadow:none;font-size:1.875rem;line-height:2.25rem;padding:0.5rem 2rem;margin-top:3rem}.neo-btn-2.s6-home2:hover,.neo-btn-2.s6-home2:focus{background:#fff}@media (max-width: 780px){.neo-btn-2.s6-home2{margin-top:4rem;margin-bottom:1.5rem;padding-right:2.5rem;padding-left:2.5rem;font-size:1.5rem;line-height:2rem}}.neo-btn-2.s7{background-color:#038c5a;background-image:linear-gradient(#08734c, #038c5a);box-shadow:none}.neo-btn-2.s7:hover,.neo-btn-2.s7:focus{background:#fff}.detail-article .box-banner{height:450px;border-radius:80px 80px 0 0}.detail-article .box-text p{padding-bottom:10px}.detail-article ol{counter-reset:sph-counter;padding-bottom:10px}.detail-article ol li{counter-increment:sph-counter;position:relative;padding-left:25px}.detail-article ol li::before{position:absolute;left:0;content:counter(sph-counter) "."}.detail-article ul{padding-bottom:10px}.detail-article ul li{position:relative;padding-left:25px}.detail-article ul li::before{position:absolute;left:0;content:"●"}.line{position:relative;width:100%;height:3px;background-color:#14a36e}.card-fakta{position:relative;display:flex;width:270px;height:360px;overflow:hidden;border-radius:20px;flex-direction:column;align-items:center;justify-content:center;background:#dbfdf3}.card-fakta .box{overflow:hidden;width:170px;height:170px;margin:30px auto 20px;border-radius:50%;border:3px solid #43b58b}.card-fakta .box img{width:100%;height:100%;object-fit:cover;object-position:center}.card-fakta p{color:#0f8541;width:75%;text-align:center}.card-fakta .float{display:flex;top:0;left:0;z-index:1;width:100%;height:100%;opacity:1;transition:1s;background:#43b58b;align-items:center;justify-content:center}.card-fakta .float img{width:50%}.card-fakta .path{position:absolute;width:25px}.card-fakta .path.-a{top:10%;left:8%}.card-fakta .path.-b{bottom:6%;right:8%}.card-fakta:hover .float,.card-fakta:focus .float{opacity:0}.box-circle{display:flex;width:30px;height:30px;color:white;transition:0.5s;border-radius:50%;background:#3b6d28;align-items:center;justify-content:center;border:1px solid transparent}.box-circle.white{color:#0f8541;background:white;border-color:#0f8541}.box-circle.white:hover,.box-circle.white:focus{background:#0f8541;color:white}.box-circle.share{width:40px;height:40px;font-size:20px;background:#0f8541}.box-circle:hover,.box-circle:focus{background:white;color:#3b6d28;border-color:#3b6d28}.box-circle:hover.share,.box-circle:focus.share{color:#0f8541;border-color:#0f8541}.pagination{display:inline-block;position:relative;left:50%;padding-bottom:40px;transform:translateX(-50%)}.pagination .page-item{display:inline-block;margin:0 5px}.pagination .page-item *{display:inline-block;padding:5px 10px;color:#666666;font-weight:bold;font-size:25px}.pagination .page-item.disabled{display:none}.pagination .page-item:hover *,.pagination .page-item.active *{color:#0f8541}.h1-footer{background:white}.h1-footer footer span{display:none}.h1-footer footer>div{display:none}@media (max-width: 1100px){.h1-footer footer>div{display:flex}}header{background:linear-gradient(to top, transparent, #fff)}header .hamburger{position:relative;cursor:pointer;display:flex;width:53px;height:53px;background:#0f8541;border-radius:50%;align-items:center;flex-direction:column;justify-content:center}header .hamburger .line{height:5px;width:28px;transition:0.5s;margin-bottom:4px;border-radius:2px;background:white}header .hamburger .line:nth-child(2){width:34px;margin-bottom:0}header .hamburger .line:nth-child(3){margin-top:4px;margin-bottom:0}header .hamburger:hover .line,header .hamburger:focus .line{width:20px}header .hamburger.active .line{width:34px}header .hamburger.active .line:nth-child(1){top:4px;margin-bottom:0;transform:rotate(45deg)}header .hamburger.active .line:nth-child(2){opacity:0}header .hamburger.active .line:nth-child(3){top:-4px;margin-top:0;transform:rotate(-45deg)}header nav{transition:1s;height:0}header nav .nav-menu{right:-100%;transition:1s}header nav .btn-close{display:flex;width:41px;height:40px;line-height:1;align-items:center;justify-content:center;border:3px solid #0f8541}header nav.active{height:100vh}header nav.active .nav-menu{right:0;transition-delay:0.5s}.h1-header header .hamburger{display:none}@media (max-width: 1100px){.h1-header header .hamburger{display:flex}}.floating{bottom:6%;left:0;z-index:100;transition:1s;transform:translateX(35%)}.floating .--a{border-radius:0 45px 45px 0;background-color:#1bbd60}.floating .--b{position:absolute;height:86px;width:86px;top:50%;left:0;border-radius:100%;background-color:#c82831;transform:translate(-65%, -50%)}.floating .--b img{width:50%;margin:0 auto}.floating .clip{position:absolute;padding:1px 15px;top:100%;left:50%;border:1px solid #c82831;background-color:#c82831;transform:translate(-45%, -50%);clip-path:polygon(6% 0, 100% 0%, 94% 100%, 0% 100%)}.box-notes>p{font-size:10px;line-height:1.3}.box-notes>div img{left:0;width:50px}.box-notes>div img.h1{width:40px}.box-notes>div p{display:flex;width:190px;height:40px;font-size:9px;line-height:1.2;border:2px solid black;background-color:white;align-items:center;justify-content:center}.h2-s4-slider.swiper-container{display:flex;width:80%;padding-top:50px;padding-bottom:80px}.h2-s4-slider.swiper-container.h1{width:70%;top:60vh;transform:translateY(-50%)}@media (max-width: 1300px){.h2-s4-slider.swiper-container.h1{max-width:600px}}.h2-s4-slider .swiper-slide{background-position:center;background-size:cover;width:47.5%;height:fit-content;padding:5px;background:white}.h2-s4-slider .swiper-slide .text{width:105%;position:relative;left:50%;transform:translateX(-50%)}@media (max-width: 490px){.h2-s4-slider .swiper-slide .text.home2{width:175%}}.h2-s4-slider .swiper-slide p{opacity:0}.h2-s4-slider .swiper-slide-active{background:none}.h2-s4-slider .swiper-slide-active p{opacity:1}.h2-s4-slider .swiper-slide-active .box{position:relative}.h2-s4-slider .swiper-slide-active .box img{filter:none !important}.h2-s4-slider .swiper-slide-active .box::after{position:absolute;content:"";top:50%;left:50%;width:108%;height:108%;border:4px solid #c82831;border-radius:50%;transform:translate(-50%, -50%)}@media (max-width: 780px){.h2-s4-slider .swiper-slide-active .box::after{border-width:2px}}.h2-s4-slider .swiper-slide .box img{display:block;width:100%;filter:brightness(0.6)}.h2-s4-slider .swiper-button-next,.h2-s4-slider .swiper-button-prev{height:30px;top:63%;z-index:20;outline:none;transform:translateX(-50%)}.h2-s4-slider .swiper-button-next:after,.h2-s4-slider .swiper-button-prev:after{color:#0f8541;outline:none;font-weight:bold}@media (min-width: 1535px){.h2-s4-slider .swiper-button-next.home2,.h2-s4-slider .swiper-button-prev.home2{top:67%}}@media (min-width: 780px) and (max-width: 1200px){.h2-s4-slider .swiper-button-next.home2,.h2-s4-slider .swiper-button-prev.home2{top:57%}}@media (max-width: 490px){.h2-s4-slider .swiper-button-next.home2,.h2-s4-slider .swiper-button-prev.home2{top:52% !important}}.h2-s4-slider .swiper-button-next{right:40%}.h2-s4-slider .swiper-button-next.home2{width:2.5rem}.h2-s4-slider .swiper-button-next:after{content:""}.h2-s4-slider .swiper-button-next .slider-arrow{transform:rotate(180deg)}.h2-s4-slider .swiper-button-prev{left:45%}.h2-s4-slider .swiper-button-prev.home2{width:2.5rem}.h2-s4-slider .swiper-button-prev:after{content:""}.h2-s4-slider.h1 .swiper-button-next,.h2-s4-slider.h1 .swiper-button-prev{top:37%;width:46px;height:46px;padding:0 6px;border-radius:50%;background:#0f8541;border:1px solid #0f8541}.h2-s4-slider.h1 .swiper-button-next:after,.h2-s4-slider.h1 .swiper-button-prev:after{content:"➜";color:white;font-size:25px;line-height:unset}.h2-s4-slider.h1 .swiper-button-next{right:18%}.h2-s4-slider.h1 .swiper-button-prev{left:25%}.h2-s4-slider.h1 .swiper-button-prev::after{transform:scale(-1, 1)}.s1 img.mobile{display:none !important}@media (max-width: 1023px){.s1 img.desktop{display:none !important}.s1 img.mobile{display:block !important}}.s1 .arrow{position:absolute;top:90%;left:50%;width:40px;animation:bounce 1.5s infinite;transform:translateX(-50%)}.s1 .arrow.home2{top:80%;left:20%}.s2 .box-img{position:relative;width:45%}.s2 .box-img .text-float{position:relative;top:29%;left:60%;width:max-content;z-index:1;transform:translate(-100%, -50%)}.s2 .box-img .h1-s2a-slider .box{height:65vh}.s2 .box-btn{width:55%}.s2 .box-btn .h1-s2b-slider{padding:0 18% 0 10%}.s2 .card-kenali>div{transition:0.6s;background:#068053;box-shadow:0 5px 10px rgba(128,128,128,0.5)}.s2 .card-kenali>div:hover ~ p,.s2 .card-kenali>div:focus ~ p,.s2 .card-kenali>div:active ~ p{opacity:1}.s2 .card-kenali p{opacity:0;transition:1s}.s2 .card-kenali.active p{width:auto;display:block}.s2 .wave{height:35px;left:6%;top:30%;transform:translate(-50%, -50%)}.s2-cursor{top:45%;left:75%;transition:0.5s;animation:bounce 2s infinite;transform:translate(-50%, -50%)}.s2-cursor .box{width:80px;height:80px;margin:10px auto;border-radius:50%;background:#0f8541}.s2-cursor .box img{width:55%}.s3-clip{position:absolute;padding:6px 30px;color:white;top:100%;left:0%;border:1px solid #c82831;background-color:#c82831;transform:translate(-45%, -50%);clip-path:polygon(6% 0, 100% 0%, 94% 100%, 0% 100%)}.s3-clip.home2{top:85%}.s3 .h1-s3-slider{top:48%}.s3 .h1-s3-slider .box{height:26rem}.s3 .h1-s3-slider .slick-next,.s3 .h1-s3-slider .slick-prev{top:110%}.s3 .h1-s3-slider .slick-next{right:28%}.s3 .h1-s3-slider .slick-prev{left:43%}.s3-h2 .h1-s3-slider .box{height:30rem}.s3-h2 .h1-s3-slider .slick-prev,.s3-h2 .h1-s3-slider .slick-next{top:104%}.s3-h2 .h1-s3-slider.h2 .slick-next{right:30%}.s3-h2 .h1-s3-slider.h2 .slick-prev{right:46%}.s3 .box-left{position:relative;left:6%}.s4-box-slider{position:relative;width:400px;top:50vh;margin:0 auto;transform:translateY(-50%)}.s6.h2 ol{counter-reset:sph-counter}.s6.h2 ol li{counter-increment:sph-counter;position:relative;padding-left:45px}.s6.h2 ol li::before{position:absolute;left:0;color:#c82831;font-family:"Brandon Grotesque",sans-serif;font-weight:bold;content:"0" counter(sph-counter) "."}.s6.h2 .left h1{display:none}.s6 .box-left{top:60%;margin-right:5%;position:relative;transform:translateY(-50%)}.s6 .box-left h1{top:0;left:30px;padding:0 10px;background:#43b58b;transform:translateY(-50%)}.s6 .box-left p{padding:30px;border:4px solid white}.s6 .box-left img{height:45px;right:30px;top:100%;background:#43b58b;transform:translateY(-50%)}.s6 .box-right .btn-produk{display:flex;top:75%;left:4%;width:120px;height:120px;font-size:1rem;transition:0.5s;line-height:1.4 !important;background:#0f8541;border-radius:100%;align-items:center;flex-direction:column;justify-content:center}.s6 .box-right .btn-produk:hover,.s6 .box-right .btn-produk:active{top:72%}.box-social{position:fixed;bottom:calc(5% + 360px);width:6.6%;right:0;z-index:101}#n-tooltip{position:fixed;display:flex;z-index:101;bottom:5%;right:2.5%;text-align:right;padding-bottom:8px;flex-direction:column;align-items:flex-end}#n-tooltip li{font-size:20px;color:#0f8541;height:45px;width:25px;font-weight:900;font-family:"Brandon Grotesque", sans-serif}#n-tooltip li a{padding-right:35px;opacity:0}#n-tooltip li:hover,#n-tooltip li.active{width:auto}#n-tooltip li:hover a,#n-tooltip li.active a{opacity:1}.home1 .section{background:white;height:100vh}#pp-nav{top:unset;bottom:5%;width:7%;display:flex;flex-direction:column;align-items:center}#pp-nav.right{right:0}#pp-nav li span,#pp-nav .pp-slidesNav span{background:#1bbd60}#pp-nav li span:hover,#pp-nav .pp-slidesNav span:hover{background:#068053}#pp-nav li .active span,#pp-nav .pp-slidesNav .active span{background:#068053}#pp-nav li,.pp-slidesNav li{width:15px;height:15px;margin:30px 0px 30px 5px}#pp-nav span,.pp-slidesNav span{width:12px;height:12px}#pp-nav.custom .pp-tooltip{font-size:20px;color:#0f8541;font-weight:900;padding:0 10px 20px 0;font-family:"Brandon Grotesque", sans-serif}#markup{display:block;width:450px;margin:20px auto;text-align:left}@media (max-width: 1024px){#n-tooltip{display:none}}.home1 img.path-s2{top:30%;left:-4%;width:120px}.home1 img.path-s3.-a{top:55%;left:7%;width:100px}.home1 img.path-s3.-b{top:65%;left:20%;width:15%}.home1 img.path-s3.-c{top:75%;left:-6%;width:20%}.home1 img.path-s3.-d{top:85%;left:10%;width:10%}.home1 img.path-s4.-a{top:70%;left:15%;width:30px}.home1 img.path-s4.-b{top:25%;right:15%;width:30px}.home1 img.path-s5.-a{top:8%;left:-6%;width:30%}.home1 img.path-s5.-b{top:80%;right:-6%;width:18%}.home1 img.path-s6.-y{top:88%;left:51%;width:50px;transform:translate(-50%, -50%)}.home1 img.path-s6.-a{top:68%;left:-6%;width:15%}.home1 img.path-s6.-b{top:0%;right:0%;height:100%;width:6.8%}.home2 img.path-s2.-a{width:30%;top:-8%;right:-10%}.home2 img.path-s2.-b{width:18%;top:15%;right:-5%}.home2 img.path-s2.-c{top:58%;left:-7%;width:14%}.home2 img.path-s2.-d{top:100%;left:-12%;width:25%}.home2 img.path-s3.-a{top:10%;left:3%}.home2 img.path-s3.-b{top:10%;right:3%}.home2 img.path-s3.-c{top:45%;left:46%}.home2 img.path-s3.-d{top:13%;width:30%;right:-5%}.home2 img.path-s4.-a{top:-10%;right:-10%;width:25%}.home2 img.path-s4.-b{top:4%;right:4%;width:16%}.home2 img.path-s4.-c{top:20%;left:10%}.home2 img.path-s4.-d{top:80%;right:10%}.home2 img.path-s5.-a{top:6%;right:6%;width:150px}.home2 img.path-s5.-b{top:-5%;left:8%;width:15%}.home2 img.path-s5.-c{top:35%;right:3%;width:20%}.home2 img.path-s6.-a{top:37%;left:4%}.home2 img.path-s6.-b{top:20%;right:-5%;width:15%}.home2 img.path-s6.-c{top:70%;right:8%;width:1.25rem}.pop-covid19{box-shadow:none;background:transparent;display:none}.pop-covid19 .banner{padding-top:5%;position:relative}.pop-covid19 .banner .hashtag{top:0%;left:50%;width:60%;transform:translateX(-50%)}.pop-covid19 .banner .float-right{position:absolute;top:55%;right:0;padding:7px 0;transition:0.6s ease-out;transition-delay:0.4s;transform:translateY(-50%);clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%)}.pop-covid19 .banner .float-right p{background:#1f7649;text-align:right;color:white;margin:0;font-size:20px;font-weight:bolder;font-style:italic;padding:20px 20px 20px 50px}.pop-covid19 .banner .float-right .clip-top,.pop-covid19 .banner .float-right .clip-bot{position:absolute;height:15px;width:65%}.pop-covid19 .banner .float-right .clip-top{top:0;right:0;background:rgba(154,15,27,0.631373);transition:0.6s ease-out;transition-delay:0.6s;clip-path:polygon(4% 0, 100% 0, 100% 100%, 0 100%)}.pop-covid19 .banner .float-right .clip-bot{bottom:0;right:20%;background:rgba(22,198,214,0.713725);transition:0.6s ease-out;transition-delay:0.6s;clip-path:polygon(0 0, 96% 0, 100% 100%, 4% 100%)}.pop-covid19 .banner .clip-path{position:absolute;top:0;left:0;width:120px;height:100%;padding-top:5%}.pop-covid19 .banner .clip-path .wrap-1,.pop-covid19 .banner .clip-path .wrap-2{position:relative;display:flex;left:0;top:0}.pop-covid19 .banner .clip-path .clip-1,.pop-covid19 .banner .clip-path .clip-2{position:absolute;width:100%;height:100%;z-index:2}.pop-covid19 .banner .clip-path .wrap-1{overflow-x:hidden;height:40%;width:100%}.pop-covid19 .banner .clip-path .wrap-1 .clip-1{background:#1f7649;clip-path:polygon(0 0, 0% 100%, 50% 100%)}.pop-covid19 .banner .clip-path .wrap-1 .clip-2{background:rgba(154,15,27,0.631373);clip-path:polygon(25% 0, 50% 0, 100% 100%, 75% 100%);transform:translateX(0)}.pop-covid19 .banner .clip-path .wrap-2{height:60%;width:150%}.pop-covid19 .banner .clip-path .wrap-2 .clip-1{z-index:3;background:#1f7649;clip-path:polygon(0 0, 15% 0, 65% 100%, 0% 100%)}.pop-covid19 .banner .clip-path .wrap-2 .clip-2{z-index:1;background:rgba(31,118,73,0.505882);clip-path:polygon(0% 0, 50% 0, 100% 100%, 0% 100%)}.pop-covid19 .banner .clip-path .wrap-2 .neo-icon{position:absolute;left:35%;top:50%;z-index:2;transition:0.5s ease}.pop-covid19 .wrap{position:relative;background:#1f7649;padding:5% 8%}.pop-covid19 .wrap p{color:white;padding-bottom:15px;font-family:"Roboto", sans-serif}.pop-covid19 .wrap ul{padding:10px 0 20px 25px}.pop-covid19 .wrap ul li{color:white;font-weight:bold}.pop-covid19 .wrap a{position:relative;bottom:-10px;left:80%;transform:translateX(-50%)}.article-landing .s1 .box-text p{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.article-landing .s1 .box-text p{-webkit-line-clamp:5}}@media (max-width: 680px){.article-landing .s1 .box-text p{-webkit-line-clamp:8}}.product .custom-container{width:87%}@media (max-width: 1080px){.product .custom-container{width:95%}}@media (max-width: 820px){.product .custom-container{width:100%}}.product .title{font-size:3rem;line-height:1}.product .title.capitalize{text-transform:capitalize}.product .title span{position:static;background-color:white;opacity:1;z-index:1}.product .title::before{top:-40%;left:-5%;background:#c82831}.product .title::after{bottom:-45%;right:-10%;background:#0f8541}@media (max-width: 1024px){.product .title{text-align:left;font-size:1.7rem;line-height:2rem}.product .title::after{right:-7%;background:#0f8541}}@media (max-width: 380px){.product .title{font-size:1.5rem}}.product .title-2{text-align:left}@media (max-width: 1024px){.product .title-2{text-align:center}.product .title-2::after{top:55%;right:-32%}}@media (max-width: 490px){.product .title-2{font-size:2.5rem;line-height:1.25}.product .title-2::before{top:-20%}.product .title-2::after{right:-15%}}.product .box-text{border:6px solid #fff}.product .arrow{bottom:-1.35rem;right:2.5rem;width:7.5rem}.product .info{bottom:-1.75rem;left:3.25rem}.product .amaran img,.product .amaran p{display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Cabin",sans-serif;font-weight:700}.product .amaran img{width:6.5rem}.product .amaran p{border:5px solid #000;background-color:#fff;padding:1rem 0;font-size:1rem;line-height:1.25rem}@media (max-width: 1024px){.product .amaran p{border:2px solid #000;padding:0.25rem;font-size:0.35rem;line-height:0.45rem}}.product .amaran-2 .amaran-text{display:flex;align-items:center;justify-content:center;padding:0.5rem 2.5rem;font-size:10px;line-height:1.375;font-weight:bold;text-align:center;border:1px solid #000}@media (max-width: 490px){.product .amaran-2 .amaran-text{padding:0.75rem 0}}.product .font-cabin{font-family:"Cabin",sans-serif}.product .font-cabin p{font-family:"Cabin",sans-serif}.product .small-text{font-size:8px}.product .tiny-text{font-size:0.39rem}.product .line-2.vertical{top:54.5%;left:11.5%;height:16.5rem}@media (max-width: 1200px){.product .line-2.vertical{top:48.5%;left:9%;height:16rem}}@media (max-width: 1080px){.product .line-2.vertical{left:5%}}@media (max-width: 920px){.product .line-2.vertical{top:44.5%;left:3%}}@media (max-width: 490px){.product .line-2.vertical{top:50%;left:5%}}@media (max-width: 390px){.product .line-2.vertical{top:53.5%}}.product .line-2.horizontal{top:61.5%;left:2%;width:19rem}@media (max-width: 1200px){.product .line-2.horizontal{top:55.5%;left:4%;width:17rem}}@media (max-width: 1080px){.product .line-2.horizontal{left:1%;width:12rem}}@media (max-width: 920px){.product .line-2.horizontal{top:48%;left:1.5%;width:16rem}}@media (max-width: 490px){.product .line-2.horizontal{top:52%;left:0%}}@media (max-width: 390px){.product .line-2.horizontal{top:56%}}.product .product-info{bottom:-19rem;left:10.5%}@media (max-width: 1200px) and (min-width: 900px){.product .product-info{bottom:-18rem}}.product .product-info .product-image{width:22rem}@media (max-width: 1200px) and (min-width: 900px){.product .product-info .product-image{width:28vw}}@media (max-width: 490px){.product .product-info .product-image{width:100%}}.product .product-composition{color:#be0d0d}@media (min-width: 1024px){.product .product-composition{color:#fff}}.product .red-rectangular{position:absolute;bottom:0;right:0;width:1.25rem;height:46%;background-color:#be0d0d}@media (max-width: 490px){.product .red-rectangular{height:28%}}@keyframes bounce{0%{transform:translateY(0)}20%{transform:translateY(0)}50%{transform:translateY(0)}80%{transform:translateY(0)}100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes bounce-up{0%,100%{transform:translateY(-20px)}75%{transform:translateY(15px)}}@keyframes floating{0%{transform:translate(0)}100%{transform:translate(0)}35%{transform:translate(-15px, 15px)}75%{transform:translate(15px, 15px)}}@keyframes wave{0%{transform:translateX(-15px)}100%{transform:translateX(-15px)}35%{transform:translateX(15px)}}.anim-bounce{animation:bounce 9s infinite}.anim-bounce-up{animation:bounce-up 9s infinite}.anim-wave{animation:wave 9s infinite}.anim-floating{animation:floating 9s infinite}@media (max-width: 1680px){.main-slider .slick-dots{left:90%}}@media (max-width: 1440px){.main-slider .slick-dots{left:89.2%}}@media (max-width: 1380px){.main-slider .slick-dots{left:88.9%}.title.produk{left:9%}}@media (max-width: 1280px){.main-slider .slick-dots{left:88.2%}.home1 img.path-s3.-a{top:50%}}@media (max-width: 1025px){.box-social{display:none}.home1 .section{position:relative;height:auto}}@media (min-width: 1025px) and (max-width: 1300px){.s3 .h1-s3-slider{top:47%}.s3 .h1-s3-slider .box{height:25rem}.s3 .h1-s3-slider .slick-next,.s3 .h1-s3-slider .slick-prev{top:108%}.s4 .h2-s4-slider .swiper-slide .text p{padding:0;line-height:1.3}.s4 .h2-s4-slider.swiper-container{padding-bottom:20px}.s5 .card-article{width:20rem}.s5 .card-article .box-img{height:15rem}.s6 .title{font-size:3rem}.s6 .title.home2{font-size:4rem}.s6 .title>div{font-size:3rem}.s6 .box-left h1{font-size:2rem}.s6 .box-left p{font-size:1.4rem;padding:20px 30px;line-height:1.4}.s6 .box-notes{margin-right:8rem}.s7 .container{margin-top:1.5rem;margin-bottom:0.5rem}.s7 .neo-btn-2{margin:15px auto}.s7 .h1-footer footer{padding-top:1rem}.s7 .h1-footer footer p{padding-bottom:1rem}}@media (max-width: 1024px){.title.product{top:10%}.title.s2{top:8%}.detail-article .card-article:nth-child(3){display:none}.card-fakta{width:220px;height:300px}.card-fakta .box{width:150px;height:150px;margin:15px auto}.h2-s4-slider.swiper-container.h1{top:unset;transform:translate(0)}.h2-s4-slider.h1 .swiper-button-next,.h2-s4-slider.h1 .swiper-button-prev{top:35%}.h1-header{display:block !important}.s2-h2 .h2-s2-slider>div{width:100% !important}.s2-h2 .h2-s2-slider .slick-active .card-fakta .float{opacity:0}.s2 .box-btn .h1-s2b-slider{padding:80px 0 0 10%}.s2 .card-kenali{margin:0 20px}.s3 .h1-s3-slider{top:40%}.s4 .h2-s4-slider.swiper-container.h1{width:100%}.s4 .title{position:relative !important}.s4 .swiper-wrapper{height:auto}.s4 .swiper-slide .text{width:180%}.s6 .box-left{top:0;margin-top:4rem;margin-bottom:4rem;transform:translate(0)}.s6 .box-right{margin-bottom:5rem}.s6 .box-right .btn-produk{width:90px;height:90px;font-size:0.7rem}.home1 img.path-s6.-b{display:none}}@media (max-width: 780px){.title.s2{position:relative}.title.s4{margin:80px 0 40px}.title.product{top:10%;left:8%;font-size:1.7rem}.title::before{left:-20%}.title::after{right:-20%}.box-circle{width:25px;height:25px}.box-notes.h1{left:50%;justify-content:center}.box-notes.h1>p{font-size:8px}.box-notes.h1 .flex p{width:130px;height:28px;font-size:6px;border:1px solid black}.s1 .arrow.home2{left:48%}.s2 .box-img{width:100%}.s2 .box-img .text-float{left:60%;transform:translate(-50%, 25%)}.s2 .box-btn{width:100%}.s2 .wave{top:15%;height:25px}.s2-cursor{top:80%}.s3.h2{padding-bottom:0}.s3-clip{position:relative;left:50%;top:0;width:max-content;margin-bottom:20px;transform:translateX(-50%)}.s3-clip.home2{top:0}.s3 .h1-s3-slider{top:0}.s3 .h1-s3-slider .box{height:20rem}.s3 .h1-s3-slider .slick-prev,.s3 .h1-s3-slider .slick-next{top:100%}.s3 .h1-s3-slider .slick-next{right:40%}.s3-h2 .h1-s3-slider .slick-next,.s3-h2 .h1-s3-slider .slick-prev{top:120%}.s3-h2 .h1-s3-slider .box{height:20rem}.s4-h2{padding-top:10%}.h2-s4-slider.swiper-container{width:100%}.s6{margin-top:60px}.s6.h2 .left{padding-bottom:40px}.s6.h2 .left h1{display:block}.s6.h2 .right h1{display:none}.s6 .box-left{margin-top:45%;margin-right:0}.s6 .box-left p{padding:15px 30px;text-align:justify}.s6 .box-left img{height:35px}.s7 .neo-btn-2{margin-bottom:8rem}.home1 img.path-s2{top:16%}.home1 img.path-s3.-a{top:39%}.home1 img.path-s3.-b{top:110%;left:5%}.home1 img.path-s4.-a{top:85%}.home1 img.path-s4.-b{top:70%}.home1 img.path-s5.-a{top:10%;left:-20%;width:60%}.home1 img.path-s5.-b{top:98%;right:-22%;width:50%}.home1 img.path-s6.-a{top:83%;left:75%;width:35%}.home2 img.path-s2.-a{width:40%;top:-3%;right:-10%}.home2 img.path-s2.-b{width:25%;top:6%;right:-5%}.home2 img.path-s2.-c{top:65%;left:-4%;width:25%}.home2 img.path-s2.-d{top:95%;left:-15%;width:40%}.home2 img.path-s3.-a{display:none}.home2 img.path-s3.-b{top:35%;right:3%;width:16px}.home2 img.path-s3.-c{top:98%;left:3%;width:16px}.home2 img.path-s3.-d{top:40%;width:50%;right:-10%}.home2 img.path-s4.-a{top:-15%;right:-16%;width:35%}.home2 img.path-s4.-b{top:10%;width:20%}.home2 img.path-s4.-c{display:none}.home2 img.path-s4.-d{top:90%;width:16px}.home2 img.path-s5.-a{top:8%;width:100px}.home2 img.path-s5.-b{top:3%;width:30%}.home2 img.path-s5.-c{display:none}.home2 img.path-s6.-a{top:20%;left:5%;width:0.85rem}.home2 img.path-s6.-b{display:none}.home2 img.path-s6.-c{top:50%;width:0.85rem}}@media (max-width: 680px){.sm\:brandon-lt{font-family:"Brandon Grotesque",sans-serif;font-weight:300}.detail-article .box-banner{height:360px;border-radius:0}header .hamburger{transform:scale(0.8)}.floating{bottom:5%;left:-5%}.floating .--a{border-radius:0 30px 30px 0}.floating .--b{left:3%;width:70px;height:70px}.h2-s4-slider .swiper-container{padding-top:60px}.h2-s4-slider .swiper-button-next,.h2-s4-slider .swiper-button-prev{top:92%}.h2-s4-slider .swiper-button-next:after,.h2-s4-slider .swiper-button-prev:after{font-size:30px}.h2-s4-slider .swiper-button-next.home2,.h2-s4-slider .swiper-button-prev.home2{top:63%}.h2-s4-slider .swiper-button-next{right:34%}.h2-s4-slider .swiper-button-next.home2{right:30%}.h2-s4-slider .swiper-button-prev{left:44%}.h2-s4-slider .swiper-button-prev.home2{left:40%}.h2-s4-slider.h1 .swiper-button-next,.h2-s4-slider.h1 .swiper-button-prev{top:33%;width:30px;height:30px}.h2-s4-slider.h1 .swiper-button-next::after,.h2-s4-slider.h1 .swiper-button-prev::after{font-size:15px}.s1 .arrow{width:30px}.title span{height:6px}.title::before,.title::after{width:8px;height:8px}.title.s2{left:10%}.title-store::before{height:80px;left:-30px}.title-store::after{left:-50px;width:160px}.title.s6{text-align:center !important}.title.s6.h2{margin-top:2rem}.title.s6.h2 span{width:80%;top:35%}.title.s6.h2::before{left:-20%;width:10px;height:10px}.title.s6.h2::after{right:-20%;width:10px;height:10px}.h1-s3-slider .slick-prev:before,.h1-s3-slider .slick-next:before{font-size:36px}.h1-s3-slider.h2 .slick-prev,.h1-s3-slider.h2 .slick-next{top:125%;z-index:1}.s2 .wave{top:24%;left:10%}.s2 .box-img .h1-s2a-slider .box{height:45vh}.s2 .box-btn{padding-top:40%}.s2 .box-btn .h1-s2b-slider{padding:10% 5%}.s2 .card-kenali{position:relative;width:100%;margin:0;display:flex;justify-content:center}.s2 .card-kenali p{width:100%;font-size:13px;line-height:1.4;position:absolute}.s2 .card-kenali:hover>div,.s2 .card-kenali:focus>div,.s2 .card-kenali:active>div{transform:scale(0)}.s2 .card-kenali:hover p,.s2 .card-kenali:focus p,.s2 .card-kenali:active p{opacity:1}.s2 .h1-s2b-slider .slick-track{width:100% !important;display:flex !important;flex-wrap:wrap}.s2 .h1-s2b-slider .slick-track .slick-slide{width:50% !important;display:flex;justify-content:center}.s2-cursor{top:54%;left:40%}.s2-cursor .box{width:50px;height:50px}.s3 .h1-s3-slider .slick-next{right:28%}.s3 .h1-s3-slider .slick-prev{right:50%}.s3-h2 .h1-s3-slider.h2 .slick-next{right:26%}.s3-h2 .h1-s3-slider.h2 .slick-prev{right:42%}.s4-h2{padding-top:25%}.s6 .box-left{margin-top:70%}}@media (max-width: 680px) and (max-width: 780px){.s6 .box-left{margin-top:45%}}@media (max-width: 680px){.s6 .box-right .btn-produk{top:68%}.s6.h2 .box-notes>div img{position:absolute;top:-40%;left:50%;transform:translateX(-50%)}.s7 .neo-btn-2{margin-bottom:4rem}.home1 img.path-s2{top:22%;width:80px}.home1 img.path-s3.-a{top:36%;left:8%;width:60px}.home1 img.path-s4.-a{width:20px}.home1 img.path-s4.-b{width:20px}.home1 img.path-s6.-y{top:85%}.home2 img.path-s6.-c{top:75%}.pop-covid19 .banner{height:400px;padding-top:6%}.pop-covid19 .banner .float-right{position:relative;top:0;width:100%;padding:20px 0;transform:translateY(-6px);margin-bottom:40px}.pop-covid19 .banner .float-right p{padding:20px;text-align:center}.pop-covid19 .banner .hashtag{width:80%}.pop-covid19 .banner .clip-path{width:70px;padding-top:6%}.pop-covid19 .wrap{padding:15% 6%}.pop-covid19 .wrap a{left:30%}}.swiper-container.home2 .swiper-slide .box{transform:translateY(-20%)}@media (max-width: 490px){.swiper-container.home2 .swiper-slide .box{transform:translateY(-30%)}}.swiper-container.home2 .swiper-slide-active .box{transform:translateY(0)}