@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

* {
  font-family: "Poppins";
}

#cos-nav {
  position: relative !important; 
  width: 100%; 
  top: 0; 
  left: 0;
  z-index: 1051 !important; 
  background: white;
}

#closeSearch {
  cursor: pointer;
}

.dropdown svg {
  transition: transform 0.3s ease-in-out; /* Pastikan transisi berlaku di kedua arah */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.custome-breacrumbs{
  color: white;
}
.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

#overlay-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Transparansi */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  visibility: hidden; /* Default disembunyikan */
}

.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.huruf-pertama{
    color: red; /* atau warna lain */
    font-weight: bold;

}

.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #07274b transparent;
}

body.modal-open {
  overflow: auto !important; /* Paksa scroll tetap ada */
  padding-right: 0px !important; /* Hilangkan padding yang ditambahkan oleh Bootstrap */
}

.button-costume-login{
  background: #36649A;
  color: white;
}


#content{
  margin-top: 90px !important;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}