


.navbar-dig-10,
.footer-10 {
  color: var(--s-base-90);
  background-color: var(--s-base-10);
}
.navbar-dig-10-alpha,
.footer-10-alpha {
  color: var(--s-base-90);
  /* applying alpha on top of variable */
  background-color: oklch(from var(--s-base-10) l c h / 0.94);
}
.navbar-dig-30,
.footer-dig-30 {
  color: var(--s-base-90);
  background-color: var(--s-base-30);
}
.navbar-dig-50,
.footer-dig-50 {
  color: var(--s-base-90);
  background-color: var(--s-base-40);
}
.navbar-dig-70,
.footer-dig-70 {
  color: var(--s-base-90);
  background-color: var(--s-base-70);
}

/* -------------------- */
/* | button comp */
.s-button-comp {
  color: #fff8e1 !important; /* 50 */
  background-color: #ffbf00; /* 500 */
  border-color: #ffbf00;
}
.s-button-comp:hover {
  color: #fff8e1;
  background-color: rgba(255, 191, 0, 0.75); /* 500 */
  border-color: rgba(255, 191, 0, 0.75);
}
.s-button-comp:disabled, .s-button-comp.disabled {
  color: #fff8e1;
  background-color: rgba(255, 191, 0, 0.5); /* 500 */
  border-color: rgba(255, 191, 0, 0.5);
}
.s-button-comp-outline {
  color: #ffbf00;
  background-color: transparent;
  border-color: #ffbf00;
}
.s-button-comp-outline:hover {
  color: #fff8e1;
  background-color: rgba(255, 191, 0, 0.75);
  border-color: rgba(255, 191, 0, 0.75);
}
.s-button-comp-outline:disabled, 
.s-button-comp-outline.disabled {
  color: #ffbf00;
  background-color: transparent;
  border-color: rgba(255, 191, 0, 0.5);
}
.s-button-comp-light {
  color: #ff6d00;
  background-color: #fff8e1;
  border-color: #fff8e1;
}
.s-button-comp-light:hover {
  color: rgba(255, 248, 225, 0.75);
}
.s-button-comp-dark {
  color: #fff8e1;
  background-color: #ff6d00;
  border-color: #ff6d00;
}
.s-button-comp-dark:hover {
  color: rgba(255, 109, 0, 0.75);
}
/* button comp | */
/* -------------------- */
#footer {
  color: var(--s-base-90);
}
#footer a {
  color: rgba(226, 246, 255, 0.75);
}
#footer a:hover {
  color: rgba(226, 246, 255, 0.5);
  text-decoration: none;
}
#footer-newsletter {
  /*color: var(--s-base-50);*/
  background-color: var(--s-base-20);
  overflow: hidden;
}
#footer-newsletter .form-control {
  display: block;
  display: inline-block;
  width: 80%;
}
#footer-content {
  /*color: var(--s-base-50);*/
  background-color: var(--s-base-10);
  overflow: hidden;
}
#footer-copyright {
  color: var(--s-base-50);
  background-color: var(--s-base-70);
}
#footer-copyright svg.copyright-dig {
  fill: var(--s-base-90); /* #b5e7ff */
}
.footer-copyright-svg {
  fill: var(--s-base-90); /* #b5e7ff X #fff8e1; */
}
/* -------------------- */
/* | s-button-fab */
.s-button-fab,
.s-button-fab-lg {
  position: relative;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  padding: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  cursor: pointer;
  z-index: 1;
/*display:inline-block;overflow:hidden;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:10px;*/
}
.s-button-fab-lg {
  width: 56px;
  height: 56px;
}
.s-button-fab:hover,
.s-button-fab-lg:hover {
  -webkit-box-shadow: 0 6px 12px 0 rgba(254, 105, 24, 0.2), 0 4px 16px 0 rgba(254, 105, 24, 0.18);
          box-shadow: 0 6px 12px 0 rgba(254, 105, 24, 0.2), 0 4px 16px 0 rgba(254, 105, 24, 0.18);
}
/* s-button-fab | */
/* -------------------- */
/* | button scroll edit */
#button-scroll {
  position: fixed;
  right: 1rem;
  bottom: 4rem;
  display: none;
  z-index: 99;
}
#button-scroll .arrow-upward-base {
  fill: #e2f6ff;
}
#button-scroll .arrow-upward-base:hover {
  fill: #135aa4;
}
#button-scroll .arrow-upward-alt {
  fill: #fff8e1;
}
#button-scroll .arrow-upward-alt:hover {
  fill: #ff6d00;
}
/* button scroll | */
/* -------------------- */
/*
#btn-back-to-top .arrow-upward-comp {
   color: var(--s-com-90);
  background-color: --s-com-30;
}
#btn-back-to-top .arrow-upward-comp:hover {
  fill: #ff6d00;
}
  */
#btn-back-to-top {
  /*
  position: fixed;
  bottom: 0;
  right: 0;
  margin-bottom: 0.25rem !important;
  margin-right: 1rem !important;
  */
  display: none;
  z-index: 99;
}

.btn-com {
  color: oklch(0.976562 0.030054 90.3236);
  background-color: oklch(0.6987 0.1988 43.03);
  /*
  --s-btn-color: #000;
  --s-btn-bg: #ffc107;
  --s-btn-border-color: #ffc107;
  --s-btn-hover-color: #000;
  --s-btn-hover-bg: #ffca2c;
  --s-btn-hover-border-color: #ffc720;
  --s-btn-focus-shadow-rgb: 217, 164, 6;
  --s-btn-active-color: #000;
  --s-btn-active-bg: #ffcd39;
  --s-btn-active-border-color: #ffc720;
  --s-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --s-btn-disabled-color: #000;
  --s-btn-disabled-bg: #ffc107;
  --s-btn-disabled-border-color: #ffc107;
  */
}
.btn-com:hover {
  color: oklch(0.976562 0.030054 90.3236);
  background-color: oklch(0.7741 0.1707 64.04);
}
/* footer | */

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
/* -------------------- */
.bd-mode-toggle {
  z-index: 1500;
}
.bd-mode-toggle .bi {
  width: 1em; height: 1em;
}
.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}
.btn-bd-primary {
  --bd-violet-bg: var(--s-com-10); /* #fe6918 X #712cf9; */
  --bd-violet-rgb: 254, 105, 24; /*112.520718, 44.062154, 249.437846;*/
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--s-com-light); /* --bs-white */
  --bs-btn-bg: var(--bd-violet-bg); /*  */
  --bs-btn-border-color: var(--bd-violet-bg); /*  */
  --bs-btn-hover-color: var(--s-com-light); /* --bs-white */
  --bs-btn-hover-bg: var(--s-com-30); /* X #6528e0 */
  --bs-btn-hover-border-color: var(--s-com-30); /* X #6528e0 */
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);  /*  */
  --bs-btn-active-color: var(--bs-btn-hover-color); /*  */
  --bs-btn-active-bg: var(--s-com-70); /* X #5a23c8 */
  --bs-btn-active-border-color: var(--s-com-70); /* X #5a23c8 */
}
/* -------------------- */

.btn-group {
  border-radius: var(--bs-border-radius);
}
  .btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.me-3d5 {
  margin-right: 3.5rem !important;
}
/* -------------------- */
body {
  min-height: 100vh !important;
}

.bd-placeholder-img {
  font-size:1.125rem; text-anchor:middle; -webkit-user-select:none;-moz-user-select:none;user-select:none;
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size:3.5rem;
  }
}
.b-example-divider {
  width:100%; height:3rem;background-color:#0000001a;border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026;
}
.b-example-vr {
  flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor;
}
.nav-scroller {
  position:relative;z-index:2;height:2.75rem;overflow-y:hidden;
}
.nav-scroller .nav {
  display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch;
}
/* -------------------- */

/* -------------------- */
