.marquee-container {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.marquee-text {
  display: inline-block;
  transition: transform 0.3s ease;
}

.marquee-animate {
  animation: marquee 6s linear infinite;
}

@keyframes marquee {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

.header-cart.show .cart-item-list {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    transition: all 0.3s ease;
}

.text-shadow {
  text-shadow: 2px 2px 5px rgba(16, 0, 116, 0.5);
}
.text-blue {
  color: #013461 !important;
  text-shadow:
  1px 1px 2px white,  /* Bayangan ke kanan bawah */
  -1px -1px 2px white, /* Bayangan ke kiri atas */
  -1px 1px 2px white,  /* Bayangan ke kiri bawah */
  1px -1px 2px white;  /* Bayangan ke kanan atas */
}
.border-blue {
  border-color: #013461 !important;
}
.text-orange {
  color: #fcc421 !important;
}
.bg-orange {
  background-color: #fcc421 !important;
}
.border-orange {
  border-color: #fcc421 !important;
}
.text-dark-orange {
  color: #ed891e !important;
}
.text-outline {
color: black; /* Warna teks utama */
text-shadow:
  1px 1px 2px white,  /* Bayangan ke kanan bawah */
  -1px -1px 2px white, /* Bayangan ke kiri atas */
  -1px 1px 2px white,  /* Bayangan ke kiri bawah */
  1px -1px 2px white;  /* Bayangan ke kanan atas */
}
.text-hover-orange {
transition: color .2s ease
}

.text-hover-orange:hover {
    transition: color .2s ease;
    color: #ed891e!important
}

/* Default tanpa breakpoint */
.h-85 {
  height: 85% !important;
}
.h-15 {
  height: 15% !important;
}

/* Responsif untuk ukuran layar kecil ke atas */
@media (min-width: 576px) {
  .h-sm-85 {
    height: 85% !important;
  }
  .h-sm-15 {
    height: 15% !important;
  }
}

/* Responsif untuk ukuran layar sedang ke atas */
@media (min-width: 768px) {
  .h-md-85 {
    height: 85% !important;
  }
  .h-md-15 {
    height: 15% !important;
  }
}

/* Responsif untuk ukuran layar besar ke atas */
@media (min-width: 992px) {
  .h-lg-85 {
    height: 85% !important;
  }
  .h-lg-15 {
    height: 15% !important;
  }
}

/* Responsif untuk ukuran layar ekstra besar ke atas */
@media (min-width: 1200px) {
  .h-xl-85 {
    height: 85% !important;
  }
  .h-xl-15 {
    height: 15% !important;
  }
}

/* Responsif untuk ukuran layar ekstra-ekstra besar ke atas */
@media (min-width: 1400px) {
  .h-xxl-85 {
    height: 85% !important;
  }
  .h-xxl-15 {
    height: 15% !important;
  }
}