.set-tile-bg {
    /* first background layer: your tiled icon image */
    background-image: url('/resources/img/tiled-background-white.png') !important;

    /* repeat your image both horizontally and vertically */
    background-repeat: repeat, no-repeat;

    /* position the tiled image at the top left, theme bg covers the rest */
    background-position: top left, center;

    /* default size for the tiled image (auto), theme bg covers full */
    background-size: auto, cover;
}

[data-bs-theme="light"] .set-tile-bg {
    /* first background layer: your tiled icon image */
    background-image: url('/resources/img/tiled-background-black.png') !important;

    /* repeat your image both horizontally and vertically */
    background-repeat: repeat, no-repeat;

    /* position the tiled image at the top left, theme bg covers the rest */
    background-position: top left, center;

    /* default size for the tiled image (auto), theme bg covers full */
    background-size: auto, cover;
}


.carousel-slide-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;     /* Optional for full page width */
  height: 100vh;    /* Makes it fill the entire viewport height */
  min-height: 400px; /* Fallback min height */
}

.carousel-caption {
  color: white !important;
}

a.nav-link > i.bi {
  margin-right: 3px;
}



.ml-n10 {
  margin-left: -10px !important;
}

.ml-n9 {
  margin-left: -9px !important;
}

.ml-n8 {
  margin-left: -8px !important;
}

.ml-n7 {
  margin-left: -7px !important;
}

.ml-n6 {
  margin-left: -6px !important;
}

.ml-n5 {
  margin-left: -5px !important;
}

.ml-n4 {
  margin-left: -4px !important;
}

.ml-n3 {
  margin-left: -3px !important;
}

.ml-n2 {
  margin-left: -2px !important;
}

.ml-n1 {
  margin-left: -1px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.ml-10 {
  margin-left: 10px !important;
}




.mr-n10 {
  margin-right: -10px !important;
}

.mr-n9 {
  margin-right: -9px !important;
}

.mr-n8 {
  margin-right: -8px !important;
}

.mr-n7 {
  margin-right: -7px !important;
}

.mr-n6 {
  margin-right: -6px !important;
}

.mr-n5 {
  margin-right: -5px !important;
}

.mr-n4 {
  margin-right: -4px !important;
}

.mr-n3 {
  margin-right: -3px !important;
}

.mr-n2 {
  margin-right: -2px !important;
}

.mr-n1 {
  margin-right: -1px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mr-10 {
  margin-right: 10px !important;
}



a.no-decor-white, a.no-decor-white:active {
  color: white !important;
  text-decoration: none !important;
}