.footerlogo {
  margin-bottom: 0 !important;
  color: white;
}

.img-responsive {
  max-width: unset;
  width: 100%;
  border-radius: 15px;
}

.product-picture {
  margin-bottom: 20px;
  width: 100%;
  height: 350px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: white;
}

#ipal-anchor .product-title {
  margin-top: 0 !important;
}

.product-title {
  line-height: 1.4em;
  font-weight: bold;
  font-size: 28px;
  margin-top: 3rem;
}

#hero-anchor {
  position: relative;
}

#hero-anchor #hero {
  position: absolute;
  left: 0;
  top: -88px;
}

#about-anchor {
  position: relative;
}

#about-anchor #about {
  position: absolute;
  left: 0;
  top: -88px;
}

#director .column1 {
  min-height: 400px;
  border-radius: 15px;
  background-repeat: no-repeat;
  background-size: cover;
}

#certificate {
  background-color: #f4f7fc;
}

#certificate img {
  border-radius: 15px;
}

#product-anchor {
  position: relative;
}

#product-anchor #product {
  position: absolute;
  left: 0;
  top: -88px;
}

#product-anchor .product {
  padding-top: 15px;
  padding-bottom: 15px;
}

#product-anchor .product .back-color {
  height: 100%;
}

#product-anchor .product .title-head {
  color: black;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4em;
}

#product-anchor .product .title-head:hover {
  color: darkgray;
  text-decoration: none;
}

#product-anchor .product-page .title-head:hover {
  color: black;
}

#blogs-anchor {
  position: relative;
}

#blogs-anchor #blogs {
  position: absolute;
  left: 0;
  top: -88px;
}

#blogs-anchor .blog {
  padding-top: 15px;
  padding-bottom: 15px;
}

#blogs-anchor .blog .row {
  margin: 0;
}

#blogs-anchor .blog .blog-pic {
  border-radius: 10px;
  width: 100%;
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#blogs-anchor .blog .blog-lengkap:hover {
  text-decoration: underline !important;
}

#blogs-anchor .blog:first-child {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

#blogs-anchor .blog:first-child .blog-pic {
  min-height: 400px;
}

#blogs-anchor .blog-page:first-child .blog-pic {
  min-height: 200px;
}

#blogs-anchor .blog-button {
  margin-left: auto;
  margin-right: auto;
}

#contact-anchor {
  position: relative;
}

#contact-anchor #contact {
  position: absolute;
  left: 0;
  top: -88px;
}

#contact-anchor .contact-grids a .contact-text-sub {
  color: initial;
}

#contact-anchor .contact-grids a .contact-text-sub:hover {
  color: #fb743c;
  text-decoration: unset;
}

#blog .main-titles-head {
  margin-bottom: 50px;
}

#blog .main-titles-head p {
  margin-top: 10px;
}

#blog .blog-img {
  width: 100%;
  height: 400px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 30px;
}

#blog .blog-paragraph {
  margin-top: 20px;
}

#blog .action-button {
  width: unset;
}

.product-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 6.4rem;
  z-index: 98;
}

.product-nav button {
  background: white;
  padding: 12px;
  border-width: 2px;
}

.product-anchor {
  position: relative;
}

.product-anchor span:first-child {
  position: absolute;
  left: 0;
  top: -115px;
}

nav .pagination {
  justify-content: center;
  margin-top: 48px;
  border-radius: 0;
}

nav .pagination li {
  border-radius: 0;
}

nav .pagination li .page-link {
  border-radius: 0;
  padding: 15px;
}

nav .pagination li:first-child,
nav .pagination li:last-child {
  margin: 0 24px;
}

nav .pagination .disabled .page-link {
  background-color: #e6e6e6;
}

.w3l-footers-20 a {
  color: initial;
}

.w3l-footers-20 a:hover {
  color: initial;
  text-decoration: unset;
}