html {
  scroll-behavior: smooth;
}

a[href="#!"] {
  pointer-events: none;
  cursor: default;
}

.btn-primary {
  --si-btn-bg: #3d98ff;
  --si-btn-border-color: #3d98ff;
}

.form-switch.mode-switch .form-check-input,
.form-switch.price-switch .form-check-input {
  background-color: #3d98ff;
}

.nav-tabs {
  --si-nav-tabs-link-active-bg: #3d98ff;
}

[data-bs-theme=dark] .form-check:not([data-bs-theme=light]) .form-check-input:checked:not(.is-invalid):not(:invalid) {
  border-color: #3d98ff !important;
}
[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).mode-switch .form-check-input,
[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).price-switch .form-check-input {
  background-color: #3d98ff !important;
}

.accordion {
  --si-accordion-btn-icon-box-active-bg: #3d98ff;
}

.layer-perspective {
  position: relative;
  top: 150px !important;
  left: 150px !important;
  perspective: 1000px;
}

.layer-perspective img {
  max-width: 800px;
  position: absolute;
  transform: rotate(-7deg) rotateY(5deg) rotateX(-3deg);
  transform-style: preserve-3d;
}

@media screen and (max-width: 991px) {
  .layer-perspective {
    display: none;
  }
}

.surround-lg {
  border-radius: 20px;
  box-shadow: rgba(17, 17, 26, .1) 0 8px 24px, rgba(17, 17, 26, .1) 0 16px 56px, rgba(17, 17, 26, .1) 0 24px 80px;
}

.surround-md {
  border-radius: 20px;
  box-shadow: rgba(17, 17, 26, .1) 0 4px 16px, rgba(17, 17, 26, .05) 0 8px 32px;
}

.surround-sm {
  border-radius: 10px;
  box-shadow: rgba(17, 17, 26, .05) 0 1px 0, rgba(17, 17, 26, .1) 0 0 8px;
}