a {
  color: #fbfbfbfb;
  text-decoration: none!important;
}

.workshop-img-j1 {
  /*width: 100%;*/
  aspect-ratio: 3/2;
  overflow: hidden;
  position: relative;
}

.workshop-img-j1 > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

li > i {
  padding-right: 10px;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: rgba(246,99,1,0.85);
}

.ic-stage {
  display: none !important;
}

@media (min-width: 576px) {
  .ic-stage {
    display: inline-flex !important;
  }
}

.h2, h2 {
  font-size: calc(1rem + .9vw);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: #fbfbfbfb;
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.client-row-j1 > div {
  display: flex;
  height: 45px;
  justify-content: center;
  align-items: center;
}

.client-row-j1 > div > img {
  height: 100%;
  object-fit: contain;
}

@media (min-width: 576px) {
  .list-client-j1 {
    column-count: 3;
    margin: 0px auto 2rem;
  }
}

.layanan-row-j1 > div {
}

.layanan-row-j1 > div > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}

td {
  color: #fbfbfbfb!important;
}

.photos > .item > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  aspect-ratio: 4/3;
}

.slide-j1 {
  height: 100%;
}

.galeri-row-j1 > div > div > div > a > img {
  width: 100%;
  /*height: 100%;*/
  object-fit: cover;
  aspect-ratio: 3/2;
  overflow: hidden;
}

#carousel-1 {
  height: 300px;
}