/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
  --cnvs-themecolor: #51c5f3;
  --cnvs-themecolor-rgb: 102, 204, 255;
  --cnvs-body-bg: #f3fbfe;
  --cnvs-heading-color: #005496;
}
.btn-outline-secondary {
  --bs-btn-active-bg: rgb(157, 218, 244) !important;
}
html,
section {
  font-family: "Poppins" !important;
  /* font-size: 22px; */
  color: #005496 !important;
}

.text-dark {
  color: #005496 !important;
}

.bg-color-dark {
  background-color: #005496;
}

.bg-color-web {
  background-color: #f3fbfe;
}

.card {
  border-radius: 10px;
  border: 0;
  padding: 5px;
}

#slider img {
  border-radius: 0px;
}
img {
  border-radius: 10px;
}

.bi-star-fill {
  color: orange !important;
}

/* product detail */
.btn-outline-primary {
  border-radius: 10px;
  color: #005496 !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
}

.variant-area {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
}

.add-cart {
  --cnvs-btn-color: #00adee !important;
}

.checkout {
  --cnvs-btn-color: #005496 !important;
  color: white !important;
}

.add-cart:hover {
  --cnvs-btn-color: #428ec9 !important;
}

.checkout:hover {
  --cnvs-btn-color: #428ec9 !important;
}

.card-footer {
  background-color: rgb(255, 255, 255) !important;
}

h1,
a,
span,
strong,
div,
p {
  color: #005496 !important;
}

/* .text-start {
	color: white !important;
} */

.badge {
  color: white !important;
}
@media (max-width: 960px) {
  .news-owl {
    width: 254px !important;
    margin-right: 10px !important;
  }

  .card-footer div b {
    font-size: smaller;
  }
}

.color-text-box {
  background-color: #e5f6fd;
}

.bg-card-general {
  background-color: #ffffff !important;
}

.note-submit {
  color: red !important;
}

.icon-button {
  position: absolute;
  top: 10px;
  /* Sesuaikan dengan posisi vertikal yang diinginkan */
  right: 10px;
  /* Sesuaikan dengan posisi horizontal yang diinginkan */
  background-color: transparent;
  border: none;
  color: white;
  /* Sesuaikan dengan warna yang diinginkan */
  font-size: 20px;
  /* Sesuaikan dengan ukuran ikon yang diinginkan */
  cursor: pointer;
  z-index: 1;
  text-shadow: 0 0 3px #000;
}

.icon-button:hover {
  color: #005496 !important;
}

.checked-fav {
  color: #005496;
}

.unchecked-fav {
  color: #ffffff;
}