:root {  --hue:30;  --main-color:hsl(var(--hue),100%,55%);  --dark-color:hsl(var(--hue),100%,40%);  --light-color:hsl(var(--hue),100%,75%);  --mc:hsla(var(--hue),100%,57%,0.5);  --main-color-light:hsl(calc(var(--hue) - 30),67%,48%); --text-color:#e8e6e6;  --shadow-color:#f0f0f0;  --big-font:50px;  --h1-font:42px;  --h2-font:28px;  --large-font:26px;  --medium-font:20px;  --normal-font:16px; } .tx-light{  color:var(--light-color) !important; } * {  padding:0;  margin:0;  box-sizing:border-box;  scroll-behavior:smooth; } html {  font-family:'Montserrat', sans-serif;  line-height:1.5;  letter-spacing:0.5px;  -webkit-text-size-adjust:100%;  -webkit-tap-highlight-color:transparent;  font-size:var(--normal-font);  font-weight:400; } body {  margin:0;  color:#212529;  text-align:left;  background-color:#fff; } a {  text-decoration:none !important; } h1,h2,h3,h4,h5,h6 {  letter-spacing:1px; font-family:'Caveat', sans-serif; } h1{  font-size:var(--h1-font);  margin-bottom:.5rem;  font-weight:500;  line-height:1.2; } h1 b{  font-family:'Montserrat', sans-serif;  font-size:var(--h2-font); } h2{  font-size:var(--h2-font);  color:#212529; } b, strong {  font-weight:bolder;  font-size:inherit; } .d-block{ display:block !important; } .d-none{ display:none !important; } .row {  display:flex;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  margin-right:-15px;  margin-left:-15px; --bs-gutter-x:0 !important; } .sbox{  padding-top:3rem !important;  padding-bottom:3rem !important;  min-height:50dvh;  } .bg-sec{  background:hsla(var(--hue),50%,50%,0.0);  padding:3rem 0;  min-height:100dvh; } .bg-sec .item {  background:hsla(var(--hue),50%,50%,0.15); } .bg-main{  background:hsla(var(--hue),50%,50%,0.15);  padding:3rem 0;  min-height:100dvh; } .bg-white{  background:#fff;  color:#212529; } .bg-white h1, .bg-white h2, .bg-white h3 { color:#111 !important; } .bg-white p, .bg-white li { color:#333; } .bg-white strong { color:var(--dark-color); } .bg-strip {  background:linear-gradient(135deg, hsla(var(--hue),30%,96%,1) 0%, hsla(var(--hue),20%,92%,1) 100%);  color:#212529; } .bg-strip h1, .bg-strip h2, .bg-strip h3 { color:#111 !important; } .bg-strip p, .bg-strip li { color:#333; } .bg-strip strong { color:var(--dark-color); } .bg-foot {  background:hsla(var(--hue), 50%, 50%, 0.08);  padding:3rem 0; } .bg-truck{ background:linear-gradient(65deg, hsla(var(--hue),83%,12%,1) 0%, hsla(var(--hue),85%,15%,0.7) 70%, hsla(var(--hue),86%,28%,0) 100%), url("../img/_home/truck-1.webp"); } .bg-handshake{ background:linear-gradient(65deg, hsla(var(--hue),83%,12%,1) 0%, hsla(var(--hue),85%,15%,0.7) 70%, hsla(var(--hue),86%,28%,0.1) 100%), url("../img/_home/handshake.webp"); } .divbg-strip-r {  background:linear-gradient(105deg, hsla(var(--hue),65%,8%,0.94) 0%, hsla(var(--hue),55%,10%,0.74) 52%, rgba(0,0,0,0.12) 100%), var(--img) no-repeat right center;  background-size:auto, cover; } .divbg-r {  background:linear-gradient(105deg, rgba(4,8,18,0.96) 0%, rgba(8,14,26,0.80) 55%, rgba(0,0,0,0.16) 100%), var(--img) no-repeat right center;  background-size:auto, cover; } .divbg-strip-l {  background:linear-gradient(255deg, hsla(var(--hue),65%,8%,0.94) 0%, hsla(var(--hue),55%,10%,0.74) 52%, rgba(0,0,0,0.12) 100%), var(--img) no-repeat left center;  background-size:auto, cover; } .divbg-l {  background:linear-gradient(255deg, rgba(4,8,18,0.96) 0%, rgba(8,14,26,0.80) 55%, rgba(0,0,0,0.16) 100%), var(--img) no-repeat left center;  background-size:auto, cover; } .divbg {  background:linear-gradient(180deg, rgba(4,8,18,0.91) 0%, rgba(6,12,20,0.87) 100%), var(--img) no-repeat center center;  background-size:auto, cover; } .divbg-strip {  background:linear-gradient(180deg, rgba(4,8,18,0.90) 0%, rgba(6,12,20,0.85) 100%), var(--img) no-repeat center center;  background-size:auto, cover; } .divbg-strip-r,.divbg-strip-l,.divbg-r,.divbg-l,.divbg,.divbg-strip { color:#eeeeee; } .divbg-strip-r h1,.divbg-strip-r h2,.divbg-strip-r h3, .divbg-strip-l h1,.divbg-strip-l h2,.divbg-strip-l h3, .divbg-r h1,.divbg-r h2,.divbg-r h3, .divbg-l h1,.divbg-l h2,.divbg-l h3, .divbg h1,.divbg h2,.divbg h3, .divbg-strip h1,.divbg-strip h2,.divbg-strip h3 { color:#ffffff; } .divbg-strip-r strong,.divbg-strip-l strong,.divbg-r strong, .divbg-l strong,.divbg strong,.divbg-strip strong { color:var(--light-color); } .csocial {  bottom:0px;  position:replative;  width:-webkit-fill-available;  background:white;  border:1px solid var(--mc) !important ;  padding:10px; } .csocial a{  padding:0 10px; } .bgpos{ background-color:#cccccc; background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; overflow:hidden; } .d-item{  display:grid;  grid-gap:10px;  grid-auto-flow:column;  grid-auto-columns:1fr; } .v-item{  display:grid;  grid-gap:20px;  grid-auto-flow:row;  grid-auto-columns:1fr; } @media only screen and (max-width:600px) {  .d-item, .v-item{ grid-auto-flow:row;  }  .csocial{ position:relative;  } } .item{  padding:20px;  position:relative;  display:flex;  flex-direction:column;  min-width:0;  background:#fff;  border:1px solid hsla(var(--hue),50%,50%,0.6);  border-radius:.25rem;  overflow:hidden; } .item::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#e5e5e5; opacity:0; transition:.5s ease all; } .item:hover{  background:hsla(var(--hue),50%,50%,0.2); transition:all .2s;  z-index:9; } .item:hover img { transform:scale(1.05); } .item img{  transition:.5s ease all;  border:1px solid #555; } .item .title {  font-size:20px;  font-weight:500;  padding:15px 0;  margin:0; } .item .desc {  text-align:justify;  text-justify:inter-word; } .item p, .item h2{  z-index:2; } .item h2{  text-align:center;  font-weight:600 !important;  margin-bottom:10px;  font-size:24px;  border-bottom:1px solid #aaa;  padding-bottom:10px; } .fa-bg{  font-size:13em;  position:absolute;  color:rgba(255,255,255,0.5);  text-align:center;  width:-webkit-fill-available;  z-index:-1;  top:50%;  left:50%;  transform:translate(-50%, -50%);  } .site-wrapper {  padding:0;  margin:0;  width:100%;  overflow:hidden;  top:0;  position:absolute;  } .title-m strong, .title-l strong, .title-r strong {  display:block;  color:var(--dark-color);  font-size:var(--large-font);  margin-bottom:0 px;  font-weight:500; } .title-m strong{  color:var(--dark-color); } .title-l strong, .title-r strong {  color:var(--light-color); } .fa-ul > li {  margin:5px 0px; } .title-l {  margin-bottom:40px;  color:white; } .title-m { text-align:center; } .title-l span,.title-m span {  display:block;  font-weight:400; } .title-r b {  display:flex;  flex-direction:column;  align-items:flex-end;  display:block;  font-weight:400;  letter-spacing:0; } ul.a { list-style-type:circle; } .halfImg {  width:100%;  margin-top:50dvh;  background-position:center;  overflow:hidden; } .bt-30p{  display:grid;  grid-template-rows:1fr auto;  bottom:30% !important; } .bt-40p{  position:relative;  bottom:0dvh;  } @media (max-width:992px) {  .bt-40p{ position:relative; bottom:0dvh; } } @media only screen and (max-width:600px) {  .bt-40p{ position:relative; bottom:0dvh; } }  .to-top{  position:fixed;  right:10px;  z-index:99;  border:1px solid white;  cursor:pointer;  border-radius:10px;  bottom:10px;  transition:all .3s;  color:#222;  background-color:var(--main-color); } .to-top:hover, .cBtn:hover {  background:var(--main-color-light);  color:#fff;  transform:translateY(-2px);  box-shadow:0 5px 15px rgba(0,0,0,0.25); } .cBtn {  border:none;  cursor:pointer;  border-radius:8px;  transition:all .3s ease;  color:#111;  background:var(--main-color);  display:inline-flex;  align-items:center;  gap:6px;  padding:12px 22px;  margin:0 4px;  font-weight:600;  font-size:0.9rem;  letter-spacing:0.2px; } .cBtn.bg-wa {  background:#25d366;  color:#fff; } .cBtn.bg-email {  background:#1a73e8;  color:#fff; } .myBtn .whatsapp{  position:fixed;  right:10px;  z-index:99;  border:1px solid white;  cursor:pointer;  border-radius:10px;  width:max-content;  bottom:60px;  transition:all .3s;  color:#222;  background-color:var(--main-color); } .myBtn .whatsapp i{  display:flex;  flex-direction:row;  align-items:center; } .myBtn .whatsapp p{  display:none;  margin:0;  margin-left:5px; } .myBtn .whatsapp a{  text-decoration:none; } .myBtn .whatsapp:hover{  border-radius:13px;  transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);  width:10.5rem;  background:var(--main-color-light); } .myBtn .whatsapp:hover p{  display:block;  font-size:var(--normal-font);  color:#fff; } .myBtn i {  display:block;  font-size:var(--large-font);  padding:8px 13px 8px 13px;  color:#222; } #toggle {  position:absolute;  width:50px;  height:50px;  background:var(--main-color);  border-radius:10px;  border:1px solid white;  cursor:pointer;  display:none;  z-index:100000;  margin-top:-25px !important; } #toggle.active { } #toggle::before {  content:'';  position:absolute;  width:26px;  height:2px;  top:23px;  background:var(--text-color);  transition:.4s;  transform:translateY(-10px);  box-shadow:0 10px 0 var(--text-color);  left:12px; } #toggle.active:before {  transform:translateY(0px) rotate(45deg);  box-shadow:0 0 0 var(--text-color); } #toggle::after {  content:'';  position:absolute;  width:26px;  height:2px;  top:23px;  background:var(--text-color);  transition:.4s;  transform:translateY(10px);  left:12px; } #toggle.active:after {  transform:translateY(0px) rotate(-45deg); } .infokontak{ margin-top:0px;  background:#ffffffba;  padding:5px;  display:flex;  align-items:flex-start;  justify-content:center;  flex-direction:row;  flex-wrap:wrap; } .infokontak i{  padding:0 20px 0 0; } .infokontak span{  padding:5px 15px;  border-radius:5px; } @media screen and (max-width:600px) {  .infokontak span:not(:first-child){ display:none;  } } .infokontak span:hover,.infokontak a:hover{  color:white;  background:var(--main-color); } .hlink span:hover,.hlink a:hover{  color:white;  background:var(--main-color);  border-radius:5px; } .sticky {  margin-top:0 !important;  position:fixed !important;  top:0 !important;  width:100%;  z-index:99999; } .nav-wrap {  margin-top:0px;  position:absolute;  width:100%;  z-index:99999; } .menu-item, .site-navigation, .site-navigation ul {  vertical-align:middle; } .menu-item:hover {  color:red; } .site-header .logo-sticky {  display:none; } .logo-text{  text-decoration:none !important;  .main{  white-space:nowrap;  font:700 15px Montserrat;  color:#000; }  .desc{  margin-top:-5px;  letter-spacing:2.7px;  padding:0px;  display:block;  position:relative;  white-space:nowrap;  font:400 12px Montserrat;  color:#000; } } .sticky > .menu-item-depth-0 > a {  color:#000 !important; } .nav-wrap.sticky {  background:linear-gradient(40deg, rgba(255,255,255,1) 33%, var(--main-color) calc(33% + 1px));  box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .site-header{  display:flex;  flex-direction:row;  justify-content:space-between;  padding:0 10px; } @media (max-width:992px) {  .nav-wrap.sticky > .site-header { background:#fff; height:55px;  }  .col-4,.col-8{ flex:0 0 100%; max-width:100%;  }  .menu-item, .site-navigation, .site-navigation ul { height:auto !important; vertical-align:middle;  } } .shadow {  box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .navbar {  height:50px;  align-items:center;  justify-content:space-between; } .navbar.sticky{  background:linear-gradient(40deg, rgba(255, 255, 255, 1) 33%, var(--main-color) calc(33% + 1px)); } .navbar a {  text-decoration:none;  font-weight:500; } .sticky {  margin-top:0 !important;  position:fixed !important;  top:0 !important;  width:100%;  z-index:99999; } .sticky .logo-sticky{  padding:0px;  display:flex;  margin:0px;  flex-direction:row;  justify-content:flex-start;  flex-wrap:nowrap;  align-items:center; } :not(.sticky) .logo-hide {  width:75px; margin-top:15px;position:relative; } .sticky .logo-hide,.sticky .info-hide{  display:none } .site-logo{  font-family:Arial,Helvetica,sans-serif|System fonts } :root {  .nav-logo { width:max-content; display:inline-grid; grid-template-columns:repeat(2, max-content);  } } .nav {  justify-content:space-between;  align-items:center;  width:100%; } .nav-logo {  font-weight:600;  align-items:center;  cursor:pointer; } .nav-logo span {  font-weight:400; } .nav-logo img {  width:2rem;  height:auto; } .nav-logo p {  margin:0;  margin-left:16px;  line-height:110%; }  .nav-menu {  display:flex;  align-items:center; } .nav-item {  display:flex;  flex-direction:row; } .nav-item a {  text-decoration:none;  color:var(--text-color);  font-weight:500;  margin:0 6px;  padding:8px 12px;  min-height:44px;  display:inline-flex;  align-items:center; } .navlist {  margin:0;  display:flex;  flex-direction:row; } .navbar i {  position:relative;  font-size:26px;  display:inline-flex;  align-items:center;  color:var(--text-color);  display:none; } .centerv{  justify-content:center; } .flex-direction-column{ flex-direction:column; } .d-main {height:100vh;} .dx-main {height:50vh;} .d-main, .dx-main {  object-fit:cover;  position:relative;  top:0;  left:0;  overflow:hidden; } .d-main .slide, .dx-main .slide {  height:inherit;  display:flex;  align-items:center; } .d-main .slide .text {  color:var(--text-color);  display:flex;  flex-direction:column;  align-items:center; } .d-main .text h2 {  font-size:2.5rem;  text-align:center;  margin-bottom:0;  font-weight:600; } .d-main a {  text-decoration:none;  color:#fff;  background:var(--main-color);  padding:5px 10px;  border-radius:3px;  margin-top:10px; } .d-main a:hover{  background:var(--main-color-light); } .flex { display:flex; justify-content:center; align-items:center; text-align:center; } .waves { width:100%; position:absolute; bottom:0px; height:10vh; z-index:10; min-height:50px; max-height:100px; display:block; }  .parallax > use { animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)  infinite; } .parallax > use:nth-child(1) { animation-delay:-2s; animation-duration:7s; } .parallax > use:nth-child(2) { animation-delay:-3s; animation-duration:10s; } .parallax > use:nth-child(3) { animation-delay:-4s; animation-duration:13s; } .parallax > use:nth-child(4) { animation-delay:-5s; animation-duration:20s; } @keyframes move-forever { 0% { transform:translate3d(-90px,0,0); } 100% {  transform:translate3d(85px,0,0); } } .carousel .text {  position:absolute; } .carousel {  position:relative;  padding:20px; } .carousel>ul {  margin:0;  padding:0;  list-style:none; } .sitem{  height:inherit; } .sitem .image-container>img {  width:100vw;  display:block;  object-fit:cover;  object-position:center;  filter:brightness(.8);  z-index:2; } .d-main .sitem .image-container>img {  height:100vh; } .dx-main .sitem .image-container>img {  height:50vh; } .sitem .text{  width:100%;  z-index:1;  background-color:#000000b5;  padding:30px;  bottom:70px;  position:absolute;  text-align:center;  color:white; } .sitem .text .title{  font:700 clamp(2rem, 2.5vw, 3.5rem) Montserrat, sans-serif;  text-transform:uppercase;  text-shadow:2px gray;  display:block; } .sitem .text .sub{  margin-top:-10px;  font:400 clamp(24px, 2.5vw, 2.5rem) Caveat;  text-align:center; } .sitem .image-container::before {  width:100dvw;  height:inherit;  content:"";  display:block;  position:absolute;  top:0;  left:0;  background:#000;  background:linear-gradient(0deg, rgba(0, 0, 0, 0) 75%, hsla(var(--hue), 100%, 10%, 0.75) 95%);  z-index:99; }  #tentangkami{ padding:40px; } .content-body{  display:grid;  grid-template-columns:repeat(2,1fr); } .justify{ text-align:justify; text-justify:inter-word; }  #visimisi p{  justify-content:center;  text-align:justify; } #galeri {  padding-top:3rem;  padding-bottom:3rem;  background:var(--body-second-color); } #galeri .card{ height:200px; } .carousel-galeri {  position:relative; } .carousel h3, #video h3 {  font-weight:400;  text-transform:capitalize;  font-size:var(--medium-font); } .bg-trans{  background-color:rgba(255,255,255,1) !important; } .carousel .card {  border:none;  margin:0 .5rem;  border-radius:0;  background:var(--body-color); } :root {  .owl-carousel .owl-item img { display:block; border-radius:0;  }  .owl-carousel .owl-nav button.owl-prev span,  .owl-carousel .owl-nav button.owl-next span { position:absolute; top:5%; font-weight:600; font-size:0rem; opacity:.5; display:none;  }  .owl-carousel .owl-nav button.owl-prev span:hover,  .owl-carousel .owl-nav button.owl-next span:hover { background:transparent; opacity:1;  }  .owl-carousel .owl-nav button.owl-prev span { left:-3%;  }  .owl-carousel .owl-nav button.owl-next span { right:-3%;  }  .owl-carousel,  .owl-carousel .owl-item { position:unset;  } } .owl-dots {  display:none; } #footer{ padding:3rem;  color:black; } #footer .col{  padding:1rem; } #footer .s1{  display:flex;  flex-direction:column; } #footer .nav-logo{  margin-bottom:10px; } #footer span{ font-weight:400; } #footer ul{  padding:0; margin-left:1em; } #footer li{ list-style-position:outside; padding-left:0.5em; } #footer li, #footer p{ } #footer i{  color:var(--text-color);  margin-right:5px; } #footer a, .footerCr a{  text-decoration:none;  transition:all .3s; } .footerCr{  background:black;  text-align:center !important; } .footerCr p{  margin-bottom:0;  padding:1rem;  color:#f0f0f0; } .footerCr small{display:block; } .footerCr strong{  margin-bottom:5px;  padding:5px 0;  display:block; } .footerCr a:hover{  color:var(--main-color); } .sitemap{  text-align:left;  display:block; } .fcv{  text-align:right;  display:flex;  flex-direction:column;  align-items:flex-end; } .fcv .social-icons{  display:flex;  align-items:center;  justify-content:flex-end;  gap:12px;  margin-top:14px; } .fcv .social-icons a{  line-height:0; } .copyright{  font-size:10px;  display:flex;  justify-content:space-between; } .sitemap p{  padding:0px;  display:flex;  flex-direction:column;  gap:0;  margin-top:4px; } .sitemap a {  padding:2px 10px 2px 0;  min-height:24px;  display:inline-block;  line-height:1.4; } [itemprop="streetAddress"]:after, [itemprop="addressLocality"]:after, [itemprop="addressRegion"]:after , [itemprop="postalCode"]:after {content:", "} [itemprop="telephone"]{display:block;margin:3px;} [itemprop="url"]{display:block} [itemprop="email"]{display:block} @media only screen and (max-width:768px) {  .sitemap { text-align:center}  .sitemap p { justify-content:center; flex-wrap:wrap; gap:0 4px;}  .footerCr strong{background-color:#444}  .copyright{flex-direction:column;  align-items:center;}  .fcv{ margin-top:20px; text-align:center; align-items:center;  }  .fcv .social-icons{justify-content:center;}  .sitemap p{ padding:0px; display:flex; flex-direction:row;  } } @media screen and (max-width:992px) { #tentangkami,#galeri{ padding:0px !important;  }  .myBtn .whatsapp i{ flex-direction:column;  }  .myBtn .whatsapp:hover{ width:3.1rem; height:10.4rem;  }  .myBtn .whatsapp:hover p{ transform:rotate(90deg); width:max-content; margin-top:2.8rem; margin-right:7px;  }  #toggle { display:block; right:10px; }  .sticky > #toggle { display:block; right:10px; position:absolute; }  :not(.sticky) > #toggle { display:block; right:10px; position:absolute;  }  :not(.sticky) > #toggle.active { top:95px;  }  #toggle.active { top:15px;  } .navbar { background:linear-gradient(40deg, rgba(255, 255, 255, 1) 60%, var(--main-color) calc(25% + 1px));  }  .sticky .nav-menu { top:0px;  }  :not(.sticky) .nav-menu { width:auto; white-space:nowrap; margin-right:-10px; }  #nav-menu { position:relative; top:0px; right:0px; transition:.5s; z-index:1; background:var(--main-color);  display:none; align-items:center;  }  #nav-menu a{display:none;}  #nav-menu.active { display:flex; padding:30px 0;  }  #nav-menu.active a { display:block; text-align:left; width:max-content;  }  .sticky #nav-menu.active { position:absolute; top:55px; right:0px;  }  .navlist { display:flex; flex-direction:column; width:35%;  }  .navbar i { display:block; margin-left:10rem;  }  .nav-item,  .nav-item-1 { display:flex; flex-direction:column; margin:15px 20px 0 0px; top:50%;  }  .nav-item a { padding:15px 15px; position:relative; font-size:var(--normal-font); display:flex;  } .nav-item-1 a { display:none;  }  :root { #visimisi .row, #layanan .row , #layanan .content { flex-direction:column; } .navbar>.container{ display:inline-grid; grid-template-columns:repeat(2, max-content); }  }  #visimisi{ margin-top:8rem;  }  #visimisi .card { margin:2rem 0; height:13rem;  }  #footer .nav-logo{ margin-bottom:7px;  }  #footer .nav-logo img{ width:1.5rem; margin-left:-2px;  }  #footer .nav-logo p{ font-size:12px; margin-left:2px;  }  #footer .nav-logo span{ font-size:12px; font-weight:400;  } } .owl-theme,.owl-theme .owl-item{  -webkit-tap-highlight-color:transparent;  position:relative } .owl-theme{  display:none;  width:100%;  z-index:1 } .slide.owl-theme{  display:block } .slide>.sitem~.sitem{  display:none } .owl-theme .owl-stage{  position:relative;  -ms-touch-action:pan-Y;  touch-action:manipulation;  -moz-backface-visibility:hidden } .owl-theme .owl-stage:after{  content:".";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0 } .owl-theme .owl-stage-outer{  position:relative;  overflow:hidden;  -webkit-transform:translate3d(0,0,0) } .owl-theme .owl-item,.owl-theme .owl-wrapper{  -webkit-backface-visibility:hidden;  -moz-backface-visibility:hidden;  -ms-backface-visibility:hidden;  -webkit-transform:translate3d(0,0,0);  -moz-transform:translate3d(0,0,0);  -ms-transform:translate3d(0,0,0) } .owl-theme .owl-item{  min-height:1px;  float:left;  -webkit-backface-visibility:hidden;  -webkit-touch-callout:none } .owl-theme .owl-item img{  display:block; } .owl-theme .owl-dots.disabled,.owl-theme .owl-nav.disabled{  display:none } .no-js .owl-theme,.owl-theme.owl-loaded{  display:block } .owl-theme .owl-dot,.owl-theme .owl-nav .owl-next,.owl-theme .owl-nav .owl-prev{  cursor:pointer;  -webkit-user-select:none;  -khtml-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none } .owl-nav, .owl-dots{  display:none !important; } .owl-theme .owl-nav button.owl-next,.owl-theme .owl-nav button.owl-prev,.owl-theme button.owl-dot{  background:0 0;  color:inherit;  border:none;  padding:0!important;  font:inherit } .owl-theme.owl-loading{  opacity:0;  display:block } .owl-theme.owl-hidden{  opacity:0 } .owl-theme.owl-refresh .owl-item{  visibility:hidden } .owl-theme.owl-drag .owl-item{  -ms-touch-action:pan-y;  touch-action:pan-y;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none } .owl-theme.owl-grab{  cursor:move;  cursor:grab } .owl-theme.owl-rtl{  direction:rtl } .owl-theme.owl-rtl .owl-item{  float:right } .owl-theme .animated{  animation-duration:1s;  animation-fill-mode:both } .owl-theme .owl-animated-in{  z-index:0 } .owl-theme .owl-animated-out{  z-index:1 } .owl-theme .fadeOut{  animation-name:fadeOut } @keyframes fadeOut{  0%{ opacity:1  }  100%{ opacity:0  } } .owl-height{  transition:height .5s ease-in-out } .owl-theme .owl-item .owl-lazy{  opacity:0;  transition:opacity .4s ease } .owl-theme .owl-item .owl-lazy:not([src]),.owl-theme .owl-item .owl-lazy[src^=""]{  max-height:0 } .owl-theme .owl-item img.owl-lazy{  transform-style:preserve-3d } iframe{  border:1px solid var(--mc) !important ;  padding:1px;  border-radius:3px;  min-height:480px; } .btnCr {  width:44px;  height:44px;  font-size:18px;  border:2px solid rgba(255,255,255,.15);  border-radius:50%;  display:inline-flex;  align-items:center;  justify-content:center;  color:#fff;  transition:all .3s ease; } .btnCr i, .btnCr svg { color:#fff !important; } .btnCr:hover {  transform:scale(1.15);  border-color:transparent; } .flex-end{justify-content:flex-end} .mg-r-10{margin-right:10px !important} .h100 {height:100dvh} .h60 {height:50dvh} .bd-0 {border:0 !important} .mg-l-10{margin-left:10px !important} .mg-r-20{margin-right:20px !important} .mg-l-20{margin-left:20px !important} .mg-t-10{margin-top:10px !important} .mg-t-20{margin-top:20px !important} .mg-x-20{margin-left:20px !important;margin-right:20px !important} .mg-x-2{margin-left:2px !important;margin-right:2px !important} .mg-y-20{margin-top:20px !important;margin-bottom:20px !important} .mg-t-50{margin-top:50px !important} .mg-t-0{margin-top:0px !important} .pd-y-20{padding-top:20px !important;padding-bottom:20px !important} .pd-t-0{padding-top:0px !important} .pd-t-20{padding-top:20px !important} .pd-b-20{padding-bottom:20px !important} .mg-b-0{margin-bottom:0px !important} .mg-b-5{margin-bottom:5px !important} .mg-b-20{margin-bottom:20px !important} .tx-center{text-align:center} .tx-left{text-align:left !important} .tx-right{text-align:right !important} .tx-black{color:#000 !important} .tx-white{color:#fff !important} .tx-red{color:red !important} .tx-bold {font-weight:700} .tx-12 {font-size:12px} .tx-14 {font-size:14px} .tx-16 {font-size:16px} .tx-20 {font-size:20px} .tx-24 {font-size:24px} .pd-0{padding:0px !important} .pd-2{padding:2px !important} .pd-4{padding:4px !important} .pd-6{padding:6px !important} .pd-10{padding:10px !important} .pd-20{padding:20px !important} .pd-40{padding:40px !important} .wd-20d{width:20dvw} .wd-25d{width:25dvw} .wd-100p{width:100%} .tx-wa{color:#128c7e !important} .bg-borneo{background-color:#2E7D32} .bg-wa{background:#25d366} .bg-wa:hover{background:#1ebe5d} .bg-phone{background:#f5a623} .bg-phone:hover{background:#e09515} .bg-email{background:#1a73e8} .bg-email:hover{background:#1565d8} .logo-agrihikay, .logo-agriutama, .logo-agroindomas, .logo-agrosubur, .logo-bga, .logo-binasawit, .logo-bum, .logo-cba, .logo-mas, .logo-musimmas, .logo-skd, .logo-ssm, .logo-triputra, .logo-unggullestari, .logo-ustp, .logo-wilmar { max-width:100%; background-size:100%; background-image:url('../img/_mitra/logopt.webp'); } .logo-agrihikay { background-position:0 0%; background-size:100%; } .logo-agriutama { background-position:0 6.666667%; background-size:100%; } .logo-agroindomas { background-position:0 13.333333%; background-size:100%; } .logo-agrosubur { background-position:0 20%; background-size:100%; } .logo-bga { background-position:0 26.666667%; background-size:100%; } .logo-binasawit { background-position:0 33.333333%; background-size:100%; } .logo-bum { background-position:0 40%; background-size:100%; } .logo-cba { background-position:0 46.666667%; background-size:100%; } .logo-mas { background-position:0 53.333333%; background-size:100%; } .logo-musimmas { background-position:0 60%; background-size:100%; } .logo-skd { background-position:0 66.666667%; background-size:100%; } .logo-ssm { background-position:0 73.333333%; background-size:100%; } .logo-triputra { background-position:0 80%; background-size:100%; } .logo-unggullestari { background-position:0 86.666667%; background-size:100%; } .logo-ustp { background-position:0 93.333333%; background-size:100%; } .logo-wilmar { background-position:0 100%; background-size:100%; } .logo-new{background-size:100%; max-width:100%; } .img-kernel, .img-material, .img-pupuk, .img-sembako, .img-truk1, .img-truk2, .img-truk3 { max-width:100%; background-size:100%; background-image:url('../img/_bg/img.webp'); } .img-kernel { background-position:0 0%; background-size:100%; } .img-material { background-position:0 16.604245%; background-size:100%; } .img-pupuk { background-position:0 33.208489%; background-size:100%; } .img-sembako { background-position:0 49.812734%; background-size:100%; } .img-truk1 { background-position:0 66.416979%; background-size:100%; } .img-truk2 { background-position:0 83.021223%; background-size:100%; } .img-truk3 { background-position:0 99.625468%; background-size:100%; }  *, ::after, ::before {  box-sizing:border-box; } .container {  width:100%;  padding-right:15px;  padding-left:15px;  margin-right:auto;  margin-left:auto; } @media (min-width:576px) {  .container { max-width:540px;  }  } @media (min-width:768px) {  .container { max-width:720px;  } } @media (min-width:992px) {  .container { max-width:960px;  }  } @media (min-width:1200px) {  .container { max-width:1140px;  }  } @media (min-width:576px) {  .col-sm-12 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;  } } @media (min-width:768px) { .col-md-1 {  flex:0 0 8.33333%;  max-width:8.33333%; } .col-md-2 {  flex:0 0 16.66667%;  max-width:16.66667%; } .col-md-3 {  flex:0 0 25%;  max-width:25%; } .col-md-4 {  flex:0 0 33.33333%;  max-width:33.33333%; } .col-md-5 {  flex:0 0 41.66667%;  max-width:41.66667%; } .col-md-6 {  flex:0 0 50%;  max-width:50%; } .col-md-7 {  flex:0 0 58.33333%;  max-width:58.33333%; } .col-md-8 {  flex:0 0 66.66667%;  max-width:66.66667%; } .col-md-9 {  flex:0 0 75%;  max-width:75%; } .col-md-10 {  flex:0 0 83.33333%;  max-width:83.33333%; } .col-md-11 {  flex:0 0 91.66667%;  max-width:91.66667%; } .col-md-12 {  flex:0 0 100%;  max-width:100%; } } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {  position:relative;  width:100%;  padding-right:15px;  padding-left:15px; } .col-1 { flex:0 0 8.33333%; max-width:8.33333%; } .col-2 { flex:0 0 16.66667%; max-width:16.66667%; } .col-3 { flex:0 0 25%; max-width:25%; } .col-4 { flex:0 0 33.33333%; max-width:33.33333%; } .col-5 { flex:0 0 41.66667%; max-width:41.66667%; } .col-6 { flex:0 0 50%; max-width:50%; } .col-7 { flex:0 0 58.33333%; max-width:58.33333%; } .col-8 { flex:0 0 66.66667%; max-width:66.66667%; } .col-9 { flex:0 0 75%; max-width:75%; } .col-10 { flex:0 0 83.33333%; max-width:83.33333%; } .col-11 { flex:0 0 91.66667%; max-width:91.66667%; } .col-12 { flex:0 0 100%; max-width:100%; } .nav-item a:hover { color:#000; background-color:var(--light-color);  } .tx-hilight { background-color:#555; color:#fff;  } .navlink.active:hover { color:#fff;  }  .navlink.active { background-color:hsl(var(--hue), 100%, 28%); color:#fff;  }  @media (min-width:1200px) {  .col-xl-6 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;  } } a:active, a:hover {  outline-width:0; } a {  color:inherit; } a {  background-color:transparent; } .justify-content-around {  -ms-flex-pack:distribute !important;  justify-content:space-around !important; } .d-flex {  display:-ms-flexbox !important;  display:flex !important; } .lic:before{  content:"✔";  color:transparent;  text-shadow:0 0 0 var(--dark-color);  font-size:65%;  top:5px;  position:absolute;  left:calc(var(--fa-li-width, 2em)* -1);  text-align:center;  line-height:inherit; } .fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat {  -moz-osx-font-smoothing:grayscale;  -webkit-font-smoothing:antialiased;  display:var(--fa-display,inline-block);  font-style:normal;  font-variant:normal;  line-height:1;  text-rendering:auto } .fa-2x {  font-size:2em } .fa-fw {  text-align:center;  width:1.25em } .fa-ul {  list-style-type:none;  margin-left:var(--fa-li-margin,2em);  padding-left:0;  text-align:justify;  text-justify:inter-word;  } .fa-ol {  list-style-type:decimal;  margin-left:var(--fa-li-margin,2em);  padding-left:0;  text-align:justify;  text-justify:inter-word;  } .fa-ul>li, .fa-ol>li {  position:relative;  margin-bottom:10px; } .fa-ol>li::marker {  font-weight:bold; } .fa-li {  left:calc(var(--fa-li-width, 2em)*-1);  position:absolute;  text-align:center;  width:var(--fa-li-width,2em);  line-height:inherit } .fa-arrows-to-dot:before {  content:"\e4be" } .fa-arrow-right:before {  content:"\f061" } .fa-at:before {  content:"\40" } .fa-bullseye:before {  content:"\f140" } .fa-calendar-check:before {  content:"\f274" } .fa-chevron-right:before {  content:"\f054" } .fa-chevron-left::before { content:"\f053"; } .fa-chevron-up:before {  content:"\f077" } .fa-circle-dot:before,.fa-dot-circle:before {  content:"\f192" } .fa-circle:before {  content:"\f111" } .fa-circle-info:before,.fa-info-circle:before {  content:"\f05a" } .fa-envelope:before {  content:"\f0e0" } .fa-eye:before {  content:"\f06e" } .fa-fire:before {  content:"\f06d" } .fa-gem:before {  content:"\f3a5" } .fa-headset:before {  content:"\f590" } .fa-list:before {  content:"\f03a" } .fa-location-dot:before,.fa-map-marker-alt:before {  content:"\f3c5" } .fa-map-location-dot:before,.fa-map-marked-alt:before {  content:"\f5a0" } .fa-phone-square:before,.fa-square-phone:before {  content:"\f098" } .fa-truck-moving:before {  content:"\f4df" } :host,:root {  --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands" } @font-face {  font-family:"Font Awesome 6 Brands";  font-style:normal;  font-weight:400;  font-display:swap;  src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype") } .fa-brands,.fab {  font-family:"Font Awesome 6 Brands";  font-weight:400 } .fa-brands p {  font-family:Caveat;  font-size:22px !important; } .fa-youtube:before {  content:"\f167" } .fa-whatsapp:before {  content:"\f232" } .fa-twitter:before {  content:"\f099" } .fa-tiktok:before {  content:"\e07b" } .fa-linkedin:before {  content:"\f08c" } .fa-instagram:before {  content:"\f16d" } .fa-facebook:before {  content:"\f09a" } :host,:root {  --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free" } @font-face {  font-family:"Font Awesome 6 Free";  font-style:normal;  font-weight:900;  font-display:swap;  src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype") } .fa-solid,.fas {  font-family:"Font Awesome 6 Free";  font-weight:900 }  .tab { position:relative; } .tab input { position:absolute; opacity:0; z-index:-1; } .tab__content { max-height:0; overflow:hidden; transition:all 0.35s; } .tab input:checked ~ .tab__content { max-height:10rem; } .accordion { border:1px solid; overflow:hidden; } .tab__label, .tab__close { display:flex; background:var(--light-color); cursor:pointer; } .tab__label { justify-content:space-between; padding:1rem; } .tab__label::after { content:"\276F"; width:1em; height:1em; text-align:center; transform:rotate(90deg); transition:all 0.35s; } .tab input:checked + .tab__label::after { transform:rotate(270deg); } .tab__content p { margin:0; padding:1rem; } .tab__close { justify-content:flex-end; padding:0.5rem 1rem; font-size:0.75rem; } .accordion--radio { --theme:var(--main-color); } .tab input:not(:checked) + .tab__label:hover::after { animation:bounce .5s infinite; } @keyframes bounce { 25% {  transform:rotate(90deg) translate(.25rem); } 75% {  transform:rotate(90deg) translate(-.25rem); } } .stat-dark {  background:linear-gradient(135deg, #060c1a 0%, #122035 50%, #0a1520 100%);  color:#f0f0f0;  position:relative;  overflow:hidden; } .stat-dark::before {  content:"";  position:absolute;  inset:0;  background:radial-gradient(ellipse 80% 60% at 50% 50%, hsla(var(--hue),80%,40%,0.07) 0%, transparent 70%);  pointer-events:none; } .stat-dark h2 { color:#fff; } .stat-dark .section-subtitle { color:rgba(255,255,255,0.65); font-size:0.95rem; margin-top:.25rem; } .stat-grid {  display:grid;  grid-template-columns:repeat(4, 1fr);  gap:1.25rem;  margin-top:2rem; } .stat-card {  text-align:center;  padding:2rem 1rem;  background:rgba(255,255,255,0.04);  border:1px solid rgba(255,255,255,0.09);  border-radius:14px;  transition:transform .3s ease, border-color .3s ease, background .3s ease; } .stat-card:hover {  transform:translateY(-6px);  background:rgba(255,255,255,0.08);  border-color:hsla(var(--hue),100%,55%,0.40); } .stat-icon {  font-size:2rem;  color:var(--main-color);  margin-bottom:0.75rem;  display:block; } .stat-num {  display:block;  font-size:clamp(2rem, 4vw, 3.2rem);  font-weight:800;  color:var(--main-color);  line-height:1;  font-family:'Montserrat', sans-serif; } .stat-suffix {  font-size:1.6rem;  font-weight:700;  color:var(--light-color);  vertical-align:baseline; } .stat-label {  display:block;  font-size:0.78rem;  margin-top:0.5rem;  opacity:0.75;  letter-spacing:0.8px;  text-transform:uppercase; }  .section-badge {  display:inline-block;  background:hsla(var(--hue),100%,55%,0.12);  color:var(--dark-color);  border:1px solid hsla(var(--hue),100%,55%,0.30);  border-radius:20px;  padding:4px 16px;  font-size:0.72rem;  font-weight:600;  text-transform:uppercase;  letter-spacing:1px;  margin-bottom:0.75rem;  font-family:'Montserrat', sans-serif; } .stat-dark .section-badge, .divbg-strip-r .section-badge, .divbg-strip-l .section-badge, .divbg-r .section-badge, .divbg-l .section-badge, .divbg .section-badge, .divbg-strip .section-badge {  color:var(--light-color);  background:hsla(var(--hue),100%,55%,0.10);  border-color:hsla(var(--hue),100%,55%,0.28); } .intro-grid {  display:grid;  grid-template-columns:1fr 1fr;  gap:3rem;  align-items:center; } .intro-grid .intro-img {  border-radius:12px;  overflow:hidden;  box-shadow:0 20px 60px rgba(0,0,0,0.15);  position:relative; } .intro-grid .intro-img img {  width:100%;  display:block;  border-radius:12px;  transition:transform .5s ease; } .intro-grid .intro-img:hover img { transform:scale(1.03); } .intro-grid .intro-img::after {  content:"";  position:absolute;  inset:0;  border-radius:12px;  border:2px solid hsla(var(--hue),100%,55%,0.20);  pointer-events:none; } .intro-cta { margin-top:1.75rem; display:flex; flex-wrap:wrap; gap:8px; } .cta-strip {  background:linear-gradient(135deg, hsla(var(--hue),100%,40%,1) 0%, hsla(var(--hue),100%,30%,1) 100%);  padding:3.5rem 0;  text-align:center;  position:relative;  overflow:hidden; } .cta-strip::before {  content:"";  position:absolute;  inset:0;  background:url("../img/_home/truck-1.webp") center center / cover no-repeat;  opacity:0.08; } .cta-strip .container { position:relative; z-index:1; } .cta-strip h2 { color:#fff; font-size:clamp(1.4rem, 3vw, 2.2rem); margin-bottom:.5rem; } .cta-strip p { color:rgba(255,255,255,0.85); margin-bottom:1.5rem; } @media (max-width:768px) {  .stat-grid { grid-template-columns:repeat(2, 1fr); }  .intro-grid { grid-template-columns:1fr; gap:1.5rem; }  .intro-grid .intro-img { order:-1; } } @media (max-width:480px) {  .stat-grid { grid-template-columns:repeat(2, 1fr); gap:0.75rem; }  .stat-card { padding:1.25rem 0.75rem; } } .d-flex.centerv {  flex-wrap:wrap;  gap:8px; } @media (max-width:576px) {  .container { padding-right:20px; padding-left:20px;  } } @media (max-width:768px) {  .sbox { padding-top:2.5rem !important; padding-bottom:2.5rem !important; min-height:auto;  } } @media (max-width:480px) {  .sbox { padding-top:2rem !important; padding-bottom:2rem !important;  } } @media (max-width:767px) {  .row { row-gap:1.5rem;  }  .row > [class*="col-md-"] { flex:0 0 100%; max-width:100%;  } } @media (max-width:767px) {  .row > [class*="col-md-4"] img.wd-100p { max-height:300px; object-fit:cover; width:100%; border-radius:10px;  } } @media (max-width:768px) {  :root { --h1-font:32px; --h2-font:24px; --large-font:22px; --medium-font:18px;  }  h1 { line-height:1.3; }  h2 { margin-bottom:0.4rem; } } @media (max-width:480px) {  :root { --h1-font:26px; --h2-font:20px; --large-font:19px; --medium-font:17px;  } } @media (max-width:400px) {  .cBtn { width:100%; justify-content:center;  } } @media (max-width:576px) {  .fa-ul, .fa-ol { margin-left:1.5em;  } } @media (max-width:480px) {  .justify,  .fa-ul,  .fa-ol,  .fa-ul > li,  .fa-ol > li { text-align:left; text-justify:auto;  } } @media (max-width:768px) {  .bg-sec, .bg-main { min-height:auto; padding:2rem 0;  } } @media (max-width:576px) {  .dx-main { height:35vh;  }  .dx-main .sitem .image-container > img { height:35vh;  } } @media (max-width:576px) {  iframe { min-height:280px;  } } @media (max-width:768px) {  .content-body { grid-template-columns:1fr; gap:1.25rem;  } } @media (max-width:576px) {  .tab__label { padding:0.85rem 0.75rem; font-size:0.88rem; line-height:1.4;  }  .tab__content p { padding:0.75rem; font-size:0.9rem;  }  .tab input:checked ~ .tab__content { max-height:16rem;  } } @media (max-width:576px) {  #footer { padding:2rem 1.25rem;  }  #footer .col { padding:0.75rem 0;  } } @media (max-width:480px) {  .section-badge { font-size:0.65rem; padding:2px 10px; letter-spacing:0.5px;  } } @media (max-width:480px) {  .stat-dark .section-subtitle { font-size:0.82rem;  } } @media (max-width:480px) {  .intro-grid .intro-img img { max-height:260px; object-fit:cover;  } } .sbox h2:not(:last-child) {  margin-bottom:0.5rem; } @media (max-width:767px) {  .carousel-galeri, .carousel { padding:12px;  }  .carousel .card { margin:0 0.25rem;  } } .divbg-strip-r img.wd-100p, .divbg-strip-l img.wd-100p, .divbg-r img.wd-100p, .divbg-l img.wd-100p, .divbg img.wd-100p, .divbg-strip img.wd-100p {  border-radius:10px;  box-shadow:0 8px 30px rgba(0,0,0,0.35); } .fa-ul > li.lic, .fa-ol > li {  margin-bottom:14px;  line-height:1.7; } .fa-ul > li.lic:last-child, .fa-ol > li:last-child {  margin-bottom:0; } .title-m + .row {  margin-top:1.25rem; } @media (max-width:480px) {  .title-m + .row { margin-top:1rem;  } } .sbox > p.justify:first-of-type {  margin-top:0.5rem; } @media (max-width:480px) {  .sitem .text { padding:16px; bottom:50px;  }  .sitem .text .title { font-size:clamp(1.4rem, 5vw, 2.5rem);  }  .sitem .text .sub { font-size:clamp(1rem, 3.5vw, 1.5rem); margin-top:-4px;  } } @media (max-width:576px) {  .infokontak { padding:4px 8px; font-size:0.82rem;  } } @media (max-width:992px) {  .nav-item a { padding:12px 15px; font-size:0.92rem;  } } .bg-white + .bg-white {  border-top:1px solid hsla(var(--hue), 30%, 80%, 0.5); } .sbox img {  transition:opacity 0.3s ease; } @media (max-width:992px) {  .col-4, .col-8 { flex:0 0 100%; max-width:100%;  } }