*{font-family:"pretendard",sans-serif}html,body,h1,p{font-family:"pretendard",sans-serif;overflow-x:hidden;overflow-y:auto;margin:0;padding:0}.pembungkus{width:80%;margin:0 auto}.pembungkus h1{padding:0;font-weight:600;text-align:center}.baris{display:flex;align-items:center;flex-wrap:wrap}.kol{flex-basis:50%;min-width:250px}.slick-slide>div{background-color:rgba(255,255,255,.5);margin:0 10px;padding:20px 10px;border-radius:15%}.slick-slide h3{text-align:center;font-weight:600;font-size:1.2rem;color:#fff;margin:0;padding:0}.slick-slider img{width:100%;margin:auto}.feature-img{width:83%;margin:auto;position:relative;border-radius:6px;overflow:hidden}.play-btn{width:60px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}.video-player{width:80%;position:fixed;left:50%;top:55%;transform:translate(-50%,-50%);display:none}video:focus{outline:none}.close-btn{position:absolute;top:10px;right:10px;width:30px;cursor:pointer}#dropdown:hover>.sub-menu{position:absolute;display:list-item;transform:translateX(-560px)}#dropdown:hover>.sub-menu2{position:absolute;display:list-item;transform:translateX(-720px)}.sub-menu2{width:90%;height:350px;flex-direction:row;flex-wrap:wrap;padding:30px 0 10px 520px;margin-left:90px;border-top:0;row-gap:0;justify-content:unset;align-content:flex-start;background-color:rgba(255,255,255,.95)!important}.sub-menu2 li img{position:absolute;left:0;top:0;padding:0;aspect-ratio: 4/3;height:100%;width:unset;pointer-events:none}.sub-menu2 li:nth-child(2) {font-size:3rem;font-weight:600;color:#198756}.sub-menu2 li{font-size:1.5rem;font-weight:400;padding:5px 0 10px 0;list-style-type:none}.sub-menu2 li a{text-decoration:none;color:#000}.sub-menu2 li a:hover{color:#198756;transition:.3s ease-out}.sub-menu{width:90%;height:350px;flex-direction:row;flex-wrap:wrap;padding:30px 0 10px 520px;margin-left:90px;border-top:0;row-gap:0;justify-content:unset;align-content:flex-start;background-color:rgba(255,255,255,.95)!important}.sub-menu li img{position:absolute;left:0;top:0;padding:0;aspect-ratio: 4/3;height:100%;width:unset;pointer-events:none}.sub-menu li:nth-child(2) {font-size:3rem;font-weight:600;color:#198756}.sub-menu li{font-size:1.5rem;font-weight:400;padding:5px 0 10px 0;list-style-type:none}.sub-menu li a{text-decoration:none;color:#000}.sub-menu li a:hover{color:#198756;transition:.3s ease-out}.searchbar{width:300px}.mag{transform:translateX(-40px) translateY(10px)}.box div{margin-top:3000px;position:absolute;width:35px;height:35px;background-color:transparent;box-shadow:0 0 30px #198576;border:6px solid #198576;z-index:0}.box div:nth-child(1) {top:12%;left:42%;animation:animate 10s linear infinite}.box div:nth-child(2) {top:20%;left:50%;animation:animate 7s linear infinite}.box div:nth-child(3) {top:17%;left:53%;animation:animate 9s linear infinite}.box div:nth-child(4) {top:18%;left:70%;animation:animate 10s linear infinite}.box div:nth-child(5) {top:55%;left:65%;animation:animate 6s linear infinite reverse}.box div:nth-child(6) {top:30%;left:30%;animation:animate 12s linear infinite}.box div:nth-child(7) {top:60%;left:75%;animation:animate 15s linear infinite reverse}.box div:nth-child(8) {top:32%;left:68%;animation:animate 16s linear infinite}.box div:nth-child(9) {top:60%;left:25%;animation:animate 9s linear infinite reverse}.box div:nth-child(10) {top:20%;left:23%;animation:animate 6s linear infinite}.box div:nth-child(11) {top:60%;left:40%;animation:animate 7s linear infinite reverse}.box div:nth-child(12) {top:50%;left:50%;animation:animate 10s linear infinite reverse}@media (max-width:1699px){.box div{display:none}}@keyframes animate {
  0% {
    transform: scale(0) translateY(0) rotate(0);
  }
  100% {
    transform: scale(1.3) translateY(-70px) rotate(360deg);
    opacity: 0;
  }
}.nav-link{color:#000;border-radius:20px}.nav-link:hover{background-color:green;color:#fff}.artikel h1{font-weight:800;font-size:2.2rem}.artikel p{font-weight:500;font-size:1.2rem}.video-slider-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.video-container{position:relative;transition:transform .4s ease-in-out;display:flex;justify-content:center;transform:scale(1);width:100%;max-width:100vw;overflow:hidden}.video-container.active{transform:scale(1)}.swiper-slide{position:relative;transition:transform .4s ease-in-out , z-index .4s ease-in-out;z-index:1}.swiper-slide-active{z-index:10!important}.swiper-slide:not(.swiper-slide-active) .video-container {filter:brightness(.5)}.video-element{width:100%;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2)}.video-title{bottom:0;color:#000;width:100%;text-align:center;padding:10px;font-weight:bold;font-size:1.2rem}.swiper{transform:translate3d(0,0,0);width:100%}.swiper-button-next,.swiper-button-prev{scale:.7;color:green!important;padding:50px 20px!important;background-color:#fff;border-radius:20px}.swiper-button-next{right:-10px}.swiper-button-prev{left:-10px}.scroll-to-top-btn{position:fixed;bottom:50px;right:20px;background-color:#0e7500;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;opacity:0;cursor:pointer;transform:translateX(20px);transition:opacity .3s ease , transform .3s ease;z-index:1000}.scroll-to-top-btn.show{opacity:1;transform:translateX(0)}.scroll-to-top-btn:hover{background-color:#65b300}.sticky-navbar{display:none}.sticky{display:block;position:fixed;top:0;width:100%;transition:.2s ease-in;background-color:#fff;box-shadow:0 5px 5px rgba(0,0,0,.2);z-index:10000}@media (max-width:1200px){.sticky{display:none}}@media (max-width:575px){.sticky{background-color:transparent;box-shadow:none}}.hidden-object{position:relative;height:0;overflow:hidden;transition:height .5s ease}.hidden-object.visible{height:auto}#navbar-sticky.visible{height:auto}.content{padding:20px}#beranda{background-color:green;color:#fff}.table-separate{border-collapse:separate;border-spacing:20px}.table-separate2{border-collapse:separate;border-spacing:20px}#title h1{font-family: "pretendard" sans-serif;font-weight:700;font-size:6vw;padding-bottom:5px;margin-left:30px}#title h1:nth-child(3) {font-weight:800}@media (max-width:1200px){#title h1{font-size:5vw}}@media (max-width:1024px){#btn-kontak{margin-bottom:50px}}#title2 h1{display:none;font-family: "pretendard" sans-serif;font-weight:700}@media (max-width:480px){#title h1{display:none}#title2 h1{display:block;font-size:11vw;transform:translateY(80px)}}#health{font-family: "pretendard" sans-serif;font-weight:900;font-size:5rem}#header{background-image:url(/assets/images/BG,P20HOME,P20big,P20size2-01.jpg.pagespeed.ce.EaffOInNqg.jpg);background-size:cover;background-repeat:no-repeat;background-position:0 -350px;height:120vh;max-width:100%}@media (orientaion:landscape){#header{background-size:cover;width:100%}}@media (max-width:1400px){#header{height:110vh;background-position:0 -250px}}@media (max-width:990px){#header{background-size:contain;height:110vh;background-position:0 -150px}}@media (max-width:920px){#header{width:100%;height:100vh}}@media (max-width:760px){#header{height:85vh;background-size:contain;background-position:0 0}}@media (max-width:570px){#header{height:65vh;background-size:contain;background-position:0 0}}@media (max-width:480px){#header{height:100vh;padding-bottom:400px;background-size:1100px auto;background-position:0 -80px}}.infobrand1{transform:translateY(-150px)}@media (max-width:1400px){.infobrand1{transform:translateY(-120px)}}@media (max-width:770px){.infobrand1{transform:translateY(-100px)}}.infobrandsm{display:none}@media (max-width:570px){.infobrandsm{display:flex}}#hero-carousel{background-image:url(/assets/images/xbackground,P20produk,P20unggulan,P201.png.pagespeed.ic.pt4E4w3Tbb.png);background-size:cover;background-repeat:no-repeat;padding-bottom:5rem;background-position:bottom 75% top 75%}#bgputih{background-image:url(/assets/images/xbg,P20putih.png.pagespeed.ic.rxZxVZdTwt.png);background-position:-15px 345px;background-size:86rem;background-repeat:no-repeat;padding-bottom:10rem;z-index:5}@media (max-width:1398px){#bgputih{background-position:-20px 370px;background-size:74rem;background-repeat:no-repeat;padding-bottom:10rem;z-index:5}}@media (max-width:1200px){#bgputih{background-image:none}}#content-wrap{background-color:#ffebc5}.tentangkami{z-index:5}.sejarah-title{font-family:"pretendard",sans-serif;font-weight:700}.sejarah-title2{font-family:"pretendard",sans-serif;font-weight:700}.sejarah-title3{font-family:"pretendard",sans-serif;font-weight:700}.sejarah-content{font-family:"pretendard",sans-serif;font-weight:400}#tentang-kami{padding-bottom:60px}.title-tentang{font-family:"pretendard",sans-serif;font-weight:700;font-size:4rem;margin-top:300px}.title-tentang2{font-family:"pretendard",sans-serif;font-weight:700;font-size:4rem;margin-top:50px}@media (max-width:970px){.title-tentang{font-weight:700;font-size:2.5rem}}@media (max-width:430px){.title-tentang{margin-top:20px;font-size:3rem}#tvc{margin-bottom:-80px}}.quote-icon svg:nth-child(1) {position:absolute;width:15%;height:auto;color:#198756;transform:translateY(70px) translateX(30px)}.quote-icon svg:nth-child(2) {position:absolute;width:15%;height:auto;color:#198756;rotate:180deg;transform:translateY(-390px) translateX(-315px)}.quote-sm h1{font-size:1.6rem;line-height:40px;font-weight:400;color:#198756;padding:30px 2px 20px 2px;border:solid 1px #198756}#quote{margin-top:50px}#quote p{font-family: "pretendard" sans-serif;font-size:2rem;font-weight:350}.quote img{background-color:#fff;border-radius:30px;width:70%;box-shadow:0 0 15px #198576;padding-bottom:50px;padding-top:10px;padding-left:30px;padding-right:30px;opacity:1;position:absolute;top:0;left:0;transform:translateX(195px)}@media (max-width:1198px){.quote img{width:100%}}@media (max-width:1396px){.quote img{transform:translateX(170px)}}@media (max-width:1199px){.quote img{transform:translateX(0)}}#btn-produk{font-family: "pretendard" sans-serif;letter-spacing:1px;font-size:1.2rem;font-weight:400;padding:2px 25px 2px 25px;margin-top:10px;margin-bottom:-15px}.hubungi{margin-left:370px;margin-bottom:10px}.form{background-color:#198576;margin-top:2px;margin-left:350px;margin-right:300px;padding-left:30px;padding-top:25px;padding-bottom:30px;padding-right:30px;width:50%}.form tr,td{padding-right:10px;padding-left:10px;padding-bottom:20px;font-size:medium}.form input{padding-right:170px;padding-left:15px;padding-bottom:10px;align-content:center;font-family:"Poppins",sans-serif;text-size-adjust:500px}.ketik-disini{padding-bottom:200px;width:155%;font-size:18px}.data-akun{font-size:medium}.video-container{position:relative;width:130%;height:60vh;overflow:hidden;margin-left:-20px}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(
    0,
    0,
    0,
    0.5
  );z-index:1}.tentang-video{background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:10rem;height:100%}.tentang-video-hide{display:none;position:fixed;top:50%;left:50%;width:50%;height:auto;transform:translate(-50%,-50%);z-index:20}.tentang-video-hide.visible{display:block}.overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10}.hubungi-wrap{background-image:url(http://lapilaboratories.com/assets/images/adorable-family-having-fun-park.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding-bottom:10rem;height:100%}.hubungi-wrap form{background-color:#198756;padding:10px;padding-bottom:50px}.btn-kirim{margin-top:40px}.langbtn2{background-color:green;padding:5px 10px 5px 10px;border-radius:5%}.langbtn{background-color:#fcc027;padding:5px 10px 5px 10px;transform:translateX(535px);border-radius:5%}@media (max-width:1400px){.langbtn{transform:translateX(380px)}.langbtn2{transform:translateX(320px)}}.langbtn .id{color:#fff;font-weight:600;cursor:pointer}.langbtn .eng:hover{font-weight:600;color:#fff;cursor:pointer}.gallery{width:100%}.gallery-container{align-items:center;display:flex;height:400px;margin:0 auto;max-width:1500px;position:relative}.gallery-item{height:300px;opacity:0;position:absolute;transition:all .6s ease-in-out;z-index:0;width:auto;background-size:contain;border-radius:2%}.gallery-item-1{left:25%;opacity:.4;transform:translateX(-50%)}.gallery-item-2{box-shadow:-2px 5px 33px 6px rgba(0,0,0,.2);opacity:1;left:50%;height:auto;transform:translateX(-50%);width:650px;z-index:2}.gallery-item-3{left:75%;opacity:.4;transform:translateX(-50%)}.gallery-controls{display:flex;justify-content:center;margin:25px 0;height:100px}.gallery-controls button{background-color:transparent;border:0;cursor:pointer;font-size:30px;margin:0 50px;padding:0 12px;text-transform:capitalize}.gallery-control-button:focus{outline:none}.gallery-controls-previous{position:relative}.gallery-controls-previous::before{border:solid #000;border-width:0 5px 5px 0;content:"";display:inline-block;height:5px;left:-30px;padding:10px;position:absolute;top:25%;transform:rotate(135deg) translateY(-50%);transition:left .15s ease-in-out;width:5px}.gallery-controls-previous:hover::before{left:-40px}.gallery-controls-next{position:relative}.gallery-controls-next::before{border:solid #000;border-width:0 5px 5px 0;content:"";display:inline-block;height:5px;padding:10px;position:absolute;right:-30px;top:45%;transform:rotate(-45deg) translateY(-50%);transition:right .15s ease-in-out;width:5px}.gallery-controls-next:hover::before{right:-40px}.gallery-nav{bottom:-15px;display:flex;justify-content:center;list-style:none;padding:0;position:absolute;width:100%}.gallery nav li{background:#ccc;border-radius:50%;height:10px;margin:0 16px;width:10px}.gallery-nav li.gallery-item-selected{background:#555}@media (max-width:640px){.gallery-item{opacity:0}.gallery-item-2{opacity:1;width:450px}}@media (max-width:1200px){.content-misi{font-size:1.8vw}.bintang-misi{width:1000px}}.misi-tentang{margin-top:-50px}.visimisi-sm{display:none}.visimisi-content{display:block}.visimisi-content-sm{display:none}.visi-tentang h1,.misi-tentang h1{font-size:7vw}.nilaibudaya-sm{display:none}.nilaibudaya-md{display:none}.kebkomit{display:block}.kebkomit-md{display:none}.kebkomit-sm{display:none}@media (max-width:768px){.visi-tentang h1{margin-top:-15px;font-size:10vw}.misi-tentang{margin-top:-50px}.misi-tentang h1{font-size:10vw}.content-misi{font-size:2vw}.bintang-misi{width:700px}.nilaibudaya{display:none}.nilaibudaya-md{display:block}.kebkomit{display:none}.kebkomit-md{display:block}}@media (max-width:480px){.visimisi-sm{display:block}.visimisi-content-sm{display:block}.visimisi-content{display:none}.nilaibudaya{display:none}.nilaibudaya-md{display:none}.nilaibudaya-sm{display:block}.kebkomit-md{display:none}.kebkomit-sm{display:block}}.video-pabrik{margin-top:250px}@media (max-width:576px){.video-pabrik{margin-top:150px}}.background-video{width:100%;height:auto}.rotate-90{transform:rotate(90deg);transition:transform .3s}.rotate-180{transform:rotate(-90deg);transition:transform .3s}.btn-produk{padding-left:20px;padding-right:20px;border:solid 2px #ffa500;background-color:#fff;margin-right:1px}.btn-produk:hover{background-color:green;color:#ffa500}.hover-sort{color:#ffa500}.hover-sort:hover{background-color:#ffa500;color:#fff}.dropdown-nosticky{display:relative}.dropdown-sticky{position:fixed;top:90px;left:10px}.content-box{position:block;display:flex;flex-wrap:wrap;transform:translateX(-50px)}.content-box-stay{display:flex;flex-wrap:wrap;transform:translateX(230px)}.content-card-sm{display:none}.filter-sm{display:none}@media (max-width:980px){.filter-lg{display:none}.content-card-lg{display:none}.content-card-sm{position:block;display:flex;flex-wrap:wrap}.filter-sm{display:block}}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button{padding:5px 10px;border:1px solid green;border-radius:5px;cursor:pointer;background-color:#fff;color:green}.pagination button.active{background-color:green;color:#fff}.pagination button:disabled{background-color:#d3d3d3;cursor:not-allowed}.pagination .dots{color:#ffa500;font-weight:bold}.pagination button:hover:not(:disabled) {background-color:#d3d3d3}.sejarah{position:relative;opacity:0}.sejarah.active{opacity:1}.active.fade-bottom{animation:fade-bottom .5s ease-out}.visimisi{position:relative;opacity:0}.visimisi.active2{opacity:1}.active2.fade-bottom{animation:fade-bottom .8s ease-out}.penghargaan{position:relative;opacity:0}.penghargaan.active3{opacity:1}.active3.fade-bottom{animation:fade-bottom 1.1s ease-out}.quote{position:relative;opacity:1}.active.fade-bottom{animation:fade-bottom .5s ease-out}.trigger1{animation:fade-bottom .5s ease-out}.trigger2{animation:fade-bottom .6s ease-out}.trigger3{animation:fade-bottom .7s ease-out}.trigger4{animation:fade-bottom .8s ease-out}.nilai1{position:relative;opacity:0;transform:translateY(-50px);transition:opacity .5s ease , transform .5s ease}.nilai1.active{opacity:1;transform:translateY(0)}.nilai2{position:relative;opacity:0;transform:translateX(-50px);transition:opacity .5s ease , transform .5s ease}.nilai2.active{opacity:1;transform:translateX(0)}@keyframes fade-bottom {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}.active.fade-left{animation:fade-left 1s ease-out}@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}.btn-tentang:hover{background-color:#fff;cursor:pointer;transition:.2s ease-in-out}.point-nilai p{font-weight:500;font-size:1.6vw;background-color:#ddd;padding:10px 20px 10px 30px;margin-bottom:20px;border-left:5px solid green}.sejarah-konten{height:500px}.sejarah-konten h3{color:green}.custom-dots{display:flex;flex-direction:column;gap:10px}.dot-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:5px;color:gray}.dot-btn:hover,.slick-active .dot-btn{color:#000}.dot-btn.active{color:#000;font-weight:bold;border-left:3px solid green;padding-left:10px;transition:all .3s ease-in-out}.artikel-link img{transition:all .3s ease-in-out}.artikel-link:hover img{transform:scale(1.02);transition:all .3s ease-in-out}.karir-card{padding:25px 20px;border:3px solid rgba(0,0,0,.17);margin-bottom:30px}.karir-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.17)}#artikel-carousel{margin:auto}#artikel-carousel img{width:100%;height:100%;object-fit:cover}.carousel-slide{position:relative}.carousel-slide img{width:100%;height:400px;object-fit:cover}.overlay-artikel{position:absolute;bottom:20px;left:20px;color:#fff;background-color:rgba(0,126,32,.5);padding:500px 15px;border-radius:5px;font-size:18px}.menuItemStyle{border:none;padding:15px 30px;width:100%;text-align:left;font-size:25px;font-weight:700;border-radius:100px;background-color:#f4f4f4;margin:10px 0;cursor:pointer}.btn-nav{font-size:25px}.produk-title h1{font-weight:700;font-size:3vw;margin-bottom:40px}.produk-desc{margin-bottom:20px}.produk-sub p{font-size:1.7vw;margin-bottom:10px}.produk-sub-text p{font-size:1.5vw;margin-bottom:20px}.timeline{position:relative;max-width:1200px;margin:100px auto}.timeline::after{content:"";position:absolute;width:6px;height:100%;background:rgba(0,0,0,.126);top:0;left:45px;margin-left:-3px;z-index:-1}.timelineContainer{padding-left:80px;padding-right:25px;position:relative;margin-bottom:50px}.timelineContainer small{position:absolute;width:40px;border-radius:50%;padding:10px;right:-20px;left:-70px;top:20px;z-index:10;font-size:15px;background-color:#fff;text-align:center}.text-box{padding:20px 30px;background:#fff;position:relative;border-radius:6px;font-size:15px;box-shadow: 0px 0px 11px #00000035}.left-container-arrow{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid rgba(0,0,0,.126);left:-15px}.video-slider-wrapper{position:relative;width:80%;padding:40px 0}.video-slide{width:400px;transition:transform .3s ease}.video-iframe-wrapper{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.2);background-color:#000}.video-element{width:100%;height:225px;border:none;display:block}.video-title{padding:12px;text-align:center;font-weight:600;color:#333;background-color:#fff}.swiper-slide-active{transform:scale(1.1);z-index:2}.swiper-slide-prev .video-element,.swiper-slide-next .video-element{filter:brightness(.5);transform:scale(.95)}.swiper-slide:not(.swiper-slide-active) .video-iframe-wrapper::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;cursor:default;z-index:2;background:rgba(255,255,255,0)}.swiper-prev,.swiper-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(255,255,255,.8);width:44px;height:44px;border-radius:50%;font-size:24px;text-align:center;line-height:44px;cursor:pointer;user-select:none}.swiper-prev{left:10px}.swiper-next{right:10px}@media (max-width:480px){.navbar{padding:10px}.item-1{padding-bottom:150px;background-image:url(http://lapilaboratories.com/assets/images/xMOBILE-VERSION-BGupdt.jpg.pagespeed.ic.XaVbidSIQa.jpg)}.item-2{padding-bottom:150px;background-image:url(http://lapilaboratories.com/assets/images/xMOBILE-VERSION-BGupdt.jpg.pagespeed.ic.XaVbidSIQa.jpg)}.item-3{padding-bottom:150px;background-image:url(http://lapilaboratories.com/assets/images/xMOBILE-VERSION-BGupdt.jpg.pagespeed.ic.XaVbidSIQa.jpg)}.title-banner{padding-top:30px;padding-left:30px}.title-banner h1{font-size:8.5vw}.brandproduk h1{font-size:5vw;margin-top:5px}.produk-unggulan{margin-top:50px}.produk-unggulan-title h1{font-size:4vw}.infoVideo h1{position:absolute;bottom:200px;left:50%;transform:translateX(-50%);color:#fff;font-size:5.2vw;font-weight:600;text-align:center;padding:10px 20px;width:100%}.infoVideo button{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);color:green;padding:10px 50px;border-radius:30px;border:none}.button-font{font-size:3vw}.video-mitra video{width:100%;margin-top:50px;scale:2}.artikel-wrapper{margin-top:200px}.artikel-link h1{font-size:3.5vw}.artikel-link span{font-size:2.3vw}.artikel-link p{font-size:2.5vw;text-align:justify}.header-page{background-position:center}.header-page h1{text-align:center;padding-top:470px;transform:translateY(-40%)}.menuItemStyle{font-size:18px}.btn-nav{font-size:18px}.dots-container{display:flex;align-items:center;justify-content:center;gap:10px}.dot-btn{font-size:15px}.misi{margin-bottom:40px;width:80%}.visi p{font-size:4vw;padding:0 20px 0 20px}.point-nilai p{font-size:4vw}.bisnis-num h1{font-size:3.5rem}.bisnis-point h1{font-size:1.1rem}.manufaktur-unit{font-size:1.2rem}.produk-desc{margin-bottom:20px}.produk-sub p{font-size:5vw;margin-bottom:10px;margin-left:20px}.produk-sub-text p{font-size:4.5vw;margin-bottom:20px;margin-left:20px}.produk-title h1{font-weight:700;font-size:8vw;margin-bottom:40px;text-align:center}}@media (min-width:481px) and (max-width:1024px){.navbar{padding:10px}.item-1{padding-bottom:200px;background-image:url(http://lapilaboratories.com/assets/images/xMOBILE-VERSION-BGupdt.jpg.pagespeed.ic.XaVbidSIQa.jpg)}.item-2{padding-bottom:200px;background-image:url(http://lapilaboratories.com/assets/images/xMOBILE-VERSION-BGupdt.jpg.pagespeed.ic.XaVbidSIQa.jpg)}.item-3{padding-bottom:200px;background-image:url(http://lapilaboratories.com/assets/images/xMOBILE-VERSION-BGupdt.jpg.pagespeed.ic.XaVbidSIQa.jpg)}.title-banner{padding-top:50px;padding-left:50px}.title-banner h1{font-size:8vw}.brandproduk h1{font-size:5vw;margin-top:5px}.produk-unggulan{margin-top:80px}.produk-unggulan-title h1{font-size:5vw}.infoVideo h1{position:absolute;bottom:200px;left:50%;transform:translateX(-50%);color:#fff;font-size:5.6vw;font-weight:600;line-height:1.2;text-align:center;padding:10px 20px;width:100%}.infoVideo button{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);color:green;padding:10px 50px;border-radius:30px;border:none}.button-font{font-size:3vw}.mitra-lisensi h1{font-size:5vw}.video-mitra video{width:100%;height:50%}.artikel-wrapper{margin-top:100px}.artikel-link h1{font-size:3vw}.artikel-link p{font-size:2vw;text-align:justify}.video-container{transform:translateX(20px)}.header-page h1{font-size:5vw;text-align:start;padding-top:470px;transform:translateY(-10%);padding-left:100px}.dots-container{display:flex;align-items:center;justify-content:center;gap:30px}.misi{margin-bottom:40px;width:80%}.visi p{font-size:2.5vw;padding:0 10px 0 10px}.bisnis-num h1{font-size:4rem}.bisnis-point h1{font-size:2rem}}@media (min-width:1025px){.navbar{padding:0}.item-1{padding-bottom:280px;background-image:url(http://lapilaboratories.com/assets/images/xBG-DESK-WEB-UPDT-2025.jpg.pagespeed.ic.914UhAfA7X.jpg)}.item-2{padding-bottom:280px;background-image:url(http://lapilaboratories.com/assets/images/xBG-DESK-WEB-UPDT-2025.jpg.pagespeed.ic.914UhAfA7X.jpg)}.item-3{padding-bottom:280px;background-image:url(http://lapilaboratories.com/assets/images/xBG-DESK-WEB-UPDT-2025.jpg.pagespeed.ic.914UhAfA7X.jpg)}.title-banner{padding-top:100px;padding-left:100px}.title-banner h1{font-size:5vw}.produk-unggulan{padding-left:50px;margin-top:80px}.produk-unggulan-title h1{font-size:3vw}.brandproduk h1{font-size:2vw}.infoVideo video{width:100%;height:20%}.infoVideo h1{position:absolute;bottom:200px;left:50%;transform:translateX(-50%);color:#fff;font-size:2.3vw;font-weight:600;text-align:center;padding:10px 20px;border-radius:8px;width:100%}.infoVideo button{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);color:green;padding:10px 30px;border-radius:30px;border:none;font-size:1.2vw;font-weight:500}.button-font{font-size:1.5vw}.mitra-lisensi h1{font-size:3.5vw}.video-mitra video{width:100%}.artikel-wrapper{margin-top:100px}.artikel-title h1{font-size:3.5vw}.video-container{transform:translateX(-80px)}.komersial-title{font-size:3.5vw}.header-page h1{font-size:4vw;text-align:start;padding-top:470px;transform:translateY(-10%);padding-left:100px}.dots-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.visi p{font-size:1.8vw}.bisnis-num h1{font-size:4rem}.bisnis-point h1{font-size:2rem}}.orbit{.center-image {
        width: 20rem;
        position: relative;
        opacity: 0;

        img {
            position: absolute;
        }
    }

    ul {
        
        display: grid;
        place-items: center;
        width: 200px;
        height: 200px;
        background-color: orange;
        border-radius: 50%;
        position: relative;
        list-style: none;
        transform-origin: center;
        animation: orbit 100s linear infinite;
    }

    li {
        position: absolute;
        /* animation: hold-position 5s linear infinite; */
        display: grid;
        place-items: center;
        
        & > * {
            position: absolute;
            animation: hold-position 100s linear infinite;
        }
    }

    li:nth-child(1) {
        transform: translate(-120px, -150px);
        
    }
    li:nth-child(2) {
        transform: translate(120px, 150px);
        
    }
    li:nth-child(3) {
        transform: translate(-120px, 150px);
        
    }
    li:nth-child(4) {
        transform: translate(120px, -150px);
    }
}li img{width:26rem}@keyframes orbit {
    100%{
        rotate: 1turn;
    }
}@keyframes hold-position {
    100%{
        rotate: -1turn;
    }
}html,body{font-family:'Poppins',sans-serif;overflow-x:hidden}.heading{color:#444;font-size:40px;text-align:center;padding:10px}.container2{display:grid;grid-template-columns:2fr 1fr;gap:15px;align-items:flex-start;padding:5px 5%}.container2 .main-video{background:#fff;border-radius:5px;padding:10px}.container2 .main-video video{width:100%;border-radius:5px}.container2 .main-video .title{color:#333;font-size:32px;padding-top:15px;padding-bottom:15px}.container2 .video-list{background:#fff;border-radius:5px;height:520px;overflow-y:scroll}.container2 .video-list::-webkit-scrollbar{width:7px}.container2 .video-list::-webkit-scrollbar-track{background:#ccc;border-radius:50px}.container2 .video-list .vid video{width:100px;border-radius:5px}.container2 .video-list .vid{display:flex;align-items:center;gap:15px;background:#f7f7f7;border-radius:5px;margin:10px;padding:10px;border:1px solid rgba(0,0,0,.1);cursor:pointer}.container2 .video-list .vid:hover{background:#eee}.container2 .video-list .vid.active{background-color:#209400;color:#fdf6e3}.container2 .video-list .vid.active .title{color:#fdf6e3}.container2 .video-list .vid .title{color:#333;font-size:20px}@media (max-width:1024px){.container2{grid-template-columns:1.5fr 1fr;padding:10px}}@media (max-width:700px){.container2{grid-template-columns:1fr;padding:10px}.container2 .main-video .title{text-align:center}}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out , transform .8s ease-out}.fade-in-section:nth-of-type(2) {transition-delay:.1s}.fade-in-section:nth-of-type(3) {transition-delay:.2s}.fade-in-section:nth-of-type(4) {transition-delay:.3s}.fade-in-section:nth-of-type(5) {transition-delay:.4s}.fade-in-section:nth-of-type(6) {transition-delay:5s}.fade-in-section:nth-of-type(7) {transition-delay:6s}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}