html {
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
}

button {
  border: 0;
  background-color: transparent;
}

.modal {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.highlight-bg {
  background-color: var(--bs-primary);
  padding: 2px 5px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
}

.underline-link {
  border-bottom: dashed 2px;
}

.bg-secondary .menu-item {
  color: white !important;
}

.bg-secondary .cart-items-count {
  background-color: var(--bs-primary) !important;
}

.no-navigation {
  position: fixed;
  width: 100px;
  /* left: 0;
  top: 0; */
  z-index: 10;
  padding: 5px;
}

.brand-text {
  padding-left: 15px;
  font-weight: 600;
}

.content-page-bg {
  background: url("../images/banner/banner-01-scaled.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  /* background-position: right top; */
}

.btn-disabled {
  background-color: darkgrey !important;
  cursor: default;
}

.modal-logo {
  width: 100px;
}

.rounded-huge {
  border-radius: 35px;
}

.isClickable {
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .custom-modal {
    width: 410px;
  }
}