.relative{
  position: relative;
}

body {
  font-family: "Aleo", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.bg-dark-blue {
  background-color: #ffd78d;
}

.cream {
  background-color: #fffdd0;
}

.border-none {
  border: none !important;
}

.bold {
  font-weight: bold;
}

.line-clamp-3,
.line-clamp3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.rincian {
  color: grey;
}

.fz-14px , .fz-14 {
  font-size: 14px;
}
.fz-16px , .fz-16{
  font-size: 16px;
}
.fz-12px , .fz-12 {
  font-size: 12px;
}
.mx-150 {
  max-width: 150px;
}
.mx-200px, .mx-200{
  max-width: 200px;
}

.mx-70px{
  max-width: 70px;
}
.bold{
  font-weight: 900;
}

.fz-13{
  font-size: 13px;
}

.fz-17{
  font-size: 17px;
}

.fw-600{
  font-weight: 600;
}

.a-other{
  color: #1a1856;
}
.a-other:hover{
  color: #1842b6;
}
.src-tt{
  position: absolute;
  right: 25px;
  top: 8px;
}

.title-notfound{
 color: #1c1884;
}
.card-custom-2{
  width: 100%;
  border-radius: 8px;
  border-color: var(--NN200,#D6DFEB);
  box-shadow: 0 1px 4px rgba(141,150,170,0.4);
  margin-bottom: 1rem;
}

.mx-80{
  max-width: 80px;
}

.mx-100px{
  max-width: 100px;
}


.accordion-button:focus {
  z-index: 3;
  border-color: transparent !important;
  outline: 0;
  box-shadow: none !important;
}

.desktop-view {
  display: block !important;
}

.mobile-view {
  display: none !important;
}

.dis-custom{
 display: block;
 width: 100%;
}


@media only screen and (max-width: 767px) {
  #myUL .card-title ,  #myUL h5 , #myUL .card-body a{
  font-size: 14px !important;
  }
  .dis-custom{
    display: inline;
    width: max-content;
    font-size: 12px;
   }

  .bg-reg-body {
    background-image: url("https://ik.imagekit.io/6aujbzmdy/bg-reg.jpg?updatedAt=1720297210581");
  }

  .desktop-view {
    display: none !important;
  }

  .mobile-view {
    display: block !important;
  }

  /* .d-sm-none{
    display: none !important;
    } */
}

.hvh-100 {
  height: 100vh;
}

.btn-detail-paket {
  border: 1px solid #1a1856;
  border-radius: 20px;
  box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.05);
  color: #1a1856;
}

.btn-detail-paket:hover {
  border: 2px solid #1a1856;
  border-radius: 20px;
  box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.05);
  color: #1a1856;
  font-weight: 800;
}


.max-w-300px{
  max-width: 300px;
}

.noted-pr{
  font-size: 12px;
  color: #939393;
}