@media (min-width: 768px) {
  .radius-250 {
    border-radius: 250px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .radius-50 {
    border-radius: 50px;
  }

  .radius-left-bottom {
    border-bottom-right-radius: 50px !important;
  }
}

@media (max-width: 768px) {
  .radius-sm-top {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}

.grayscale img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
}

.grayscale img:hover {
  filter: none;
}

#sticky-layanan-parent .sticky-layanan-inner {
  left: auto !important;
}

@media (max-width: 767.98px) {
  #sticky-layanan-parent .sticky-layanan-inner {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    transform: none !important;
  }
}

.sticky-layanan-container {
  will-change: min-height;
}

.accordion {
  --bs-accordion-active-color: unset !important;
  --bs-accordion-active-bg: var(--bs-gray-100);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
}

.accordion-button:not(.collapsed) {
  background-color: unset !important;
  box-shadow: unset !important;
}