/* Generating Color Pack*/
/* .color-highlight {
  color: var(--purple) !important;
}

.bg-highlight {
  background-color: var(--purple) !important;
  color: #FFF !important;
}

.border-highlight {
  border-color: var(--purple) !important;
}

.gradient-highlight {
  background-image: linear-gradient(to bottom, var(--blue), var(--purple)) !important;
}

.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
  background-color: var(--purple) !important;
}

.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i {
  color: var(--purple) !important;
}

.form-floating-over > .form-control:focus ~ label {
  color: var(--purple);
}

.form-floating-over > .form-control:not(:placeholder-shown) ~ label {
  color: var(--purple);
}

.form-floating-over > .form-select ~ label {
  color: var(--purple);
}

.color-highlight {
  color: var(--purple);
}

.bg-highlight {
  background-color: var(--purple);
  color: #FFF !important;
}

.interest-check input:checked ~ label {
  color: #FFF !important;
  background-color: var(--purple) !important;
}

[data-gradient=body-default] #page, .background-changer .body-default{
  background-image:none!important;
} */

/* .container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 1320px;
} */

/* .page-content{
  max-width: 1320px!important;
  max-width: 500px!important;
  margin:0 auto;
}

.position-fixed {
  left:0;
} */