.header-logo{
  max-height: 26px;
  object-fit: scale-down;
}
.btn-en{
  transition: 0.3s ease;
  background-image: url("image/en.png");
  width: 32px;   
  height: 32px;  
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.btn-en:hover{
  color: #7fff00;
}
.btn-id{
  transition: 0.3s ease;
  background-image: url("image/id.png");
  width: 32px;   
  height: 32px;  
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.btn-id:hover{
  color: #7fff00;
}
.tick{
  color: #7fff00;
}
.h-100 {
  height: 100%!important;
}
.carousel-item img{
  height: 44rem;
  object-fit: cover;
}
.main-menus{
  width: 100%;
  height:17rem;
  padding: 6px;
}

.page-img{
  width: 100%;
  height: 50vmin;
}
.main-img{
  width: 100%;
  height: 70vmin;
}

.featurette-divider{
  margin: 5rem 0;
}
a{
  text-decoration: none;
}
li > a{
  transition: 0.3s ease !important;
}
li > a:hover{
  border-bottom: 1px solid red !important;
  padding: 6px 0 ; 
}
li > a:active{
  background-color: red !important;
}
.long-form{
  min-height: 40rem;
}
.long-form2{
  min-height: 30rem;
}
.gallery{
  width: 100%;
  height: 18rem;
  Object-fit: Contain;
}
.certificate{
  width: 100%;
  height: 27rem;
}
.product{
  height:15rem;
}
.position-absolute{
  font-size: xx-large;
}
nav .nav-link {
  transition: 0.3s ease;
  border-bottom: 1px solid transparent;
}
nav .nav-link:hover {
  border-bottom: 1px solid red;
  padding: 6px 0; 
}
.floating{
  transition: 0.3s ease;
  border-bottom: 1px solid transparent;
}
.floater:hover > .floating, .floating:hover > .floating{
  border-bottom: 1px solid red !important;
}
.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}

@media (min-width: 992px){
.bd-toc {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    right: 0;
    z-index: 2;
    height: calc(100vh - 7rem);
    overflow-y: auto;
}
.header-logo{
max-height: 40px;
object-fit: scale-down;
}
}
@media (max-width: 1200px) { 
  .main-menus{
    width: 15rem;
    height: 10rem;
  } 
  .carousel-item img{
    height: 20rem;
    object-fit: cover;
  }  
  .position-absolute{
    font-size: x-large;
  }
  }