.carousel{position:relative;text-align:center}.carousel,.carousel *{box-sizing:border-box}.carousel__track{display:flex;margin:0;padding:0;position:relative}.carousel__viewport{overflow:hidden}.carousel__icon{width:var(--vc-icn-width);height:var(--vc-icn-width);fill:currentColor}:root{--vc-clr-white:#fff;--vc-icn-width:1.2em;--vc-nav-width:30px;--vc-nav-color:#fff;--vc-nav-background-color:var(--vc-clr-primary);--vc-pgn-width:10px;--vc-pgn-height:5px;--vc-pgn-margin:5px;--vc-pgn-border-radius:0;--vc-pgn-background-color:var(--vc-clr-secondary);--vc-pgn-active-color:var(--vc-clr-primary)}.carousel__next,.carousel__prev{background-color:var(--vc-nav-background-color);border-radius:var(--vc-nav-width);width:var(--vc-nav-width);height:var(--vc-nav-width);text-align:center;font-size:calc(var(--vc-nav-width)*2/3);padding:0;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer}.carousel__prev{top:50%;left:0;transform:translate(-50%,-50%)}.carousel__next{top:50%;right:0;transform:translate(50%,-50%)}.carousel__pagination{display:flex;justify-content:center;list-style:none}.carousel__pagination-button{margin:var(--vc-pgn-margin);width:var(--vc-pgn-width);height:var(--vc-pgn-height);border-radius:var(--vc-pgn-height);border:0;cursor:pointer;background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active{background-color:var(--vc-pgn-active-color)}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center}img[data-v-ffa74650]{width:100%;-o-object-fit:contain;object-fit:contain;border-bottom:.5rem solid #644627;border-radius:1rem 1rem 0 0}.wrapper_carousel_image[data-v-ffa74650]{width:100%;height:20rem;max-height:90vh;border-bottom:.5rem solid #644627;display:flex}:root{--vc-nav-background-color:#644627;--vc-clr-primary:#644627;--vc-clr-secondary:rgba(100,70,39,0.5)}.carousel__item_bahan{width:70%;padding-bottom:10px}.carousel__item_bahan .wrapper_carousel_description{max-height:30vh;overflow:auto;display:block;width:100%}.carousel__item_bahan .wrapper_carousel_description pre{font-family:LondonMM}@media only screen and (max-width:600px){.carousel__item_bahan .wrapper_carousel_image{max-height:40vh}.carousel__pagination{margin-left:-2.5rem}}.about{height:auto;min-height:90vh;text-align:left}.about,.about .about-header{position:relative;border-radius:.8rem .8rem 0 0}.about .about-header{padding:.6rem 3rem;box-shadow:inset 0 -3px 3px #126e38;height:90vh;z-index:1;overflow:hidden}.about .about-header .bg-about-header{position:absolute;background-image:url(../img/image_01.0d2c6aa5.jpeg);background-position:50%;background-size:cover;height:100vh;width:110%;top:0;left:-5%;z-index:0}.about .about-header .wrapper-text-about-header{position:absolute;background:rgba(100,70,39,.5);height:100vh;width:100%;top:0;left:0;z-index:1}.about .about-header .wrapper-text-about-header h1{color:#fff;text-shadow:0 1px 2px #838140;padding:0 10rem;font-size:3rem;font-family:LondonTwo;margin:35vh 0 0 0;opacity:0;margin-left:2rem;transition:1s;overflow-wrap:break-word}.about .about-header .wrapper-text-about-header h2{color:#fff;text-shadow:0 1px 2px #838140;padding:0 10rem;font-size:1rem;letter-spacing:.3rem;opacity:0;margin-left:2rem;transition:1s}.about .about-header .wrapper-text-about-header .about-expand-more{color:#fff;position:absolute;left:auto;right:50%;bottom:15vh;font-size:3rem;cursor:pointer;opacity:0}.about .about-header .wrapper-text-about-header .text-active{opacity:1;margin-left:0}.about .about-header .wrapper-text-about-header .animated-expand-more{-webkit-animation:emanimation 20s linear infinite;animation:emanimation 1.5s linear infinite}.about .about-content{position:relative;width:100%;margin:0;overflow:hidden;background-color:hsla(0,0%,100%,.4)}.about .about-content .wrapper-tentang-gigihpack{position:relative;width:81%;margin:0;padding:8rem 8rem 0 8rem}.about .about-content .wrapper-tentang-gigihpack h1{font-size:3rem;font-family:LondonTwo;color:#fff;text-shadow:-1px -1px 0 #644627,1px 1px 0 #644627;text-align:center}.about .about-content .wrapper-tentang-gigihpack h1 span{background:none;border-radius:.6rem;display:inline-flex;height:1.5rem;line-height:0}.about .about-content .wrapper-tentang-gigihpack p:nth-child(odd){font-size:1.3rem;float:left;padding:1rem;background-color:rgba(100,70,39,.8);background-image:linear-gradient(to bottom right,rgba(100,70,39,.1),rgba(100,70,39,.1));color:#fff;border-radius:0 1rem 1rem 1rem;width:60%}.about .about-content .wrapper-tentang-gigihpack p:nth-child(odd) span{position:absolute;margin-top:-2.5rem;margin-left:-1rem;background-color:rgba(100,70,39,.7);font-family:LondonTwo;border-radius:1rem 1rem 1rem 0;padding:.4rem}.about .about-content .wrapper-tentang-gigihpack p:nth-child(2n){font-size:1.3rem;float:right;padding:1rem;background:rgba(23,149,76,.8);background-image:linear-gradient(to bottom right,rgba(23,149,76,.1),rgba(23,149,76,.1));color:#fff;margin:2rem 0;border-radius:1rem 0 1rem 1rem;width:60%}.about .about-content .wrapper-tentang-gigihpack p:nth-child(2n) span{float:right;margin-right:-1rem;margin-top:-2.5rem;background-color:rgba(23,149,76,.7);font-family:LondonTwo;border-radius:1rem 1rem 0 1rem;padding:.4rem}.about .about-content .wapper-visi-misi{float:left;position:relative;width:100%;min-height:200px;background-attachment:fixed;background-position-y:-101px;background-repeat:no-repeat;background-size:cover;transition:.7s;overflow:hidden}.about .about-content .wapper-visi h2{position:absolute;left:13%;top:28%;font-family:LondonTwo;color:#fff;letter-spacing:0;font-size:2rem;z-index:2}.about .about-content .wapper-visi h1{position:absolute;width:39%;text-align:left;color:#fff;font-size:1.5rem;margin-right:2rem;margin-top:6%;left:auto;right:15%;text-shadow:1px 1px 1px #000;text-transform:capitalize;z-index:3}.about .about-content .wapper-visi .wrapper-visi-left{position:absolute;background-color:#644627;background-image:linear-gradient(to top right,#644627,#bf772c);width:40%;height:420px;transform:rotate(15deg);margin-left:-5%;box-shadow:16px 20px 0 rgba(100,70,39,.2),9px -10px 0 rgba(100,70,39,.5);border-radius:1rem;z-index:1}.about .about-content .wapper-visi .wrapper-visi-right{position:absolute;width:100%;min-height:100%;background-color:rgba(100,70,39,.3);z-index:0}.about .about-content .wapper-misi{background-image:url(../img/business-strategy-success-target-goals.9dc6ba35.jpg);border-radius:0 0 1rem 1rem;box-shadow:0 .8rem 0 #644627;z-index:2}.about .about-content .wapper-misi h2{position:absolute;right:13%;top:28%;left:auto;font-family:LondonTwo;color:#fff;letter-spacing:.4rem;font-size:4rem;z-index:3}.about .about-content .wapper-misi h1{position:absolute;width:50%;text-align:left;color:#fff;margin-left:4rem;margin-top:4%;text-shadow:1px 1px 1px #000;text-transform:capitalize;z-index:2}.about .about-content .wapper-misi .wrapper-misi-left{position:absolute;width:100%;min-height:100%;background-color:rgba(23,149,76,.3);z-index:0}.about .about-content .wapper-misi .wrapper-misi-right{position:absolute;background-color:#17954c;background-image:linear-gradient(to bottom right,#0ecf60,#17954c);width:40%;height:420px;left:auto;right:0;transform:rotate(-17deg);margin-right:-5%;box-shadow:-16px -20px 0 rgba(23,149,76,.2),-9px 10px 0 rgba(23,149,76,.5);border-radius:1rem;z-index:1}.about .about-content .wrapper-mesin{position:relative;overflow:hidden;width:100%;background-color:#fff;z-index:0}.about .about-content .wrapper-mesin .header-mesin{max-width:100%;width:100%;margin-top:-7rem;z-index:1;border-top:1px solid #000;filter:drop-shadow(0 9px 0 #838140)}.about .about-content .wrapper-mesin h1{font-size:3rem;font-family:LondonTwo;color:#fff;text-shadow:-1px -1px 0 #644627,1px 1px 0 #644627;text-align:center;margin-top:5rem;z-index:9;position:relative;padding-bottom:1rem}.about .about-content .wrapper-mesin h1 span{background:none;border-radius:.6rem;display:inline-flex;height:1.5rem;line-height:0}.about .about-content .wrapper-mesin h2{padding:0 5rem 0 5rem}.about .about-content .wrapper-mesin .wrapper-mesin-left{display:inline-block;width:60%;vertical-align:top}.about .about-content .wrapper-mesin .wrapper-item-mesin{display:inline-block;width:35%}.about .it-btn{float:left;margin-right:.5rem;margin-top:.5rem}.bg-about{position:fixed;top:-40rem;left:0;right:0;bottom:0;z-index:0;width:100%}@media only screen and (max-width:865px){.bg-about{top:-16rem}}@media only screen and (max-width:650px){.bg-about{top:0;width:165%}.about .about-header .wrapper-text-about-header h1{font-size:2.5rem;padding:0 3rem}.about .about-header .wrapper-text-about-header h2{font-size:1rem;padding:0 3.3rem}.about .about-content .wrapper-tentang-gigihpack{padding:5rem 5rem 0 2rem}.about .about-content .wrapper-tentang-gigihpack h1{font-size:2rem}.about .about-content .wapper-visi .wrapper-visi-left{width:58%;margin-left:-44%}.about .about-content .wapper-visi h2{left:7%;top:31%;font-size:1.5rem;z-index:2}.about .about-content .wapper-visi h1{width:65%;text-align:left;margin-right:-2rem;margin-top:20%;font-size:1rem}.about .about-content .wrapper-mesin .wrapper-mesin-left{width:100%}.about .about-content .wrapper-mesin .wrapper-mesin-left h2{font-size:1.3rem;padding:0 1rem 0 1rem}.about .about-content .wrapper-mesin .wrapper-item-mesin{width:80%;margin-left:10%}}@-webkit-keyframes emanimation{0%{margin-bottom:3vh;opacity:0}80%{margin-bottom:0;opacity:1}to{margin-bottom:0;opacity:0}}@keyframes emanimation{0%{margin-bottom:3vh;opacity:0}80%{margin-bottom:0;opacity:1}to{margin-bottom:0;opacity:0}}