/*Tiger*/


/* >>> owrx.ui.global (25.2.0) - Global + Merged >>> Clean :: 317 <<< */

@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

hr { 
  
  margin: 0 0;
  
  color: var(--bs-border-color);
  
  opacity: 1;

}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { 
  
  margin-bottom: 1rem;
  
  font-weight: 800;
  
  line-height: 1.3;

}

p { 
  
  margin-bottom: 1.25rem;

}

dt { 
  
  font-weight: 800;

}

a:hover { 
  
  text-decoration: none; 

}

pre { 
  
  color: var(--light-font-l);

}

kbd { 
  
  color: var(--white);
  
  background-color: var(--dark);

}

caption {
  
  padding-top: 0.75rem;
  
  padding-bottom: 0.75rem;

}

th { 
  
  font-weight: 700;

}




.lazyload {
    opacity: 0;
    transition: opacity 0.5s;
}

.lazyloaded {
    opacity: 1;
}

/* Preloader visibility - Start visible and hide after loading */
.spinner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease;
}

/* Ensure spinner hides when image is loaded or fallback is triggered */
.bg-image.lazyloaded + .spinner-overlay,
.bg-image:not([data-bgset]):not([src]) + .spinner-overlay {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}













.lead { 
  
  font-size: calc(1.275rem + 0.3vw);
  
  font-weight: 400;

}

@media (min-width: 1200px) { 
  
  .lead { 
    
    font-size: 1.5rem; 
  
  } 

}

.display-1 { 
  
  font-weight: 800;
  
  line-height: 1.3;

}

.display-2 { 
  
  font-weight: 800;
  
  line-height: 1.3;

}

.display-3 { 
  
  font-weight: 800;
  
  line-height: 1.3;

}

.display-4 { 
  
  font-weight: 800;
  
  line-height: 1.3;

}

.display-5 { 
  
  font-weight: 800;
  
  line-height: 1.3;

}

.display-6 { 
  
  font-size: calc(1.3875rem + 1.65vw);
  
  font-weight: 800;
  
  line-height: 1.3;

}

@media (min-width: 1200px) { 
  
  .display-6 { 
    
    font-size: 2.625rem;
  
  } 

}

.list-inline-item:not(:last-child) { 
  
  margin-right: 0.5rem; 

}

.blockquote { 
  
  font-size: 1rem;

}

.blockquote-footer { 
  
  color: var(--bs-gray-600);

}

.img-thumbnail { 
  
  padding: 0.5rem; border: 0 solid var(--bs-border-color); 
  
  border-radius: var(--bs-border-radius-lg);
  
  box-shadow: var(--bs-box-shadow-sm);

}

.figure-caption { 
  
  color: var(--bs-gray-600);

}

@media (min-width: 768px) { 
  
  .container-md, .container-sm, .container { 
    
    max-width: 95%;
  
  } 

}

@media (min-width: 992px) { 
  
  .container-lg, .container-md, .container-sm, .container { 
    
    max-width: 95%;
  
  } 

}

@media (min-width: 1200px) { 
  
  .container-xl, .container-lg, .container-md, .container-sm, .container { 
    
    max-width: 95%; 
  
  } 

}

@media (min-width: 1400px) {

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

}

:root { 
  
  --bs-breakpoint-sm: 500px;

}

.table { 
  
  --bs-table-color: var(--bs-body-color);
  
  --bs-table-striped-color: var(--bs-body-color);
  
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.0375);
  
  --bs-table-active-color: var(--bs-body-color);
  
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  
  --bs-table-hover-color: var(--bs-body-color);
  
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);

}

.table > :not(caption) > * > * { 
  
  padding: 0.5rem 0.5rem;

}

.table-sm > :not(caption) > * > * { 
  
  padding: 0.375rem 0.375rem;

}

.table-dark { 
  
  --bs-table-bg: --bs-table-bg: var(--dark-l2); 
  
  --bs-table-border-color: var(--dark-font); 
  
  --bs-table-striped-bg: var(--dark-l1); 
  
  --bs-table-active-bg: var(--dark); 
  
  --bs-table-hover-bg: var(--dark);

}

.form-label { 
  
  margin-bottom: 0.3125rem; 
  
  font-size: 0.875rem; 
  
  font-weight: 600; 
  
  color: var(--dark);

}

.col-form-label { 
  
  padding-top: calc(0.625rem + var(--bs-border-width));
  
  padding-bottom: calc(0.625rem + var(--bs-border-width));
  
  font-weight: 600;
  
  line-height: 1.6;
  
  color: var(--dark);

}

.col-form-label-lg { 
  
  padding-top: calc(0.785rem + var(--bs-border-width)); 
  
  padding-bottom: calc(0.785rem + var(--bs-border-width)); 
  
  font-size: 1rem;

}

.col-form-label-sm { 
  
  padding-top: calc(0.475rem + var(--bs-border-width)); 
  
  padding-bottom: calc(0.475rem + var(--bs-border-width)); 
  
  font-size: 0.75rem;

}

.form-text { 
  
  font-size: 0.75rem; 
  
  color: var(--bs-gray-600); 

}

.form-control { 
  
  padding: 0.625rem 1rem;
  
  font-size: 0.875rem;
  
  line-height: 1.6;
  
  color: var(--light-font-l);
  
  border: var(--bs-border-width) solid var(--secondary-l2);
  
  box-shadow: var(--bs-box-shadow-inset);

}

.form-control:focus { 
  
  color: var(--light-font-l);
  
  background-color: var(--white);
  
  border-color: rgba(var(--rgb-primary), 0.35);
  
  box-shadow: var(--bs-box-shadow-inset), 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.2);

}

.form-control::-webkit-date-and-time-value { 
  
  height: 1.6em;

}

.form-control::-moz-placeholder { 
  
  color: var(--secondary-l2);

}

.form-control::placeholder { 
  
  color: var(--secondary-l2);

}

.form-control:disabled { 
  
  background-color: var(--light-l2);

}

.form-control::-webkit-file-upload-button { 
  
  padding: 0.625rem 1rem; 
  
  margin: -0.625rem -1rem; 
  
  -webkit-margin-end: 1rem; 
  
  margin-inline-end: 1rem; 
  
  color: var(--light-font-l); 
  
  background-color: var(--bs-tertiary-bg); 
  
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

}

.form-control::file-selector-button { 
  
  padding: 0.625rem 1rem; 
  
  margin: -0.625rem -1rem; 
  
  -webkit-margin-end: 1rem; 
  
  margin-inline-end: 1rem; 
  
  color: var(--light-font-l); 
  
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

}

.form-control-plaintext { 
  
  padding: 0.625rem 0;
  
  line-height: 1.6;

}

.form-control-sm { 
  
  min-height: calc(1.6em + 0.95rem + calc(var(--bs-border-width) * 2)); 
  
  padding: 0.475rem 0.875rem;
  
  font-size: 0.75rem;

}

.form-control-sm::-webkit-file-upload-button { 
  
  padding: 0.475rem 0.875rem; 
  
  margin: -0.475rem -0.875rem; 
  
  -webkit-margin-end: 0.875rem; 
  
  margin-inline-end: 0.875rem; 

}

.form-control-sm::file-selector-button { 
  
  padding: 0.475rem 0.875rem;
  
  margin: -0.475rem -0.875rem;
  
  -webkit-margin-end: 0.875rem;
  
  margin-inline-end: 0.875rem;

}

.form-control-lg { 
  
  min-height: calc(1.6em + 1.57rem + calc(var(--bs-border-width) * 2)); 
  
  padding: 0.785rem 1.125rem;
  
  font-size: 1rem;

}

.form-control-lg::-webkit-file-upload-button { 
  
  padding: 0.785rem 1.125rem;
  
  margin: -0.785rem -1.125rem;
  
  -webkit-margin-end: 1.125rem;
  
  margin-inline-end: 1.125rem;

}

.form-control-lg::file-selector-button { 
  
  padding: 0.785rem 1.125rem;
  
  margin: -0.785rem -1.125rem; 
  
  -webkit-margin-end: 1.125rem;
  
  margin-inline-end: 1.125rem;

}

textarea.form-control { 
  
  min-height: calc(1.6em + 1.25rem + calc(var(--bs-border-width) * 2));

}

textarea.form-control-sm { 
  
  min-height: calc(1.6em + 0.95rem + calc(var(--bs-border-width) * 2));

}

textarea.form-control-lg { 
  
  min-height: calc(1.6em + 1.57rem + calc(var(--bs-border-width) * 2)); 

}

.form-control-color { 
  
  height: calc(1.6em + 1.25rem + calc(var(--bs-border-width) * 2));
  
  padding: 0.625rem;

}

.form-control-color.form-control-sm { 
  
  height: calc(1.6em + 0.95rem + calc(var(--bs-border-width) * 2));

}

.form-control-color.form-control-lg { 
  
  height: calc(1.6em + 1.57rem + calc(var(--bs-border-width) * 2));

}

.form-select { 
  
  padding: 0.625rem 3rem 0.625rem 1rem;
  
  font-size: 0.875rem;
  
  line-height: 1.6;
  
  color: var(--light-font-l);
  
  background-color: var(--white);
  
  background-position: right 1rem center;
  
  border: var(--bs-border-width) solid var(--bs-border-color);
  
  box-shadow: var(--bs-box-shadow-inset);

}

.form-select:focus { 
  
  border-color: rgba(var(--rgb-primary), 0.35);
  
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0 rgba(var(--rgb-primary), 0.25);

}

.form-select[multiple], .form-select[size]:not([size="1"]) { 
  
  padding-right: 1rem;

}

.form-select:disabled { 
  
  background-color: var(--light-l2);

}

.form-select:-moz-focusring { 
  
  text-shadow: 0 0 0 var(--light-font-l);

}

.form-select-sm { 
  
  padding-top: 0.475rem;
  
  padding-bottom: 0.475rem;
  
  padding-left: 0.875rem;
  
  font-size: 0.75rem;

}

.form-select-lg { 
  
  padding-top: 0.785rem;
  
  padding-bottom: 0.785rem;
  
  padding-left: 1.125rem;
  
  font-size: 1rem;

}

.form-check { 
  
  min-height: 1.6rem; 
  
  padding-left: 1.5rem; 
  
  margin-bottom: 0.25rem;

}

.form-check-input { 
  
  width: 1rem;
  
  height: 1rem;
  
  margin-top: 0.3rem;
  
  border: 2px solid var(--secondary-l2);

}

.form-check-input[type=checkbox] { 
  
  border-radius: 0.1875em; 

}

.form-check-input:focus { 
  
  border-color: rgba(var(--rgb-primary), 0.35);
  
  box-shadow: 0 0 0 0.25rem rgba(var(--rgb-primary), 0.25);

}

.form-check-input:checked { 
  
  background-color: var(--primary);
  
  border-color: var(--primary);

}

.form-check-input[type=checkbox]:indeterminate { 
  
  background-color: var(--primary);
  
  border-color: var(--primary);

}

.form-check-input:disabled { 
  
  opacity: 0.55;

}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { 
  
  opacity: 0.55;

}

.form-switch { 
  
  padding-left: 3.375em;

}

.form-switch .form-check-input { 
  
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); 
  
  width: 2.875em;
  
  margin-left: -3.375em;
  
  border-radius: 2.875em;

}

.form-switch.form-check-reverse { 
  
  padding-right: 3.375em;

}

.form-switch.form-check-reverse .form-check-input { 
  
  margin-right: -3.375em;

}

.form-range { 
  
  height: 1rem;

}

.form-range:focus::-webkit-slider-thumb { 
  
  box-shadow: 0 0 0 1px var(--white), 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.2);

}

.form-range:focus::-moz-range-thumb { 
  
  box-shadow: 0 0 0 1px var(--white), 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.2);

}

.form-range::-webkit-slider-thumb { 
  
  background-color: var(--primary);
  
  box-shadow: 0 0.1rem 0.25rem rgba(var(--rgb-black), 0.1);

}

.form-range::-webkit-slider-thumb:active { 
  
  background-color: var(--primary);

}

.form-range::-webkit-slider-runnable-track { 
  
  background-color: var(--secondary-l3);
  
  box-shadow: var(--bs-box-shadow-inset);

}

.form-range::-moz-range-thumb { 
  
  background-color: var(--primary);
  
  box-shadow: 0 0.1rem 0.25rem rgba(var(--rgb-black), 0.1);

}

.form-range::-moz-range-thumb:active { 
  
  background-color: var(--primary);

}

.form-range::-moz-range-track { 
  
  background-color: var(--secondary-l3);
  
  box-shadow: var(--bs-box-shadow-inset);

}

.form-floating > label { 
  
  padding: 1rem 1rem;

}

.form-floating > .form-control, .form-floating > .form-control-plaintext { 
  
  padding: 1rem 1rem;

}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { 
  
  color: rgba(var(--bs-body-color-rgb), 0.7);

}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { 
  
  color: rgba(var(--bs-body-color-rgb), 0.7);

}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { 
  
  inset: 1rem 0.5rem;
  
  background-color: var(--white);

}

.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after { 
  
  inset: 1rem 0.5rem; 
  
  background-color: var(--white);

}

.form-floating > .form-control:-webkit-autofill ~ label { 
  
  color: rgba(var(--bs-body-color-rgb), 0.7);

}

.form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { 
  
  color: var(--silver-l2);

}

.form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { 
  
  background-color: var(--light-l2);

}

.input-group-text { 
  
  padding: 0.625rem 1rem;
  
  font-size: 0.875rem;
  
  line-height: 1.6;
  
  color: var(--light-font-l);
  
  background-color: var(--white);
  
  border: var(--bs-border-width) solid var(--bs-border-color);

}

.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { 
  
  padding: 0.785rem 1.125rem; 
  
  font-size: 1rem;

}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { 
  
  padding: 0.475rem 0.875rem; 
  
  font-size: 0.75rem;

}

.input-group-lg > .form-select, .input-group-sm > .form-select { 
  
  padding-right: 4rem;

}

.valid-feedback { 
  
  margin-top: 0.25rem;
  
  font-size: 0.75rem; 

}

.valid-tooltip { 
  
  font-size: 0.75rem;
  
  border-radius: 0.25rem;

}

.was-validated .form-control:valid, .form-control.is-valid { 
  
  padding-right: calc(1.6em + 1.25rem);
  
  background-position: right calc(0.4em + 0.3125rem) center;
  
  background-size: calc(0.8em + 0.625rem) calc(0.8em + 0.625rem);

}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus { 
  
  box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.25);

}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid { 
  
  padding-right: calc(1.6em + 1.25rem);
  
  background-position: top calc(0.4em + 0.3125rem) right calc(0.4em + 0.3125rem);

}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { 
  
  padding-right: 5.5rem;
  
  background-position: right 1rem center, center right 3rem;
  
  background-size: 16px 12px, calc(0.8em + 0.625rem) calc(0.8em + 0.625rem);

}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus { 
  
  box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.25);

}

.was-validated .form-control-color:valid, .form-control-color.is-valid { 
  
  width: calc(3rem + calc(1.6em + 1.25rem));

}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { 
  
  box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.25);

}

.invalid-feedback { 
  
  font-size: 0.75rem;

}

.invalid-tooltip { 
  
  font-size: 0.75rem;
  
  border-radius: 0.25rem;

}

.was-validated .form-control:invalid, .form-control.is-invalid { 
  
  padding-right: calc(1.6em + 1.25rem);
  
  background-position: right calc(0.4em + 0.3125rem) center;
  
  background-size: calc(0.8em + 0.625rem) calc(0.8em + 0.625rem); 

}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { 
  
  box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.25);

}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { 
  
  padding-right: calc(1.6em + 1.25rem);
  
  background-position: top calc(0.4em + 0.3125rem) right calc(0.4em + 0.3125rem);

}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { 
  
  padding-right: 5.5rem;
  
  background-position: right 1rem center, center right 3rem;
  
  background-size: 16px 12px, calc(0.8em + 0.625rem) calc(0.8em + 0.625rem);

}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { 
  
  box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.25);

}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid { 
  
  width: calc(3rem + calc(1.6em + 1.25rem));

}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { 
  
  box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.25);

}

/* Btn Elements */

.btn { 
  
  --bs-btn-padding-x: 1.75rem;
  
  --bs-btn-padding-y: 0.625rem;
  
  --bs-btn-font-size: 0.875rem;
  
  --bs-btn-font-weight: 600;
  
  --bs-btn-line-height: 1.6;
  
  --bs-btn-box-shadow: unset;
  
  --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
  
  white-space: nowrap;
  
  box-shadow: var(--bs-btn-box-shadow);
  
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { 
  
  box-shadow: var(--bs-btn-active-shadow);

}

.btn:disabled, .btn.disabled, fieldset:disabled .btn { 
  
  box-shadow: none;

}

.btn-link:hover, .btn-link:focus-visible { 
  
  text-decoration: none; 

}

.btn-lg, .btn-group-lg > .btn { 
  
  --bs-btn-padding-y: 0.785rem; 
  
  --bs-btn-padding-x: 2rem;
  
  --bs-btn-font-size: 1rem; 

}

.btn-sm, .btn-group-sm > .btn { 
  
  --bs-btn-padding-y: 0.475rem;
  
  --bs-btn-padding-x: 1.25rem;
  
  --bs-btn-font-size: 0.75rem;

}

.dropdown-menu { 
  
  --bs-dropdown-min-width: 12rem; 
  
  --bs-dropdown-spacer: 0.25rem;
  
  --bs-dropdown-font-size: 0.875rem;
  
  --bs-dropdown-bg: var(--white); 
  
  --bs-dropdown-border-color: var(--white);
  
  --bs-dropdown-border-radius: 0.5rem;
  
  --bs-dropdown-inner-border-radius: calc(0.5rem - var(--bs-border-width));
  
  --bs-dropdown-divider-bg: var(--primary-l3);
  
  --bs-dropdown-divider-margin-y: 0.375rem;
  
  --bs-dropdown-box-shadow: 0 0.275rem 1.25rem rgba(var(--rgb-dark), 0.05), 0 0.25rem 0.5625rem rgba(var(--rgb-dark), 0.03);
  
  --bs-dropdown-link-color: var(--light-font-l);
  
  --bs-dropdown-link-hover-color: var(--primary);
  
  --bs-dropdown-link-hover-bg: transparent;
  
  --bs-dropdown-link-active-color: var(--primary);
  
  --bs-dropdown-link-active-bg: transparent;
  
  --bs-dropdown-link-disabled-color: var(--secondary-d1);
  
  --bs-dropdown-item-padding-y: 0.375rem;
  
  --bs-dropdown-header-color: var(--bs-gray-900);
  
  box-shadow: var(--bs-dropdown-box-shadow);

}

.dropdown-menu-dark, [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]) { 
  
  --bs-dropdown-color: rgba(var(--rgb-white), 0.7); 
  
  --bs-dropdown-bg: linear-gradient(0deg, rgba(var(--rgb-white), 0.03), rgba(var(--rgb-white), 0.03)), var(--dark); 
  
  --bs-dropdown-border-color: rgba(var(--rgb-white), 0.14);
  
  --bs-dropdown-link-color: rgba(var(--rgb-white), 0.85);
  
  --bs-dropdown-link-hover-color: var(--primary);
  
  --bs-dropdown-divider-bg: rgba(var(--rgb-white), 0.14);
  
  --bs-dropdown-link-hover-bg: transparent;
  
  --bs-dropdown-link-active-color: var(--primary);
  
  --bs-dropdown-link-active-bg: transparent;
  
  --bs-dropdown-link-disabled-color: rgba(var(--rgb-white), 0.4);
  
  --bs-dropdown-header-color: var(--white);

}

.dropdown-toggle-split { 
  
  padding-right: 1.3125rem;
  
  padding-left: 1.3125rem;

}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { 
  
  padding-right: 0.9375rem;
  
  padding-left: 0.9375rem;

}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { 
  
  padding-right: 1.5rem; 
  
  padding-left: 1.5rem;

}

.btn-group.show .dropdown-toggle { 
  
  box-shadow: unset; 

}

.btn-group.show .dropdown-toggle.btn-link { 
  
  box-shadow: none; 

}

.nav { 
  
  --bs-nav-link-padding-y: 0.535rem;
  
  --bs-nav-link-font-weight: 600;
  
  --bs-nav-link-color: var(--light-font-l);
  
  --bs-nav-link-hover-color: var(--primary);
  
  --bs-nav-link-disabled-color: var(--silver-l2);

}

.nav-link { 
  
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;

}

.nav-link:focus-visible { 
  
  box-shadow: 0 0 0 0.25rem rgba(var(--rgb-primary), 0.25);

}

.nav-tabs { 
  
  --bs-nav-tabs-border-width: 0; 
  
  --bs-nav-tabs-border-color: transparent; 
  
  --bs-nav-tabs-link-hover-border-color: transparent; 
  
  --bs-nav-tabs-link-active-color: var(--white); 
  
  --bs-nav-tabs-link-active-bg: var(--primary); 
  
  --bs-nav-tabs-link-active-border-color: transparent;

}

.nav-pills { 
  
  --bs-nav-pills-border-radius: 50rem; 
  
  --bs-nav-pills-link-active-bg: var(--primary);

}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link { 
  
  font-weight: 800;

}

.navbar { 
  
  --bs-navbar-color: var(--light-font-l); 
  
  --bs-navbar-hover-color: var(--primary); 
  
  --bs-navbar-disabled-color: var(--silver-l2); 
  
  --bs-navbar-active-color: var(--primary); 
  
  --bs-navbar-brand-padding-y: 0.5rem; 
  
  --bs-navbar-brand-font-size: 1.375rem; 
  
  --bs-navbar-brand-color: var(--dark); 
  
  --bs-navbar-brand-hover-color: var(--dark); 
  
  --bs-navbar-nav-link-padding-x: 0.875rem; 
  
  --bs-navbar-toggler-padding-y: 0.625rem; 
  
  --bs-navbar-toggler-padding-x: 0.25rem; 
  
  --bs-navbar-toggler-icon-bg: initial; 
  
  --bs-navbar-toggler-border-color: transparent; 
  
  --bs-navbar-toggler-border-radius: 0;
  
  --bs-navbar-toggler-focus-width: 0;

}

.navbar-nav { 
  
  --bs-nav-link-padding-y: 0.535rem;
  
  --bs-nav-link-font-weight: 600;

}

.navbar-text { 
  
  padding-top: 0.535rem;
  
  padding-bottom: 0.535rem;

}

.navbar-dark, .navbar[data-bs-theme=dark] { 
  
  --bs-navbar-color: rgba(var(--rgb-white), 0.85);
  
  --bs-navbar-hover-color: var(--primary); 
  
  --bs-navbar-disabled-color: rgba(var(--rgb-white), 0.4);
  
  --bs-navbar-active-color: var(--primary);
  
  --bs-navbar-toggler-border-color: transparent;
  
  --bs-navbar-toggler-icon-bg: initial;

}

[data-bs-theme=dark] .navbar-toggler-icon { 
  
  --bs-navbar-toggler-icon-bg: initial;

}

.card { 
  
  --bs-card-spacer-y: 1.5rem; 
  
  --bs-card-spacer-x: 1.5rem; 
  
  --bs-card-title-spacer-y: 0.75rem; 
  
  --bs-card-title-color: var(--bs-heading-color); 
  
  --bs-card-border-color: var(--bs-border-color); 
  
  --bs-card-border-radius: 0.5rem; 
  
  --bs-card-inner-border-radius: calc(0.5rem - (var(--bs-border-width))); 
  
  --bs-card-cap-padding-y: 1.125rem; 
  
  --bs-card-cap-padding-x: 1.5rem;
  
  --bs-card-cap-bg: transparent;
  
  --bs-card-img-overlay-padding: 1.5rem;
  
  box-shadow: var(--bs-card-box-shadow);

}

.breadcrumb { 
  
  --bs-breadcrumb-font-size: 0.875rem;
  
  --bs-breadcrumb-divider-color: var(--bs-gray-600);
  
  --bs-breadcrumb-item-padding-x: 0.625rem;
  
  --bs-breadcrumb-item-active-color: var(--bs-primary);

}

.pagination { 
  
  --bs-pagination-padding-x: 0.875rem; 
  
  --bs-pagination-padding-y: 0.45rem; 
  
  --bs-pagination-font-size: 0.875rem; 
  
  --bs-pagination-color: var(--light-font-l); 
  
  --bs-pagination-bg: transparent; 
  
  --bs-pagination-border-width: 0;
  
  --bs-pagination-hover-color: var(--primary);
  
  --bs-pagination-hover-bg: var(--secondary-l3);
  
  --bs-pagination-focus-color: var(--primary);
  
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--rgb-primary), 0.25);
  
  --bs-pagination-active-bg: var(--primary);
  
  --bs-pagination-active-border-color: var(--primary);
  
  --bs-pagination-disabled-bg: transparent;

}

.pagination-lg { 
  
  --bs-pagination-padding-x: 1.125rem;
  
  --bs-pagination-padding-y: 0.625rem;

}

.pagination-sm { 
  
  --bs-pagination-padding-x: 0.65rem; 
  
  --bs-pagination-padding-y: 0.265rem;

}

.badge { 
  
  --bs-badge-padding-x: 0.6em;
  
  --bs-badge-font-size: 0.8125em;
  
  --bs-badge-font-weight: 600;
  
  --bs-badge-border-radius: 0.25rem;

}

.alert { 
  
  --bs-alert-border-radius: 0.5rem;

}

.alert-link { 
  
  font-weight: 600;

}

.progress, .progress-stacked { 
  
  --bs-progress-bg: var(--secondary-l3);
  
  --bs-progress-border-radius: 50rem;
  
  --bs-progress-bar-bg: var(--primary);
  
  box-shadow: var(--bs-progress-box-shadow);

}

.btn-close { 
  
  --bs-btn-close-focus-shadow: none;
  
  width: 0.75em;
  
  height: 0.75em;

}

.toast { 
  
  --bs-toast-padding-x: 1rem;
  
  --bs-toast-padding-y: 0.75rem;
  
  --bs-toast-bg: var(--white);
  
  --bs-toast-border-color: transparent;
  
  --bs-toast-border-radius: 0.5rem;
  
  --bs-toast-header-color: var(--bs-heading-color); 
  
  --bs-toast-header-bg: transparent; 
  
  --bs-toast-header-border-color: var(--bs-border-color);

}

.modal { 
  
  --bs-modal-padding: 1.5rem; 
  
  --bs-modal-border-color: var(--bs-border-color); 
  
  --bs-modal-border-width: 0; 
  
  --bs-modal-box-shadow: 0 0.275rem 1.25rem rgba(var(--rgb-dark), 0.05), 0 0.25rem 0.5625rem rgba(var(--rgb-dark), 0.03); 
  
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - 0); 
  
  --bs-modal-header-padding-x: 1.5rem; 
  
  --bs-modal-header-padding-y: 1.125rem; 
  
  --bs-modal-header-padding: 1.125rem 1.5rem; 
  
  --bs-modal-header-border-width: 1px; 
  
  --bs-modal-title-line-height: 1.6; 
  
  --bs-modal-footer-gap: 0.75rem; 
  
  --bs-modal-footer-border-width: 1px; 

}

.modal.fade .modal-dialog { 
  
  transition: transform 0.2s ease-out;
  
  transform: scale(0.9);

}

.modal-content { 
  
  box-shadow: var(--bs-modal-box-shadow);

}

.modal-backdrop { 
  
  --bs-backdrop-opacity: 0.65;

}

.modal-header { 
  
  justify-content: space-between; 

}

.tooltip { 
  
  --bs-tooltip-font-size: 0.8125rem;
  
  --bs-tooltip-border-radius: 0.25rem;
  
  line-height: 1.6;

}

.popover { 
  
  --bs-popover-border-color: var(--bs-border-color); 
  
  --bs-popover-box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03);
  
  --bs-popover-header-padding-y: 0.75rem;
  
  --bs-popover-header-color: var(--bs-heading-color);
  
  --bs-popover-header-bg: transparent;
  
  line-height: 1.6;
  
  box-shadow: var(--bs-popover-box-shadow);

}

.spinner-border { 
  
  --bs-spinner-border-width: 0.15em;

}

.spinner-border-sm { 
  
  --bs-spinner-border-width: 0.1em;

}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { 
  
  --bs-offcanvas-width: 21rem;
  
  --bs-offcanvas-padding-x: 1.5rem;
  
  --bs-offcanvas-padding-y: 1.5rem;
  
  --bs-offcanvas-border-width: 0;
  
  --bs-offcanvas-border-color: var(--bs-border-color);
  
  --bs-offcanvas-box-shadow: 0 0.275rem 1.25rem rgba(var(--rgb-dark), 0.05), 0 0.25rem 0.5625rem rgba(var(--rgb-dark), 0.03);
  
  --bs-offcanvas-title-line-height: 1.6; 

}

@media (max-width: 499.98px) { 
  
  .offcanvas-sm { 
    
    box-shadow: var(--bs-offcanvas-box-shadow); 
  
  } 

}

@media (max-width: 767.98px) { 
  
  .offcanvas-md { 
    
    box-shadow: var(--bs-offcanvas-box-shadow);
  
  } 

}

@media (max-width: 991.98px) { 
  
  .offcanvas-lg { 
    
    box-shadow: var(--bs-offcanvas-box-shadow);
  
  } 

}

@media (max-width: 1199.98px) { 
  
  .offcanvas-xl { 
    
    box-shadow: var(--bs-offcanvas-box-shadow);
  
  } 

}

@media (max-width: 1399.98px) { 
  
  .offcanvas-xxl { 
    
    box-shadow: var(--bs-offcanvas-box-shadow); 
  
  } 

}

.offcanvas { 
  
  box-shadow: var(--bs-offcanvas-box-shadow);

}

.offcanvas-backdrop.show { 
  
  opacity: 0.65;

}

.offcanvas-header { 
  
  justify-content: space-between;

}

.offcanvas-header .btn-close { 
  
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));

}

.placeholder { 
  
  opacity: 0.35; 

}

.text-bg-primary { 
  
  color: var(--primary-font-l) !important;

}

.text-bg-secondary { 
  
  color: var(--secondary-font-l) !important;

}

.text-bg-success { 
  
  color: var(--success-font-l) !important; 

}

.text-bg-danger { 
  
  color: var(--danger-font-l) !important; 

}

.link-primary:hover, .link-primary:focus { 
  
  color: rgba(var(--rgb-primary), var(--bs-link-opacity, 1)) !important;
  
  -webkit-text-decoration-color: rgba(var(--rgb-primary), var(--bs-link-underline-opacity, 1)) !important;
  
  text-decoration-color: rgba(var(--rgb-primary), var(--bs-link-underline-opacity, 1)) !important;

}

.link-secondary:hover, .link-secondary:focus { 
  
  color: rgba(var(--rgb-secondary), var(--bs-link-opacity, 1)) !important;
  
  -webkit-text-decoration-color: rgba(var(--rgb-secondary), var(--bs-link-underline-opacity, 1)) !important;
  
  text-decoration-color: rgba(var(--rgb-secondary), var(--bs-link-underline-opacity, 1)) !important;

}

.link-success:hover, .link-success:focus { 
  
  color: rgba(var(--rgb-success), var(--bs-link-opacity, 1)) !important;
  
  -webkit-text-decoration-color: rgba(var(--rgb-success), var(--bs-link-underline-opacity, 1)) !important;
  
  text-decoration-color: rgba(var(--rgb-success), var(--bs-link-underline-opacity, 1)) !important;

}

.link-info:hover, .link-info:focus { 
  
  color: rgba(var(--rgb-info), var(--bs-link-opacity, 1)) !important; 
  
  -webkit-text-decoration-color: rgba(var(--rgb-info), var(--bs-link-underline-opacity, 1)) !important;
  
  text-decoration-color: rgba(var(--rgb-info), var(--bs-link-underline-opacity, 1)) !important;

}

.link-warning:hover, .link-warning:focus { 
  
  color: rgba(var(--rgb-warning), var(--bs-link-opacity, 1)) !important;
  
  -webkit-text-decoration-color: rgba(var(--rgb-warning), var(--bs-link-underline-opacity, 1)) !important; 
  
  text-decoration-color: rgba(var(--rgb-warning), var(--bs-link-underline-opacity, 1)) !important; 

}

.link-danger:hover, .link-danger:focus { 
  
  color: rgba(var(--rgb-danger), var(--bs-link-opacity, 1)) !important; 
  
  -webkit-text-decoration-color: rgba(var(--rgb-danger), var(--bs-link-underline-opacity, 1)) !important;
  
  text-decoration-color: rgba(var(--rgb-danger), var(--bs-link-underline-opacity, 1)) !important; 

}

.link-light:hover, .link-light:focus { 
  
  color: rgba(var(--rgb-light), var(--bs-link-opacity, 1)) !important;
  
  -webkit-text-decoration-color: rgba(var(--rgb-light), var(--bs-link-underline-opacity, 1)) !important;
  
  text-decoration-color: rgba(var(--rgb-light), var(--bs-link-underline-opacity, 1)) !important;

}

.link-dark:hover, .link-dark:focus { 
  
  color: rgba(var(--rgb-dark), var(--bs-link-opacity, 1)) !important; 
  
  -webkit-text-decoration-color: rgba(var(--rgb-dark), var(--bs-link-underline-opacity, 1)) !important;
  
  text-decoration-color: rgba(var(--rgb-dark), var(--bs-link-underline-opacity, 1)) !important;

}

.vr { 
  
  opacity: 1; 

}

.text-shadow { 
  
  text-shadow: 0 0.0625rem var(--dark) !important; 

}

.table-layout-fixed { 
  
  table-layout: fixed !important; 

}

/* Silicon New (Beyond BS Core) */

:root, [data-bs-theme=light] { 
  
  --bs-user-selection-color: rgba(var(--bs-primary-rgb), 0.22); 
  
  --bs-heading-link-color: var(--light-font-l); 
  
  --bs-heading-link-hover-color: var(--primary); 

}

[data-bs-theme=dark] { 
  
  --bs-gray-600: rgba(var(--rgb-white), .5); 
  
  --bs-gray-700: rgba(var(--rgb-white), .7); 
  
  --bs-gray-800: rgba(var(--rgb-white), .85); 
  
  --bs-gray-900: var(--white); 
  
  --bs-secondary-bg: rgba(var(--rgb-white), .04); 
  
  --bs-heading-link-color: rgba(var(--rgb-white), 0.85); 
  
  --bs-heading-link-hover-color: var(--primary); 
  
  --bs-nav-link-color: rgba(var(--rgb-white), 0.85); 
  
  --bs-code-color: var(--pink-l1); 

}

html * { 
  
  -webkit-font-smoothing: antialiased; 
  
  -moz-osx-font-smoothing: grayscale; 

}

html, body { 
  
  height: 100%; 

}

/* 

  (TODO" See if this can be brought back without messing up the canvas situation)

  body {

    display: flex;

    flex-direction: column;

  }

*/

.page-wrapper { 
  
  flex: 1 0 auto; 

}

.footer { 
  
  flex-shrink: 0; 

}

a { 
  
  transition: color 0.2s ease-in-out; 

}

a:focus { 
  
  outline: none; 

}

a[class^=bg-]:not(.btn), a[class*=bg-]:not(.btn) { 
  
  transition: background-color 0.25s ease; 

}

img, figure { 
  
  max-width: 100%;

  height: auto;

  vertical-align: middle;

}

svg { 
  
  max-width: 100%; 

}

.dark-mode-img { 
  
  display: none; 

}

iframe { 
  
  width: 100%; 

}

::-moz-selection { 
  
  background: var(--bs-user-selection-color); 

}

::selection { 
  
  background: var(--bs-user-selection-color); 

}

b, strong { 
  
  font-weight: 800; 

}

small, .small { 
  
  font-weight: inherit; 

}

button:focus { 
  
  outline: none; 

}

.img-thumbnail { 
  
  background-color: rgba(var(--rgb-white), 0.1); 

}

@media (min-width: 992px) { 
  
  .docs-container { 
    
    padding-left: 21rem; 
  
  } 

}

@media (min-width: 1400px) { 
  
  .docs-container { 
    
    padding-right: 20rem; 
  
  } 

}

h4, .h4, .fs-4, h5, .h5, .fs-5, h6, .h6, .fs-6 { 
  
  line-height: 1.4; 

}

h1 > a, .h1 > a, h2 > a, .h2 > a, h3 > a, .h3 > a, h4 > a, .h4 > a, h5 > a, .h5 > a, h6 > a, .h6 > a { 
  
  color: var(--bs-heading-link-color); 
  
  text-decoration: none; 

}

h1 > a:hover, .h1 > a:hover, h2 > a:hover, .h2 > a:hover, h3 > a:hover, .h3 > a:hover, h4 > a:hover, .h4 > a:hover, h5 > a:hover, .h5 > a:hover, h6 > a:hover, .h6 > a:hover { 
  
  color: var(--bs-heading-link-hover-color); 

}

dt { 
  
  color: var(--bs-heading-color); 

}

body .dark-mode p, body .dark-mode ul, body .dark-mode ol, body .dark-mode span:not(.badge), body .dark-mode dd { 
  
  color: var(--bs-body-color); 

}

/* Code Editor */

:not(pre) > code[class*=language-], pre[class*=language-], pre {  
  
  --bs-pre-border-width: var(--bs-border-width); 
  
  --bs-pre-border-color: var(--bs-border-color); 
  
  --bs-pre-bg: var(--white); --bs-pre-font-size: 0.875em; 
  
  --bs-pre-line-numbers-border-width: 1px; 
  
  --bs-pre-line-numbers-border-color: var(--primary-l3); 
  
  --bs-pre-line-numbers-color: var(--silver-l1); 
  
  --bs-pre-tag-color: var(--purple); 
  
  --bs-pre-comment-color: var(--silver-l1); 
  
  --bs-pre-attr-name-color: var(--blue); 
  
  --bs-pre-attr-value-color: var(--pink); 
  
  --bs-pre-class-name-color: var(--teal); 
  
  max-width: 100%; padding: 1.5rem 1.5rem; 
  
  margin: 0; font-size: var(--bs-pre-font-size); 
  
  background-color: var(--bs-pre-bg); 
  
  border: var(--bs-pre-border-width) solid var(--bs-pre-border-color); 
  
  border-radius: 0.5rem; box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03); 

}

.code-toolbar :not(pre) > code[class*=language-], .code-toolbar pre[class*=language-] { 
  
  padding-top: 2.25rem; 

}

code[class*=language-], pre[class*=language-], pre { 
  
  --bs-pre-color: var(--light-font-l); 
  
  color: var(--bs-pre-color); 
  
  text-shadow: none; 

}

.line-numbers .line-numbers-rows { 
  
  border-right: var(--bs-pre-line-numbers-border-width) solid var(--bs-pre-line-numbers-border-color); 

}

.line-numbers .line-numbers-rows > span::before { 
  
  color: var(--bs-pre-line-numbers-color); 

}

div.code-toolbar > .toolbar { 
  
  opacity: 1; 

}

div.code-toolbar > .toolbar > .toolbar-item > a, div.code-toolbar > .toolbar > .toolbar-item > button, div.code-toolbar > .toolbar .toolbar-item > span { 
  
  display: inline-block; 
  
  padding: 0.25rem 0.75rem; 
  
  margin: 0.375rem 0.5rem; 
  
  font-size: 0.75rem; 
  
  font-weight: 600; 
  
  color: var(--primary) !important; 
  
  background-color: transparent; 
  
  border: 1px solid rgba(var(--rgb-primary), 0.35); 
  
  border-radius: 0.25rem; 
  
  box-shadow: none; 
  
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 

}

div.code-toolbar > .toolbar > .toolbar-item > a:focus, div.code-toolbar > .toolbar > .toolbar-item > button:focus, div.code-toolbar > .toolbar .toolbar-item > span:focus { 
  
  outline: none; 
  
  box-shadow: none; 

}

div.code-toolbar > .toolbar > .toolbar-item > a:hover, div.code-toolbar > .toolbar > .toolbar-item > button:hover, div.code-toolbar > .toolbar .toolbar-item > span:hover { 
  
  color: var(--white) !important; 
  
  background-color: var(--primary); 

}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { 
  
  color: var(--bs-pre-tag-color); 

}

.token.cdata, .token.comment, .token.doctype, .token.prolog { 
  
  color: var(--bs-pre-comment-color); 

}

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector { 
  
  color: var(--bs-pre-attr-name-color); 

}

.token.atrule, .token.attr-value, .token.keyword, .token.string { 
  
  color: var(--bs-pre-attr-value-color); 

}

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url, .token.class-name, .token.function { 
  
  color: var(--bs-pre-class-name-color); 
  
  background: none; 

}

[data-bs-theme=dark] :not(pre) > code[class*=language-], [data-bs-theme=dark] pre[class*=language-], [data-bs-theme=dark] pre { 
  
  --bs-pre-bg: rgba(var(--rgb-white), 0.04); 
  
  --bs-pre-line-numbers-border-color: rgba(var(--rgb-white), 0.14); 
  
  --bs-pre-line-numbers-color: rgba(var(--rgb-white), 0.5); 
  
  --bs-pre-tag-color: var(--purple); 
  
  --bs-pre-comment-color: rgba(var(--rgb-white), .5); 
  
  --bs-pre-attr-name-color: var(--blue); 
  
  --bs-pre-attr-value-color: var(--pink); 
  
  --bs-pre-class-name-color: var(--teal); 
  
  box-shadow: none; 

}

[data-bs-theme=dark] code[class*=language-], [data-bs-theme=dark] pre[class*=language-], [data-bs-theme=dark] pre > code, [data-bs-theme=dark] pre { 
  
  --bs-pre-color: var(--white); 

}

[data-bs-theme=dark] kbd { 
  
  color: var(--white); 
  
  background-color: var(--black); 

}

/* Table */

.table { 
  
  --bs-table-th-color: var(--bs-gray-900); 
  
  --bs-table-dark-color: rgba(var(--rgb-white), 0.7); 

}

.table:not(.table-dark) thead:not(.thead-dark) th, .table:not(.table-dark) tbody th { 
  
  color: var(--bs-table-th-color); 

}

.table.table-dark td { 
  
  color: var(--bs-table-dark-color); 

}

.table > :not(:last-child) > :last-child > * { 
  
  border-bottom-color: var(--silver-l2); 

}

.table.table-dark > :not(:last-child) > :last-child > * { 
  
  border-bottom-color: rgba(var(--rgb-white), 0.3); 

}

.table > :not(:first-child) { 
  
  border-top: 0; 

}

[data-bs-theme=dark] .table:not([data-bs-theme=light]) { 
  
  --bs-table-striped-bg: rgba(var(--rgb-white), 0.0375); 
  
  --bs-table-hover-bg: rgba(var(--rgb-white), 0.05); 
  
  --bs-table-hover-color: var(--bs-body-color); 

}

[data-bs-theme=dark] .table:not([data-bs-theme=light]) > :not(:last-child) > :last-child > * { 
  
  border-bottom-color: rgba(var(--rgb-white), 0.3); 

}

/* Forms and Inputs from Silicon */

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { 
  
  display: none; 

}

input[type=time]::-webkit-calendar-picker-indicator { 
  
  background: none; 

}

.form-select:focus { 
  
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.2); 

}

.form-control:disabled, .form-select:disabled { 
  
  cursor: not-allowed; 
  
  box-shadow: none !important; 

}

.form-control[readonly], .form-control:disabled { 
  
  box-shadow: none !important; 

}

.form-control[readonly]::-moz-placeholder, .form-control:disabled::-moz-placeholder { 
  
  color: var(--silver-l2); 

}

.form-control[readonly]::placeholder, .form-control:disabled::placeholder { 
  
  color: var(--silver-l2); 

}

label { 
  
  font-size: 0.875rem; 

}

.form-floating > label { 
  
  font-weight: 600; 

}

.form-floating > label::after { 
  
  background-color: transparent !important; 

}

.input-group-text .form-check-input { 
  
  margin-top: 0; 

}

.form-check-input:focus { 
  
  box-shadow: none; 

}

.form-switch { 
  
  margin-bottom: 0.5rem; 

}

.form-switch .form-check-input { 
  
  height: 1.5rem; 
  
  margin-top: unset; 
  
  background-color: var(--secondary-l2); 
  
  filter: none; 
  
  border: unset; 

}

.form-switch .form-check-input:checked { 
  
  background-color: var(--primary); 
  
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 

}

.form-switch .form-check-input:disabled { 
  
  box-shadow: none; 

}

.form-switch.mode-switch, .form-switch.price-switch { 
  
  display: flex; 
  
  padding-left: 0; 
  
  margin-bottom: 0; 

}

.form-switch.mode-switch .form-check-label, .form-switch.price-switch .form-check-label { 
  
  transition: color 0.15s ease-in-out; 
  
  font-size: 1rem; 
  
  font-weight: 600; 

}

.form-switch.mode-switch .form-check-label:first-of-type, .form-switch.price-switch .form-check-label:first-of-type { 
  
  order: 1; 
  
  margin-right: 0.75rem; 
  
  color: var(--dark); 

}

.form-switch.mode-switch .form-check-label:last-of-type, .form-switch.price-switch .form-check-label:last-of-type { 
  
  order: 3; 
  
  margin-left: 0.75rem; 

}

.form-switch.mode-switch .form-check-input, .form-switch.price-switch .form-check-input { 
  
  order: 2; 
  
  margin-left: 0; 
  
  background-color: var(--primary); 
  
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 

}

.form-switch.mode-switch .form-check-input:checked ~ .form-check-label:first-of-type, .form-switch.price-switch .form-check-input:checked ~ .form-check-label:first-of-type { 
  
  color: var(--light-font-l); 

}

.form-switch.mode-switch .form-check-input:checked ~ .form-check-label:last-of-type, .form-switch.price-switch .form-check-input:checked ~ .form-check-label:last-of-type { 
  
  color: var(--dark); 

}

.form-switch.mode-switch .form-check-input:checked { 
  
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 26'%3e%3cpath d='M4 22.1679C7.5318 20.6248 9.99998 17.1006 9.99998 13C9.99998 8.89937 7.5318 5.37521 4 3.8321C5.22493 3.2969 6.5778 3 8.00002 3C13.5229 3 18 7.47715 18 13C18 18.5228 13.5229 23 8.00002 23C6.5778 23 5.22493 22.7031 4 22.1679Z' fill='%23fff'/%3e%3c/svg%3e"); 

}

.form-switch.form-switch-success .form-check-input:checked { 
  
  background-color: var(--success); 
  
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-success), 0.9); 

}

.password-toggle { 
  
  position: relative; 

}

.password-toggle .form-control { 
  
  padding-right: 3rem; 

}

.password-toggle-btn { 
  
  position: absolute; 
  
  top: 50%; 
  
  right: 0.625rem; 
  
  padding: 0.5rem; 
  
  margin-bottom: 0; 
  
  font-size: 1rem; 
  
  line-height: 1; 
  
  cursor: pointer; 
  
  transform: translateY(-50%); 

}

.password-toggle-btn .password-toggle-indicator { 
  
  color: var(--primary-l2); 
  
  transition: color 0.2s ease-in-out; 
  
  font-family: "boxicons"; 
  
  font-size: 1.25em; font-style: normal; 

}

.password-toggle-btn .password-toggle-indicator::before { 
  
  content: "\ec0d"; 

}

.password-toggle-btn .password-toggle-indicator:hover { 
  
  color: var(--light-font-l); 

}

.password-toggle-btn .password-toggle-check { 
  
  position: absolute; 
  
  left: 0; 
  
  z-index: -1; 
  
  width: 1rem; 
  
  height: 1.25rem; 
  
  opacity: 0; 

}

.password-toggle-btn .password-toggle-check:checked ~ .password-toggle-indicator::before { 
  
  content: "\eb0e"; 

}

.valid-tooltip { 
  
  position: static; 
  
  color: var(--success); 
  
  background-color: rgba(var(--rgb-success), 0.12); 

}

.invalid-tooltip { 
  
  position: static; 
  
  color: var(--error); 
  
  background-color: rgba(var(--rgb-error), 0.12); 

}

.was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-tooltip, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-tooltip { 
  
  display: table; 

}

.was-validated :valid:not(:required):not(.btn):not(.form-check-input), .is-valid:not(:required):not(.btn):not(.form-check-input) { 
  
  background-image: none; 
  
  border-color: var(--bs-border-color) !important; 

}

.was-validated :valid:not(:required):not(.btn):not(.form-check-input):focus, .is-valid:not(:required):not(.btn):not(.form-check-input):focus { 
  
  border-color: rgba(var(--rgb-primary), 0.35) !important; 
  
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.2); 

}

.was-validated .password-toggle .form-control:invalid, .was-validated .password-toggle .form-control.is-invalid, .was-validated .password-toggle .form-control:valid, .was-validated .password-toggle .form-control.is-valid { 
  
  padding-right: 4rem; 

}

.was-validated .password-toggle .form-control:invalid + .password-toggle-btn, .was-validated .password-toggle .form-control.is-invalid + .password-toggle-btn, .was-validated .password-toggle .form-control:valid + .password-toggle-btn, .was-validated .password-toggle .form-control.is-valid + .password-toggle-btn { 
  
  right: 2.1rem; 

}

.was-validated .input-group .form-control:invalid, .was-validated .input-group .form-control:valid { 
  
  z-index: 4; 

}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { 
  
  background-color: var(--primary); 
  
  border-color: var(--primary); 
  
  box-shadow: none; 

}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { 
  
  background-color: transparent; 
  
  border-color: 2px solid var(--error-l2); 

}

.was-validated .form-check-input:valid, .was-validated .form-check-input.is-valid { 
  
  border-color: var(--success-l2); 

}

.was-validated .form-check-input:valid ~ .form-check-label, .was-validated .form-check-input.is-valid ~ .form-check-label { 
  
  color: inherit; 

}

.range-slider { 
  
  --bs-range-slider-hight: 0.1875rem; 
  
  --bs-range-slider-bg: var(--primary-l3); 
  
  --bs-range-slider-connect-bg: var(--primary); 
  
  --bs-range-slider-handle-size: 1.375rem; 
  
  --bs-range-slider-handle-bg: var(--white); 
  
  --bs-range-slider-handle-border-radius: 50%; 
  
  --bs-range-slider-handle-shadow: 0 0.125rem 0.5625rem -0.125rem rgba(var(--rgb-black), 0.25); 
  
  --bs-range-slider-pips-color: var(--bs-body-color); 
  
  --bs-range-slider-pips-font-size: 0.8125rem; 
  
  --bs-range-slider-pips-border-width: var(--bs-border-width); 
  
  --bs-range-slider-pips-border-color: var(--primary-l3); 
  
  --bs-range-slider-tooltip-padding-y: 0.25rem; 
  
  --bs-range-slider-tooltip-padding-x: 0.5rem; 
  
  --bs-range-slider-tooltip-bg: var(--primary-d3); 
  
  --bs-range-slider-tooltip-color: var(--white); 
  
  --bs-range-slider-tooltip-font-size: 0.75rem; 
  
  --bs-range-slider-tooltip-border-radius: 0.25rem; 

}

.range-slider-ui { 
  
  height: var(--bs-range-slider-hight); 
  
  margin: 0; 
  
  margin-top: 3.25rem; 
  
  margin-right: 0; 
  
  margin-bottom: 1.75rem; 
  
  margin-left: 0; 
  
  background-color: var(--bs-range-slider-bg); 
  
  border: 0; 
  
  box-shadow: none; 

}

[data-pips] .range-slider-ui { 
  
  margin-bottom: 3.5rem; 

}

.range-slider-ui .noUi-connect { 
  
  background-color: var(--bs-range-slider-connect-bg); 

}

.range-slider-ui .noUi-handle { 
  
  top: 50%; 
  
  width: var(--bs-range-slider-handle-size); 
  
  height: var(--bs-range-slider-handle-size); 
  
  margin-top: calc(var(--bs-range-slider-handle-size) * -0.5); 
  
  background-color: var(--bs-range-slider-handle-bg); 
  
  border: 0; 
  
  border-radius: var(--bs-range-slider-handle-border-radius); 
  
  box-shadow: var(--bs-range-slider-handle-shadow); 

}

.range-slider-ui .noUi-handle::before, .range-slider-ui .noUi-handle::after { 
  
  display: none; 

}

.range-slider-ui .noUi-handle:focus { 
  
  outline: none; 

}

.range-slider-ui .noUi-marker-normal { 
  
  display: none; 

}

.range-slider-ui .noUi-marker-horizontal.noUi-marker { 
  
  width: var(--bs-range-slider-pips-border-width); 
  
  background-color: var(--bs-range-slider-pips-border-color); 

}

.range-slider-ui .noUi-marker-horizontal.noUi-marker-large { 
  
  height: 0.75rem; 

}

.range-slider-ui .noUi-value { 
  
  padding-top: 0.125rem; 
  
  font-size: var(--bs-range-slider-pips-font-size); 
  
  color: var(--bs-range-slider-pips-color); 

}

.range-slider-ui .noUi-tooltip { 
  
  padding: var(--bs-range-slider-tooltip-padding-y) var(--bs-range-slider-tooltip-padding-x); 
  
  font-size: var(--bs-range-slider-tooltip-font-size); 
  
  line-height: 1.2; 
  
  color: var(--bs-range-slider-tooltip-color); 
  
  background-color: var(--bs-range-slider-tooltip-bg); 
  
  border: 0; 
  
  border-radius: var(--bs-range-slider-tooltip-border-radius); 

}

html:not([dir=rtl]) .range-slider-ui.noUi-horizontal .noUi-handle { 
  
  right: calc(var(--bs-range-slider-handle-size) * -0.5); 

}

.subscription-status { 
  
  display: table; 
  
  border-radius: 0.25rem; 
  
  font-size: 0.8125rem; 

}

.subscription-status.status-success, .subscription-status.status-error { 
  
  padding: 0.25rem 0.5rem; 
  
  margin-top: 0.5rem; 

}

.subscription-status.status-success { 
  
  color: var(--success); 
  
  background-color: rgba(var(--rgb-success), 0.1); 

}

.subscription-status.status-error { 
  
  color: var(--error); 
  
  background-color: rgba(var(--rgb-error), 0.1); 

}

.credit-card-icon { 
  
  width: 40px; 
  
  height: 26px; 
  
  background-image: url(https://cdn1.cloudwrx.com/static/1/images/content/wrxui/demo/silicon/credit-cards.png); 
  
  background-repeat: no-repeat; 
  
  background-size: cover; 
  
  background-position: 0 0; 

}

.credit-card-icon.amex { 
  
  background-position: 0 -52px !important; 

}

.credit-card-icon.diners { 
  
  background-position: 0 -78px !important; 

}

.credit-card-icon.discover { 
  
  background-position: 0 -104px !important; 

}

.credit-card-icon.jcb { 
  
  background-position: 0 -130px !important; 

}

.credit-card-icon.mastercard { 
  
  background-position: 0 -156px !important; 

}

.credit-card-icon.visa { 
  
  background-position: 0 -182px !important; 

}

[data-bs-theme=dark] .form-label, [data-bs-theme=dark] .col-form-label { 
  
  color: var(--white); 

}

[data-bs-theme=dark] .form-text { 
  
  color: rgba(var(--rgb-white), 0.5); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]), [data-bs-theme=dark] .form-select:not([data-bs-theme=light]) { 
  
  color: rgba(var(--rgb-white), 0.7); 
  
  background-color: rgba(var(--rgb-white), 0.02); 
  
  border-color: rgba(var(--rgb-white), 0.18); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]):focus, [data-bs-theme=dark] .form-select:not([data-bs-theme=light]):focus { 
  
  border-color: rgba(var(--rgb-white), 0.35); 
  
  box-shadow: none; 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]):disabled, [data-bs-theme=dark] .form-control:not([data-bs-theme=light])[readonly], [data-bs-theme=dark] .form-select:not([data-bs-theme=light]):disabled, [data-bs-theme=dark] .form-select:not([data-bs-theme=light])[readonly] { 
  
  background-color: rgba(var(--rgb-white), 0.01); 
  
  border-color: rgba(var(--rgb-white), 0.1); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light])::-moz-placeholder { 
  
  color: rgba(var(--rgb-white), 0.4); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light])::placeholder { 
  
  color: rgba(var(--rgb-white), 0.4); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light])::-webkit-file-upload-button { 
  
  color: rgba(var(--rgb-white), 0.7); 
  
  background-color: rgba(var(--rgb-white), 0.02); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light])::file-selector-button { 
  
  color: rgba(var(--rgb-white), 0.7); 
  
  background-color: rgba(var(--rgb-white), 0.02); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]):hover:not(:disabled):not([readonly])::-webkit-file-upload-button { 
  
  color: rgba(var(--rgb-white), 0.7); 
  
  background-color: rgba(var(--rgb-white), 0.02); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]):hover:not(:disabled):not([readonly])::file-selector-button { 
  
  color: rgba(var(--rgb-white), 0.7); 
  
  background-color: rgba(var(--rgb-white), 0.02); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light])::-webkit-file-upload-button { 
  
  color: rgba(var(--rgb-white), 0.7); 
  
  background-color: rgba(var(--rgb-white), 0.02); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]):hover:not(:disabled):not([readonly])::-webkit-file-upload-button { 
  
  color: rgba(var(--rgb-white), 0.7); 
  
  background-color: rgba(var(--rgb-white), 0.02); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]):focus:not(:disabled):not([readonly])::-webkit-file-upload-button { 
  
  color: var(--light-font-l); 
  
  background-color: var(--bs-secondary-bg); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]):focus:not(:disabled):not([readonly])::file-selector-button { 
  
  color: var(--light-font-l); 
  
  background-color: var(--bs-secondary-bg); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]):focus:not(:disabled):not([readonly])::-webkit-file-upload-button { 
  
  color: var(--light-font-l); 
  
  background-color: var(--bs-secondary-bg); 

}

/* TODO: check if var works in svg - if it does apply to all */

[data-bs-theme=dark] .form-select:not([data-bs-theme=light]) { 
  
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28var(--rgb-white), 0.7%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); 

}

[data-bs-theme=dark] .form-floating:not([data-bs-theme=light]) .form-control::-moz-placeholder, [data-bs-theme=dark] .form-floating:not([data-bs-theme=light]) .form-select::-moz-placeholder { 
  
  color: transparent; 

}

[data-bs-theme=dark] .form-floating:not([data-bs-theme=light]) .form-control::placeholder, [data-bs-theme=dark] .form-floating:not([data-bs-theme=light]) .form-select::placeholder { 
  
  color: transparent; 

}

[data-bs-theme=dark] .form-floating:not([data-bs-theme=light]) .form-control:focus ~ label, [data-bs-theme=dark] .form-floating:not([data-bs-theme=light]) .form-select:focus ~ label { 
  
  color: rgba(var(--rgb-white), 0.7); 

}

[data-bs-theme=dark] .form-range:not([data-bs-theme=light])::-webkit-slider-runnable-track { 
  
  background-color: rgba(var(--rgb-white), 0.09); 

}

[data-bs-theme=dark] .form-range:not([data-bs-theme=light])::-moz-range-track { 
  
  background-color: rgba(var(--rgb-white), 0.09); 

}

[data-bs-theme=dark] .form-check:not([data-bs-theme=light]) .form-check-label { 
  
  color: rgba(var(--rgb-white), 0.7); 

}

[data-bs-theme=dark] .form-check:not([data-bs-theme=light]) .form-check-input:not(:checked):not(.is-invalid):not(:invalid) { 
  
  border-color: rgba(var(--rgb-white), 0.5); 

}

[data-bs-theme=dark] .form-check:not([data-bs-theme=light]) .form-check-input:not(:checked) { 
  
  background-color: transparent; 

}

[data-bs-theme=dark] .form-check:not([data-bs-theme=light]) .form-check-input:checked:not(.is-invalid):not(:invalid) { 
  
  border-color: var(--primary) !important; 

}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]) .form-check-input { 
  
  background-color: rgba(var(--rgb-white), 0.25) !important; 

}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]) .form-check-input:checked { 
  
  background-color: var(--primary) !important; 

}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]) .form-check-input:not(:checked):not(:focus) { 
  
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); 

}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).mode-switch .form-check-label:first-of-type, [data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).price-switch .form-check-label:first-of-type { 
  
  color: var(--white); 

}

[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: var(--primary) !important; 

}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).mode-switch .form-check-input:checked ~ .form-check-label:first-of-type, [data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).price-switch .form-check-input:checked ~ .form-check-label:first-of-type { 
  
  color: rgba(var(--rgb-white), 0.6); 

}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).mode-switch .form-check-input:checked ~ .form-check-label:last-of-type,  [data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).price-switch .form-check-input:checked ~ .form-check-label:last-of-type { 
  
  color: var(--white); 

}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).form-switch-success .form-check-input:checked { 
  
  background-color: var(--success) !important;

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]) ~ .password-toggle-btn .password-toggle-indicator { 
  
  color: rgba(var(--rgb-white), 0.4); 

}

[data-bs-theme=dark] .form-control:not([data-bs-theme=light]) ~ .password-toggle-btn .password-toggle-indicator:hover { 
  
  color: rgba(var(--rgb-white), 0.85); 

}

[data-bs-theme=dark] .input-group:not([data-bs-theme=light]) .input-group-text { 
  
  color: rgba(var(--rgb-white), 0.7); background-color: rgba(var(--rgb-white), 0.02); border-color: rgba(var(--rgb-white), 0.18); 

}

[data-bs-theme=dark] .input-group:not([data-bs-theme=light]) .input-group-text:first-of-type:not(:last-child) { 
  
  border-right-color: transparent; 

}

[data-bs-theme=dark] .input-group:not([data-bs-theme=light]) .input-group-text:last-of-type:not(:first-child) { 
  
  border-left-color: transparent; 

}

[data-bs-theme=dark] .input-group:not([data-bs-theme=light]) .input-group-text:first-child + .input-group-text { 
  
  border-left-color: rgba(var(--rgb-white), 0.18); 

}

[data-bs-theme=dark] .input-group:not([data-bs-theme=light]) .input-group-text .form-check-input:not(:checked) { 
  
  background-color: transparent; 

}

[data-bs-theme=dark] .range-slider { 
  
  --bs-range-slider-bg: rgba(var(--rgb-white), 0.12); 
  
  --bs-range-slider-handle-bg: var(--primary-l3);
  
  --bs-range-slider-pips-border-color: rgba(var(--rgb-white), .2); 

}

[data-bs-theme=dark] .was-validated :valid:not(:required):not(.btn), [data-bs-theme=dark] .is-valid:not(:required):not(.btn) { 
  
  border-color: rgba(var(--rgb-white), 0.18) !important; 

}

[data-bs-theme=dark] .was-validated .form-control:invalid, [data-bs-theme=dark] .was-validated .form-select:invalid, [data-bs-theme=dark] .was-validated .form-check-input:invalid, [data-bs-theme=dark] .form-control.is-invalid, [data-bs-theme=dark] .form-select.is-invalid, [data-bs-theme=dark] .form-check-input.is-invalid { 
  
  border-color: var(--error-l2); 

}

[data-bs-theme=dark] .was-validated .form-control:valid, [data-bs-theme=dark] .was-validated .form-select:valid, [data-bs-theme=dark] .form-control.is-valid, [data-bs-theme=dark] .form-select.is-valid { 
  
  border-color: var(--success-l2);

}

[data-bs-theme=dark] .was-validated .form-check-input:valid, [data-bs-theme=dark] .was-validated .form-check-input.is-valid { 
  
  border-color: rgba(var(--rgb-white), 0.5); 

}

[data-bs-theme=dark] .was-validated .form-check-input:valid:checked, [data-bs-theme=dark] .was-validated .form-check-input.is-valid:checked { 
  
  border-color: var(--primary); 

}

[data-bs-theme=dark] .credit-card-icon { 
  
  background-position: 0 -26px; 

}

/* Buttons / Btn */

.btn { 
  
  display: inline-flex; 
  
  align-items: center; 
  
  justify-content: center; 

}

/*
.btn:not([class^=btn-outline-]):not([class*=" btn-outline-"]):not(.btn-secondary):not(.btn-light):not(.btn-link) { 
  
  --bs-btn-color: var(--white); 

}
*/

.btn:hover, .btn:disabled, .btn.disabled { 
  
  box-shadow: none !important; 

}

.btn-secondary, .btn-light { 
  
  --bs-btn-color: var(--light-font-l); 
  
  --bs-btn-hover-color: var(--dark); 
  
  --bs-btn-active-color: var(--dark); 
  
  --bs-btn-disabled-color: var(--light-font-l); 

}

[class^=btn-outline-], [class*=" btn-outline-"] { 
  
  --bs-btn-hover-color: var(--white); 
  
  --bs-btn-active-color: var(--white); 

}

.btn-outline-white { 
  
  --bs-btn-border-color: rgba(var(--rgb-white), 0.35); 
  
  --bs-btn-disabled-border-color: rgba(var(--rgb-white), 0.35); 

}

.btn-outline-light { 
  
  --bs-btn-border-color: rgba(var(--rgb-white), .25); 
  
  --bs-btn-hover-color: var(--light-font-l); 
  
  --bs-btn-active-color: var(--light-font-l); 
  
  --bs-btn-hover-bg: var(--white); 
  
  --bs-btn-active-bg: var(--white); 

}

.btn-link { 
  
  --bs-btn-font-weight: 600; 
  
  text-decoration: none; 

}

.btn-icon { 
  
  --bs-btn-size: 2.75rem; 
  
  --bs-btn-icon-size: 1.25rem; 
  
  flex-shrink: 0; 
  
  width: var(--bs-btn-size); 
  
  height: var(--bs-btn-size); 
  
  padding: 0; 

}

.btn-icon > i { 
  
  font-size: var(--bs-btn-icon-size); 

}

.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn { 
  
  --bs-btn-size: 2.25rem; 
  
  --bs-btn-icon-size: 1.125rem; 

}

.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn { 
  
  --bs-btn-size: 3.25rem; 
  
  --bs-btn-icon-size: 1.4375rem; 

}

.btn-icon.btn-xl { 
  
  --bs-btn-size: 4.5rem; 
  
  --bs-btn-icon-size: 1.75rem; 

}

.btn-video { 
  
  --bs-btn-video-bg: var(--white); 
  
  --bs-btn-video-hover-bg: var(--primary); 
  
  --bs-btn-video-color: var(--light-font-l); 
  
  --bs-btn-video-white-color: var(--light-font-l); 
  
  --bs-btn-video-hover-color: var(--white); 
  
  --bs-btn-video-border-radius: 50%; 
  
  --bs-btn-video-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03); 
  
  --bs-btn-video-hover-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 
  
  padding-left: 0.125rem; 
  
  color: var(--bs-btn-video-color) !important; 
  
  background-color: var(--bs-btn-video-bg); 
  
  border: 0; 
  
  border-radius: 50%; 
  
  box-shadow: var(--bs-btn-video-shadow); 

}

.btn-video:focus { 
  
  box-shadow: var(--bs-btn-video-shadow); 

}

.btn-video.bg-white { 
  
  color: var(--bs-btn-video-white-color) !important; 

}

.btn-video:hover { 
  
  color: var(--bs-btn-video-hover-color) !important; 
  
  background-color: var(--bs-btn-video-hover-bg) !important; 
  
  box-shadow: var(--bs-btn-video-hover-shadow) !important; 

}

.btn-group .btn { 
  
  --bs-btn-padding-x: 1.3125rem; 

}

.btn-group .btn.dropdown-toggle-split { 
  
  --bs-btn-padding-x: 0.875rem; padding-right: var(--bs-btn-padding-x); padding-left: var(--bs-btn-padding-x); 

}

.btn-group-lg .btn, .btn-group .btn-lg { 
  
  --bs-btn-padding-x: 1.5rem; 

}

.btn-group-lg .btn.dropdown-toggle-split, .btn-group .btn-lg.dropdown-toggle-split { 
  
  --bs-btn-padding-x: 1rem; 
  
  padding-right: var(--bs-btn-padding-x); 
  
  padding-left: var(--bs-btn-padding-x); 

}

.btn-group-sm .btn, .btn-group .btn-sm { 
  
  --bs-btn-padding-x: 0.9375rem; 

}

.btn-group-sm .btn.dropdown-toggle-split, .btn-group .btn-sm.dropdown-toggle-split { 
  
  --bs-btn-padding-x: 0.625rem; 
  
  padding-right: var(--bs-btn-padding-x); 
  
  padding-left: var(--bs-btn-padding-x); 

}

.btn-close { 
  
  transition: opacity 0.25s ease-in-out; 

}

.btn-scroll-top { 
  
  --bs-btn-scroll-top-size: 2.75rem; 
  
  --bs-btn-scroll-top-border-radius: 50%; 
  
  --bs-btn-scroll-top-color: var(--white); 
  
  --bs-btn-scroll-top-hover-color: var(--white); 
  
  --bs-btn-scroll-top-bg: rgba(var(--rgb-dark), 0.2); 
  
  --bs-btn-scroll-top-hover-bg: rgba(var(--rgb-dark), 0.4); 
  
  --bs-btn-scroll-top-icon-size: 1.5rem; 
  
  position: fixed; right: 1.25rem; 
  
  bottom: -4.125rem; 
  
  z-index: 1030; 
  
  display: flex; 
  
  align-items: center; 
  
  justify-content: center; 
  
  width: var(--bs-btn-scroll-top-size); 
  
  height: var(--bs-btn-scroll-top-size); 
  
  color: var(--bs-btn-scroll-top-color); 
  
  text-decoration: none; 
  
  background-color: var(--bs-btn-scroll-top-bg); 
  
  border-radius: var(--bs-btn-scroll-top-border-radius); 
  
  opacity: 0; 
  
  transition: bottom 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), 
  
  opacity 0.3s, 
  
  background-color 0.25s ease-in-out; 

}

.btn-scroll-top > .btn-scroll-top-icon { 
  
  font-size: var(--bs-btn-scroll-top-icon-size); 
  
  font-weight: bold; 

}

.btn-scroll-top .btn-scroll-top-tooltip { 
  
  position: absolute; 
  
  top: 50%; 
  
  right: 100%; 
  
  visibility: hidden; 
  
  opacity: 0; 
  
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; 
  
  transform: translateY(-50%); 

}

.btn-scroll-top:hover { 
  
  color: var(--bs-btn-scroll-top-hover-color); 
  
  background-color: var(--bs-btn-scroll-top-hover-bg); 

}

.btn-scroll-top:hover .btn-scroll-top-tooltip { 
  
  visibility: visible; 
  
  opacity: 1; 

}

.btn-scroll-top.show { 
  
  bottom: 1.25rem; 
  
  opacity: 1; 

}

@media (max-width: 499.98px) {

  .btn-scroll-top { 
    
    right: 1rem; 
    
    width: calc(var(--bs-btn-scroll-top-size) * 0.8); 
    
    height: calc(var(--bs-btn-scroll-top-size) * 0.8); 
  
  }

  .btn-scroll-top.show { 
    
    bottom: 1rem; 
  
  }

}

[data-bs-theme=dark] .btn-outline-secondary { 
  
  --bs-btn-color: rgba(var(--rgb-white), .85); 
  
  --bs-btn-hover-color: var(--light-font-l); 
  
  --bs-btn-active-color: var(--light-font-l); 
  
  --bs-btn-border-color: rgba(var(--rgb-white), .25); 
  
  --bs-btn-hover-bg: var(--white); 
  
  --bs-btn-active-bg: var(--white); 

}

[data-bs-theme=dark] .btn-secondary:not(.bg-white) { 
  
  --bs-btn-color: rgba(var(--rgb-white), .85); 
  
  --bs-btn-hover-color: var(--white); 
  
  --bs-btn-active-color: var(--white); 
  
  --bs-btn-border-color: transparent; 
  
  --bs-btn-hover-border-color: transparent; 
  
  --bs-btn-active-border-color: transparent; 
  
  --bs-btn-bg: rgba(var(--rgb-white), .06); 
  
  --bs-btn-hover-bg: rgba(var(--rgb-white), .12); 
  
  --bs-btn-active-bg: rgba(var(--rgb-white), .12); 
  
  --bs-btn-disabled-bg: rgba(var(--rgb-white), .05); 
  
  --bs-btn-disabled-border-color: transparent; 

}

[data-bs-theme=dark] .btn-secondary, [data-bs-theme=dark] .btn-outline-secondary, [data-bs-theme=dark] .btn-light, [data-bs-theme=dark] .btn-outline-light { 
  
  --bs-btn-disabled-color: rgba(var(--rgb-white), .5); 

}

[data-bs-theme=dark] .btn-dark { 
  
  --bs-btn-color: var(--light-font-l) !important; 
  
  --bs-btn-hover-color: var(--light-font-l) !important; 
  
  --bs-btn-active-color: var(--light-font-l) !important; 
  
  --bs-btn-bg: var(--light-l3);
  
  --bs-btn-hover-bg: var(--light-l3); 
  
  --bs-btn-active-bg: var(--light-l3); 

}

[data-bs-theme=dark] .btn-video { 
  
  --bs-btn-video-bg: rgba(var(--rgb-white), 0.05); 
  
  --bs-btn-video-hover-bg: var(--primary); 
  
  --bs-btn-video-color: var(--white); 
  
  --bs-btn-video-hover-color: var(--white); 
  
  --bs-btn-video-shadow: none; 
  
  --bs-btn-video-hover-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 

}

[data-bs-theme=dark] .btn-scroll-top { 
  
  --bs-btn-scroll-top-color: var(--white); 
  
  --bs-btn-scroll-top-hover-color: var(--white); 
  
  --bs-btn-scroll-top-bg: rgba(var(--rgb-white), 0.15); 
  
  --bs-btn-scroll-top-hover-bg: rgba(var(--rgb-white), 0.3); 

}

.btn-airbnb:hover, .btn-airbnb:focus, .btn-airbnb:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--airbnb) !important;
  
  border-color: var(--airbnb) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-airbnb-d1), 0.8) !important;

}

.btn-behance:hover, .btn-behance:focus, .btn-behance:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--behance) !important;
  
  border-color: var(--behance) !important; 
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-behance-d1), 0.8) !important; 

}

.btn-blogger:hover, .btn-blogger:focus, .btn-blogger:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--blogger) !important;
  
  border-color: var(--blogger) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-blogger-d1), 0.8) !important;

}

.btn-codepen:hover, .btn-codepen:focus, .btn-codepen:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--codepen) !important;
  
  border-color: var(--codepen) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-codepen-d1), 0.8) !important;

}

.btn-discord:hover, .btn-discord:focus, .btn-discord:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--discord) !important;
  
  border-color: var(--discord) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-discord-d1), 0.8) !important;

}

.btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--airbnb) !important;
  
  border-color: var(--airbnb) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-dribble-d1), 0.8) !important;

}

.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--dropbox) !important;
  
  border-color: var(--dropbox) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-dropbox-d1), 0.8) !important;

}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--facebook) !important; 
  
  border-color: var(--facebook) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-facebook-d1), 0.8) !important;

}

.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--flickr) !important;
  
  border-color: var(--flickr) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-flickr-d1), 0.8) !important;

}

.btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--foursquare) !important;
  
  border-color: var(--foursquare) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-foursquare-d1), 0.8) !important; 

}

.btn-gitlab:hover, .btn-gitlab:focus, .btn-gitlab:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--gitlab) !important;
  
  border-color: var(--gitlab) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-gitlab-d1), 0.8) !important;

}

.btn-github:hover, .btn-github:focus, .btn-github:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--github) !important; 
  
  border-color: var(--github) !important; 
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-github-d1), 0.8) !important;

}

.btn-google:hover, .btn-google:focus, .btn-google:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--airbnb) !important;
  
  border-color: var(--airbnb) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-google-d1), 0.8) !important;

}

.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--instagram) !important;
  
  border-color: var(--instagram) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-instagram-d1), 0.8) !important; 

}

.btn-kickstarter:hover, .btn-kickstarter:focus, .btn-kickstarter:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--kickstarter) !important;
  
  border-color: var(--kickstarter) !important; 
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-kickstarter-d1), 0.8) !important;

}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--linkedin) !important; 
  
  border-color: var(--linkedin) !important; 
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-linkedin-d1), 0.8) !important;

}

.btn-medium:hover, .btn-medium:focus, .btn-medium:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--medium) !important;
  
  border-color: var(--medium) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-medium-d1), 0.8) !important; 

}

.btn-messenger:hover, .btn-messenger:focus, .btn-messenger:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--messenger) !important;
  
  border-color: var(--messenger) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-messenger-d1), 0.8) !important;

}

.btn-ok:hover, .btn-ok:focus, .btn-ok:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--ok) !important;
  
  border-color: var(--ok) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-ok-d1), 0.8) !important; 

}

.btn-patreon:hover, .btn-patreon:focus, .btn-patreon:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--patreon) !important; 
  
  border-color: var(--patreon) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-patreon-d1), 0.8) !important; 

}

.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--pinterest) !important; 
  
  border-color: var(--pinterest) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-pinterest-d1), 0.8) !important;

}

.btn-product-hunt:hover, .btn-product-hunt:focus, .btn-product-hunt:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--product-hunt) !important;
  
  border-color: var(--product-hunt) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-product-hunt-d1), 0.8) !important; 

}

.btn-reddit:hover, .btn-reddit:focus, .btn-reddit:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--reddit) !important;
  
  border-color: var(--reddit) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-reddit-d1), 0.8) !important; 

}

.btn-skype:hover, .btn-skype:focus, .btn-skype:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--skype) !important;
  
  border-color: var(--skype) !important; 
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-skype-d1), 0.8) !important;

}

.btn-slack:hover, .btn-slack:focus, .btn-slack:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--slack) !important; 
  
  border-color: var(--slack) !important; 
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-slack-d1), 0.8) !important;

}

.btn-snapchat:hover, .btn-snapchat:focus, .btn-snapchat:active { 
  
  color: var(--light-font-l) !important; 
  
  background-color: var(--snap) !important;
  
  border-color: var(--snap) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-snap-d1), 0.8) !important; 

}

.btn-stack-overflow:hover, .btn-stack-overflow:focus, .btn-stack-overflow:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--stack-overflow) !important;
  
  border-color: var(--stack-overflow) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-stack-overflow-d1), 0.8) !important;

}

.btn-steam:hover, .btn-steam:focus, .btn-steam:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--steam) !important;
  
  border-color: var(--steam) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-steam-d1), 0.8) !important;

}

.btn-telegram:hover, .btn-telegram:focus, .btn-telegram:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--telegram) !important;
  
  border-color: var(--telegram) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-telegram-d1), 0.8) !important; 

}

.btn-tiktok:hover, .btn-tiktok:focus, .btn-tiktok:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--tiktok) !important;
  
  border-color: var(--tiktok) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-tiktok-d1), 0.8) !important;

}

.btn-trip-advisor:hover, .btn-trip-advisor:focus, .btn-trip-advisor:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--trip-advisor) !important; 
  
  border-color: var(--trip-advisor) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-trip-advisor-d1), 0.8) !important;

}

.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--tumblr) !important;
  
  border-color: var(--tumblr) !important; 
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-tumblr-d1), 0.8) !important;

}

.btn-twitch:hover, .btn-twitch:focus, .btn-twitch:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--twitch) !important;
  
  border-color: var(--twitch) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-twitch-d1), 0.8) !important; 

}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--twitter) !important; 
  
  border-color: var(--twitter) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-twitter-d1), 0.8) !important; 

}

.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--vimeo) !important; 
  
  border-color: var(--vimeo) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-vimeo-d1), 0.8) !important;

}

.btn-vk:hover, .btn-vk:focus, .btn-vk:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--vk) !important;
  
  border-color: var(--vk) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-vk-d1), 0.8) !important;

}

.btn-whatsapp:hover, .btn-whatsapp:focus, .btn-whatsapp:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--whatsapp) !important;
  
  border-color: var(--whatsapp)  !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-whatsapp-d1), 0.8) !important;

}

.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active { 
  
  color: var(--white) !important; 
  
  background-color: var(--youtube) !important;
  
  border-color: var(--youtube) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(255, var(--rgb-youtube-d3).8) !important;

}

.btn-zoom:hover, .btn-zoom:focus, .btn-zoom:active { 
  
  color: var(--white) !important;  
  
  background-color: var(--zoom) !important;
  
  border-color: var(--zoom) !important;
  
  box-shadow: 0 0.375rem 1.125rem -0.375rem rgba(var(--rgb-zoom-d1), 0.8) !important;

}

/* Drop Down Menu from Silicon */

.dropdown-toggle::before, .dropdown-toggle::after { 
  
  font-family: "boxicons"; 
  
  font-size: 1.375em; 
  
  font-weight: normal; 
  
  line-height: 1; 
  
  vertical-align: middle !important; 
  
  border: none !important; 

}

.dropdown-toggle::after { 
  
  margin-right: -0.25rem; 
  
  content: "\ea4a"; 

}

.dropdown-toggle.fs-sm::after { 
  
  margin-top: -0.0625rem !important; 

}

.dropdown-toggle.btn:not(.btn-lg)::before, .dropdown-toggle.btn:not(.btn-lg)::after { 
  
  font-size: 1.375em; 

}

.dropup .dropdown-toggle::after { 
  
  content: "\ea57"; 

}

.dropstart .dropdown-toggle::before { 
  
  margin-left: -0.3125rem; content: "\ea4d"; 

}

.dropend .dropdown-toggle::after { 
  
  margin-right: -0.3125rem; 
  
  font-size: 1.15em !important; 
  
  content: "\ed3b"; 

}

.dropdown-toggle-split::before, .dropdown-toggle-split::after { 
  
  margin: 0; 

}

.dropdown-menu { 
  
  --bs-dropdown-link-font-weight: 500; 

}

.dropdown-menu li:hover > .dropdown-item { 
  
  color: var(--bs-dropdown-link-hover-color); 

}

.dropdown-menu .active > .dropdown-item { 
  
  color: var(--bs-dropdown-link-active-color); 

}

.dropdown-menu .active > .dropdown-item, .dropdown-menu .dropdown-item.active { 
  
  pointer-events: none; 

}

.dropdown-menu.w-100 { 
  
  min-width: 100%; 

}

.dropdown-menu-dark, [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]) { 
  
  background: var(--bs-dropdown-bg); 

}

.dropdown-menu-dark li:hover > .dropdown-item, [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]) li:hover > .dropdown-item { 
  
  color: var(--bs-dropdown-link-hover-color); 

}

.dropdown-menu-dark .active > .dropdown-item, [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]) .active > .dropdown-item { 
  
  color: var(--bs-dropdown-link-active-color); 

}

.dropdown-item { 
  
  font-weight: var(--bs-dropdown-link-font-weight); 

}

.dropdown-divider { 
  
  margin-right: var(--bs-dropdown-item-padding-x); margin-left: var(--bs-dropdown-item-padding-x); 

}

hr.dropdown-divider { 
  
  height: var(--bs-dropdown-border-width); 
  
  background-color: var(--bs-dropdown-divider-bg); 
  
  border: 0; 

}

.dropdown-menu-dark hr.dropdown-divider, [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]) hr.dropdown-divider { 
  
  background-color: var(--bs-dropdown-divider-bg); 
  
  border: 0; 

}

.dropdown-menu.show { 
  
  animation: fade-in 0.2s ease-in-out; 

}

@keyframes fade-in { 
  
  from { 
    
    opacity: 0; 
  
  } to { 
    
    opacity: 1; 
  
  } 

}

/* Nav, Side-Nav and Nav Tabs */

.nav-tabs-alt > .nav-item > .dropdown-menu {  
  
  margin-top: -0.125rem !important; 
  
  border-top-color: transparent; 
  
  border-top-left-radius: 0; 
  
  border-top-right-radius: 0; 

}

.nav-item { 
  
  margin-bottom: 0; 

}

.nav { 
  
  --bs-nav-link-active-color: var(--primary); 

}

.nav-link { 
  
  display: flex; 
  
  align-items: center; 

}

.nav-link.active { 
  
  color: var(--bs-nav-link-active-color); 

}

.nav-link.active:not([data-bs-toggle=dropdown]) { 
  
  pointer-events: none; 
  
  cursor: default; 

}

.nav-tabs { 
  
  --bs-nav-tabs-link-bg: var(--light-l3);
  
  --bs-nav-tabs-link-hover-bg: rgba(var(--rgb-primary), 0.12); 
  
  --bs-nav-tabs-link-disabled-bg: var(--light-l2); 
  
  --bs-nav-tabs-link-color: var(--light-font-l); 
  
  --bs-nav-tabs-link-hover-color: var(--primary); 
  
  --bs-nav-tabs-link-disabled-color: var(--primary-l2);
  
  margin-bottom: 0.75rem; 

}

.nav-tabs .nav-item { 
  
  margin-bottom: 0.75rem; 

}

.nav-tabs .nav-link { 
  
  color: var(--bs-nav-tabs-link-color); 
  
  background-color: var(--bs-nav-tabs-link-bg); 
  
  border-radius: var(--bs-nav-tabs-border-radius); 

}

.nav-tabs .nav-link:hover:not(.active), .nav-tabs .nav-link.show:not(.active) { 
  
  color: var(--bs-nav-tabs-link-hover-color); 
  
  background-color: var(--bs-nav-tabs-link-hover-bg); 

}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link[disabled] { 
  
  color: var(--bs-nav-tabs-link-disabled-color); 
  
  background-color: var(--bs-nav-tabs-link-disabled-bg); 

}

.nav-tabs .dropdown-menu { 
  
  border-top-left-radius: var(--bs-dropdown-border-radius); 
  
  border-top-right-radius: var(--bs-dropdown-border-radius); 

}

.nav-tabs-alt { 
  
  --bs-nav-tabs-alt-border-width: 1px; 
  
  --bs-nav-tabs-alt-border-color: var(--primary-l3);
  
  --bs-nav-tabs-alt-link-padding-y: 0.8025rem; 
  
  --bs-nav-tabs-alt-link-padding-x: 1rem; 
  
  --bs-nav-tabs-alt-link-active-border-color: var(--primary); 
  
  margin-bottom: 1.5rem; 
  
  border-bottom: var(--bs-nav-tabs-alt-border-width) solid var(--bs-nav-tabs-alt-border-color); 

}

.nav-tabs-alt .nav-item { 
  
  margin-bottom: calc(var(--bs-nav-tabs-alt-border-width) * -1); 

}

.nav-tabs-alt .nav-link { 
  
  padding: var(--bs-nav-tabs-alt-link-padding-y) var(--bs-nav-tabs-alt-link-padding-x); 
  
  border-bottom: 1px solid transparent; 

}

.nav-tabs-alt .nav-link.active { 
  
  border-bottom-color: var(--bs-nav-tabs-alt-link-active-border-color); 

}

.nav-tabs .nav-item, .nav-pills .nav-item { 
  
  margin-right: 0.75rem; 

}

.nav-tabs .nav-item:last-child, .nav-pills .nav-item:last-child { 
  
  margin-right: 0; 

}

.nav-tabs.justify-content-center .nav-item, .nav-pills.justify-content-center .nav-item { 
  
  margin-right: 0.375rem; 
  
  margin-left: 0.375rem; 

}

.nav-tabs.justify-content-end .nav-item, .nav-pills.justify-content-end .nav-item { 
  
  margin-right: 0; 
  
  margin-left: 0.75rem; 

}

.nav-tabs.flex-column .nav-item, .nav-pills.flex-column .nav-item { 
  
  margin-right: 0; 
  
  margin-bottom: 0.75rem; 
  
  margin-left: 0; 

}

.nav-tabs.flex-column .nav-item:last-child, .nav-pills.flex-column .nav-item:last-child { 
  
  margin-bottom: 0; 

}

.side-nav { 
  
  --bs-side-nav-padding-y: 0; 
  
  --bs-side-nav-padding-x: 2rem; 
  
  --bs-side-nav-border-width: 1px; 
  
  --bs-side-nav-border-color: var(--primary-l3);
  
  --bs-side-nav-link-padding-y: 0.375rem; 
  
  --bs-side-nav-link-padding-x: 2rem; 
  
  --bs-side-nav-link-font-size: 0.875rem; 
  
  --bs-side-nav-link-active-border-color: var(--primary); 
  
  padding: var(--bs-side-nav-padding-y) var(--bs-side-nav-padding-x); 

}

.side-nav .nav { 
  
  flex-direction: column; 
  
  margin-right: calc(var(--bs-side-nav-padding-x) * -1); 
  
  margin-left: calc(var(--bs-side-nav-padding-x) * -1); 

}

.side-nav .nav-link { 
  
  padding: var(--bs-side-nav-link-padding-y) var(--bs-side-nav-link-padding-x); 
  
  font-size: var(--bs-side-nav-link-font-size); 
  
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; 

}

.side-nav.side-nav-start { 
  
  border-right: var(--bs-side-nav-border-width) solid var(--bs-side-nav-border-color); 

}

.side-nav.side-nav-start .nav-link { 
  
  margin-right: calc(var(--bs-side-nav-border-width) * -1); 
  
  border-right: var(--bs-side-nav-border-width) solid transparent; 

}

.side-nav.side-nav-end { 
  
  border-left: var(--bs-side-nav-border-width) solid var(--bs-side-nav-border-color); 

}

.side-nav.side-nav-end .nav-link { 
  
  margin-left: calc(var(--bs-side-nav-border-width) * -1); 
  
  border-left: var(--bs-side-nav-border-width) solid transparent; 

}

.side-nav .active > .nav-link, .side-nav .nav-link.active { 
  
  border-color: var(--bs-side-nav-link-active-border-color); 

}

.bg-faded-primary-hover { 
  
  transition: background-color 0.2s ease-in-out; 

}

.bg-faded-primary-hover:hover { 
  
  background-color: rgba(var(--rgb-primary), 0.12) !important; 

}

[data-bs-theme=dark] .nav:not([data-bs-theme=light]) { 
  
  --bs-nav-link-color: rgba(var(--rgb-white), 0.85); 
  
  --bs-nav-link-hover-color: var(--primary); 
  
  --bs-nav-link-active-color: var(--primary); 
  
  --bs-nav-link-disabled-color: rgba(var(--rgb-white), 0.4); 

}

[data-bs-theme=dark] .nav-tabs:not([data-bs-theme=light]) { 
  
  --bs-nav-tabs-link-bg: rgba(var(--rgb-white), 0.05); 
  
  --bs-nav-tabs-link-hover-bg: rgba(var(--rgb-primary), 0.12); 
  
  --bs-nav-tabs-link-active-bg: var(--primary); 
  
  --bs-nav-tabs-link-disabled-bg: rgba(var(--rgb-white), 0.04); 
  
  --bs-nav-tabs-link-color: rgba(var(--rgb-white), 0.85); 
  
  --bs-nav-tabs-link-hover-color: var(--primary); 
  
  --bs-nav-tabs-link-active-color: var(--white); 
  
  --bs-nav-tabs-link-disabled-color: rgba(var(--rgb-white), 0.4); 

}

[data-bs-theme=dark] .nav-tabs-alt:not([data-bs-theme=light]) { 
  
  --bs-nav-tabs-alt-border-color: rgba(var(--rgb-white), 0.14); 

}

[data-bs-theme=dark] .side-nav:not([data-bs-theme=light]) { 
  
  --bs-side-nav-border-color: rgba(var(--rgb-white), 0.14); 

}

/* Navbar */

.navbar-brand { 
  
  --bs-navbar-brand-padding-y: 0.5rem; 
  
  --bs-navbar-brand-margin-end: 1rem; 
  
  --bs-navbar-brand-font-size: 1.375rem; 
  
  --bs-navbar-brand-font-weight: 800; 
  display: flex; 
  
  align-items: center; 
  
  padding: calc(var(--bs-navbar-brand-padding-y) * 0.5) 0; 
  
  font-weight: var(--bs-navbar-brand-font-weight); 

}

.navbar-brand > img { 
  
  margin-right: 0.4375rem; 

}

.navbar-toggler { 
  
  position: relative; 
  
  width: 1.875rem; 
  
  height: 2.25rem; 

}

.navbar-toggler-icon { 
  
  top: 50%; 
  
  display: block; 
  
  margin-top: -0.0625rem; 
  
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
  
  transition-duration: 0.075s; 

}

.navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after { 
  
  position: absolute; 
  
  width: 1.375rem; 
  
  height: 0.125rem; 
  
  background-color: var(--bs-navbar-toggler-color); 
  
  transition-property: transform 0.15s ease; 

}

.navbar-toggler-icon::before, .navbar-toggler-icon::after { 
  
  display: block; 
  
  content: ""; 

}

.navbar-toggler-icon::before { 
  
  top: -0.4375rem; 
  
  transition: top 0.075s 0.12s ease, opacity 0.075s ease; 

}

.navbar-toggler-icon::after { 
  
  bottom: -0.4375rem; 
  
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); 

}

[aria-expanded=true] .navbar-toggler-icon { 
  
  transition-delay: 0.12s; 
  
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
  
  transform: rotate(45deg); 

}

[aria-expanded=true] .navbar-toggler-icon::before { 
  
  top: 0; 
  
  opacity: 0; 
  
  transition: top 0.075s ease, opacity 0.075s 0.12s ease; 

}

[aria-expanded=true] .navbar-toggler-icon::after { 
  
  bottom: 0; 
  
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
  
  transform: rotate(-90deg); 

}

.navbar-nav { 
  
  --bs-nav-link-font-weight: 600; 
  
  --bs-mega-dropdown-column-width: 14rem; 

}

.navbar .dropdown-toggle::after { 
  
  margin-top: 0.0625rem; 
  
  font-size: 1.15em; 

}

.navbar .navbar-nav .dropdown-menu { 
  
  background: none; 
  
  border: 0; 
  
  border-left: var(--bs-dropdown-border-wdth, 1px) solid var(--bs-border-color); 
  
  border-radius: 0; 
  
  box-shadow: none; 

}

.navbar .navbar-nav .dropdown-menu.dropdown-menu-dark, .navbar .navbar-nav [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]), [data-bs-theme=dark] .navbar .navbar-nav .dropdown-menu:not([data-bs-theme=light]) { 
  
  border-color: rgba(var(--rgb-white), 0.14); 

}

.navbar .navbar-nav .dropdown-menu .dropdown-menu { 
  
  margin-right: 0.75rem; 
  
  margin-left: 0.75rem; 

}

.navbar .navbar-nav .dropdown-menu .dropdown-toggle::after { 
  
  margin-top: -0.0625rem; 
  
  margin-right: 0; 
  
  margin-left: 0.125rem; 
  
  font-size: 1em; 

}

@keyframes dropdown-show { 
  
  from { 
    
    opacity: 0; transform: scale(0.9); 
  
  } to { 
    
    opacity: 1; transform: scale(1); 
  
  } 

}

@media (min-width: 500px) {

  .navbar-expand-sm .navbar-brand { 
    
    padding: var(--bs-navbar-brand-padding-y) 0; 
  
  }

  .navbar-expand-sm .offcanvas { 
    
    background-color: transparent !important; 
    
    box-shadow: none; 
  
  }

  .navbar-expand-sm .offcanvas-header { 
    
    display: none; 
  
  }

  .navbar-expand-sm .dropdown-divider { 
    
    display: block; 
  
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu { 
    
    margin-top: var(--bs-dropdown-spacer); 
    
    background-color: var(--bs-dropdown-bg); 
    
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 
    
    border-radius: var(--bs-dropdown-border-radius); 
    
    box-shadow: var(--bs-dropdown-box-shadow); 
  
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu.dropdown-menu-dark, .navbar-expand-sm .navbar-nav [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]), [data-bs-theme=dark] .navbar-expand-sm .navbar-nav .dropdown-menu:not([data-bs-theme=light]) { 
    
    background: var(--bs-dropdown-bg); 
  
  }

  .navbar-expand-sm .dropdown-menu.show { 
    
    display: none; 
  
  }

  .navbar-expand-sm .dropdown::before { 
    
    position: absolute; 
    
    top: 100%; 
    
    left: 0; 
    
    width: 100%; 
    
    height: 0.375rem; 
    
    content: ""; 
  
  }

  .navbar-expand-sm .dropdown .dropdown .dropdown-toggle { 
    
    display: flex; 
    
    align-items: center; 
  
  }

  .navbar-expand-sm .dropdown .dropdown .dropdown-toggle::after { 
    
    margin-top: 0; 
    
    margin-right: -0.3125rem; 
    
    margin-left: auto; 
    
    font-size: 1.25em; 
    
    content: "\ea50"; 
  
  }

  .navbar-expand-sm .dropdown .dropdown .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    left: 100%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-sm .dropdown .dropdown-menu-end { 
    
    right: 0; 
    
    left: auto; 
  
  }

  .navbar-expand-sm .dropstart > .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    right: 94%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-sm .dropdown:hover > .dropdown-menu, .navbar-expand-sm .dropstart:hover > .dropdown-menu { 
    
    display: block; 
    
    animation: dropdown-show 0.2s; 
  
  }

  .navbar-expand-sm .mega-dropdown-column { 
    
    width: var(--bs-mega-dropdown-column-width); 
    
    padding: 0 0.75rem; 
  
  }

  .navbar-expand-sm .mega-dropdown-column:last-child { 
    
    border-right: 0; 
  
  }

}

@media (min-width: 768px) {

  .navbar-expand-md .navbar-brand { 
    
    padding: var(--bs-navbar-brand-padding-y) 0; 
  
  }

  .navbar-expand-md .offcanvas { 
    
    background-color: transparent !important; 
    
    box-shadow: none; 
  
  }

  .navbar-expand-md .offcanvas-header { 
    
    display: none; 
  
  }

  .navbar-expand-md .dropdown-divider { 
    
    display: block; 
  
  }

  .navbar-expand-md .navbar-nav .dropdown-menu { 
    
    margin-top: var(--bs-dropdown-spacer); 
    
    background-color: var(--bs-dropdown-bg); 
    
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 
    
    border-radius: var(--bs-dropdown-border-radius); 
    
    box-shadow: var(--bs-dropdown-box-shadow); 
  
  }

  .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-menu-dark, .navbar-expand-md .navbar-nav [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]), [data-bs-theme=dark] .navbar-expand-md .navbar-nav .dropdown-menu:not([data-bs-theme=light]) { 
    
    background: var(--bs-dropdown-bg); 
  
  }

  .navbar-expand-md .dropdown-menu.show { 
    
    display: none; 
  
  }

  .navbar-expand-md .dropdown::before { 
    
    position: absolute; 
    
    top: 100%; 
    
    left: 0; 
    
    width: 100%; 
    
    height: 0.375rem; 
    
    content: ""; 
  
  }

  .navbar-expand-md .dropdown .dropdown .dropdown-toggle { 
    
    display: flex; 
    
    align-items: center; 
  
  }

  .navbar-expand-md .dropdown .dropdown .dropdown-toggle::after { 
    
    margin-top: 0; 
    
    margin-right: -0.3125rem; 
    
    margin-left: auto; 
    
    font-size: 1.25em; 
    
    content: "\ea50"; 
  
  }

  .navbar-expand-md .dropdown .dropdown .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    left: 100%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-md .dropdown .dropdown-menu-end { 
    
    right: 0; 
    
    left: auto; 
  
  }

  .navbar-expand-md .dropstart > .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    right: 94%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-md .dropdown:hover > .dropdown-menu, .navbar-expand-md .dropstart:hover > .dropdown-menu { 
    
    display: block; 
    
    animation: dropdown-show 0.2s; 
  
  }

  .navbar-expand-md .mega-dropdown-column { 
    
    width: var(--bs-mega-dropdown-column-width); 
    
    padding: 0 0.75rem; 
  
  }

  .navbar-expand-md .mega-dropdown-column:last-child { 
    
    border-right: 0; 
  
  }

}

@media (min-width: 992px) {

  .navbar-expand-lg .navbar-brand { 
    
    padding: var(--bs-navbar-brand-padding-y) 0; 
  
  }

  .navbar-expand-lg .offcanvas { 
    
    background-color: transparent !important; 
    
    box-shadow: none; 
  
  }

  .navbar-expand-lg .offcanvas-header { 
    
    display: none; 
  
  }

  .navbar-expand-lg .dropdown-divider { 
    
    display: block; 
  
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu { 
    
    margin-top: var(--bs-dropdown-spacer); 
    
    background-color: var(--bs-dropdown-bg); 
    
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 
    
    border-radius: var(--bs-dropdown-border-radius); 
    
    box-shadow: var(--bs-dropdown-box-shadow); 
  
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-menu-dark, .navbar-expand-lg .navbar-nav [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]), [data-bs-theme=dark] .navbar-expand-lg .navbar-nav .dropdown-menu:not([data-bs-theme=light]) { 
    
    background: var(--bs-dropdown-bg); 
  
  }

  .navbar-expand-lg .dropdown-menu.show { 
    
    display: none; 
  
  }

  .navbar-expand-lg .dropdown::before { 
    
    position: absolute; 
    
    top: 100%; 
    
    left: 0; 
    
    width: 100%; 
    
    height: 0.375rem; 
    
    content: ""; 
  
  }

  .navbar-expand-lg .dropdown .dropdown .dropdown-toggle { 
    
    display: flex; 
    
    align-items: center; 
  
  }

  .navbar-expand-lg .dropdown .dropdown .dropdown-toggle::after { 
    
    margin-top: 0; 
    
    margin-right: -0.3125rem; 
    
    margin-left: auto; 
    
    font-size: 1.25em; 
    
    content: "\ea50"; 
  
  }

  .navbar-expand-lg .dropdown .dropdown .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    left: 100%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-lg .dropdown .dropdown-menu-end { 
    
    right: 0; 
    
    left: auto; 
  
  }

  .navbar-expand-lg .dropstart > .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    right: 94%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-lg .dropdown:hover > .dropdown-menu, .navbar-expand-lg .dropstart:hover > .dropdown-menu { 
    
    display: block; 
    
    animation: dropdown-show 0.2s; 
  
  }

  .navbar-expand-lg .mega-dropdown-column { 
    
    width: var(--bs-mega-dropdown-column-width); 
    
    padding: 0 0.75rem; 
  
  }

  .navbar-expand-lg .mega-dropdown-column:last-child { 
    
    border-right: 0; 
  
  }

}

@media (min-width: 1200px) { 
  
  .navbar-expand-xl .navbar-brand { 
  
    padding: var(--bs-navbar-brand-padding-y) 0; 

  }

  .navbar-expand-xl .offcanvas { 
    
    background-color: transparent !important; 
    
    box-shadow: none; 

  }

  .navbar-expand-xl .offcanvas-header { 
    
    display: none; 
  
  }

  .navbar-expand-xl .dropdown-divider { 
    
    display: block; 
  
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu { 
    
    margin-top: var(--bs-dropdown-spacer); 
    
    background-color: var(--bs-dropdown-bg); 
    
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 
    
    border-radius: var(--bs-dropdown-border-radius); 
    
    box-shadow: var(--bs-dropdown-box-shadow); 
  
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-menu-dark, .navbar-expand-xl .navbar-nav [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]), [data-bs-theme=dark] .navbar-expand-xl .navbar-nav .dropdown-menu:not([data-bs-theme=light]) { 
    
    background: var(--bs-dropdown-bg); 
  
  }

  .navbar-expand-xl .dropdown-menu.show { 
    
    display: none;  
  
  }

  .navbar-expand-xl .dropdown::before { 
    
    position: absolute; 
    
    top: 100%; 
    
    left: 0; 
    
    width: 100%; 
    
    height: 0.375rem; 
    
    content: ""; 
  
  }

  .navbar-expand-xl .dropdown .dropdown .dropdown-toggle { 
    
    display: flex; 
    
    align-items: center; 
  
  }

  .navbar-expand-xl .dropdown .dropdown .dropdown-toggle::after { 
    
    margin-top: 0; 
    
    margin-right: -0.3125rem; 
    
    margin-left: auto; 
    
    font-size: 1.25em; 
    
    content: "\ea50"; 
  
  }

  .navbar-expand-xl .dropdown .dropdown .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    left: 100%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-xl .dropdown .dropdown-menu-end { 
    
    right: 0; 
    
    left: auto; 
  
  }

  .navbar-expand-xl .dropstart > .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    right: 94%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-xl .dropdown:hover > .dropdown-menu, .navbar-expand-xl .dropstart:hover > .dropdown-menu { 
    
    display: block; 
    
    animation: dropdown-show 0.2s; 
  
  }

  .navbar-expand-xl .mega-dropdown-column { 
    
    width: var(--bs-mega-dropdown-column-width); 
    
    padding: 0 0.75rem; 
  
  }

  .navbar-expand-xl .mega-dropdown-column:last-child { 
    
    border-right: 0; 
  
  }

}

@media (min-width: 1400px) {

  .navbar-expand-xxl .navbar-brand { 
    
    padding: var(--bs-navbar-brand-padding-y) 0; 
  
  }

  .navbar-expand-xxl .offcanvas { 
    
    background-color: transparent !important; 
    
    box-shadow: none; 
  
  }

  .navbar-expand-xxl .offcanvas-header { 
    
    display: none; 
  
  }

  .navbar-expand-xxl .dropdown-divider { 
    
    display: block; 
  
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu { 
    
    margin-top: var(--bs-dropdown-spacer); 
    
    background-color: var(--bs-dropdown-bg); 
    
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 
    
    border-radius: var(--bs-dropdown-border-radius); 
    
    box-shadow: var(--bs-dropdown-box-shadow); 
  
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu.dropdown-menu-dark, .navbar-expand-xxl .navbar-nav [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]), [data-bs-theme=dark] .navbar-expand-xxl .navbar-nav .dropdown-menu:not([data-bs-theme=light]) { 
    
    background: var(--bs-dropdown-bg); 
  
  }

  .navbar-expand-xxl .dropdown-menu.show { 
    
    display: none; 
  
  }

  .navbar-expand-xxl .dropdown::before { 
    
    position: absolute; 
    
    top: 100%; 
    
    left: 0; 
    
    width: 100%; 
    
    height: 0.375rem; 
    
    content: ""; 
  
  }

  .navbar-expand-xxl .dropdown .dropdown .dropdown-toggle { 
    
    display: flex; 
    
    align-items: center; 
  
  }

  .navbar-expand-xxl .dropdown .dropdown .dropdown-toggle::after { 
    
    margin-top: 0; 
    
    margin-right: -0.3125rem; 
    
    margin-left: auto; 
    
    font-size: 1.25em; 
    
    content: "\ea50"; 
  
  }

  .navbar-expand-xxl .dropdown .dropdown .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    left: 100%; 
    
    margin-right: 0; 
    
    margin-left: 0; 
  
  }

  .navbar-expand-xxl .dropdown .dropdown-menu-end { 
    
    right: 0; 
    
    left: auto; 
  
  }

  .navbar-expand-xxl .dropstart > .dropdown-menu { 
    
    top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
    
    right: 94%; 
    
    margin-right: 0; 
    
    margin-left: 0;
  
  }

  .navbar-expand-xxl .dropdown:hover > .dropdown-menu, .navbar-expand-xxl .dropstart:hover > .dropdown-menu { 
    
    display: block; 
    
    animation: dropdown-show 0.2s; 
  
  }

  .navbar-expand-xxl .mega-dropdown-column { 
    
    width: var(--bs-mega-dropdown-column-width); 
    
    padding: 0 0.75rem; 
  
  }

  .navbar-expand-xxl .mega-dropdown-column:last-child { 
    
    border-right: 0; 
  
  }

}

.navbar-expand .navbar-brand { 
  
  padding: var(--bs-navbar-brand-padding-y) 0; 

}

.navbar-expand .offcanvas { 
  
  background-color: transparent !important; 
  
  box-shadow: none; 

}

.navbar-expand .offcanvas-header { 
  
  display: none; 

}

.navbar-expand .dropdown-divider { 
  
  display: block; 

}

.navbar-expand .navbar-nav .dropdown-menu { 
  
  margin-top: var(--bs-dropdown-spacer); 
  
  background-color: var(--bs-dropdown-bg); 
  
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 
  
  border-radius: var(--bs-dropdown-border-radius); 
  
  box-shadow: var(--bs-dropdown-box-shadow); 

}

.navbar-expand .navbar-nav .dropdown-menu.dropdown-menu-dark, .navbar-expand .navbar-nav [data-bs-theme=dark] .dropdown-menu:not([data-bs-theme=light]), [data-bs-theme=dark] .navbar-expand .navbar-nav .dropdown-menu:not([data-bs-theme=light]) { 
  
  background-color: var(--bs-dropdown-bg); 

}

.navbar-expand .dropdown-menu.show { 
  
  display: none; 

}

.navbar-expand .dropdown::before { 
  
  position: absolute; 
  
  top: 100%; 
  
  left: 0; 
  
  width: 100%; 
  
  height: 0.375rem; 
  
  content: ""; 

}

.navbar-expand .dropdown .dropdown .dropdown-toggle { 
  
  display: flex; 
  
  align-items: center; 

}

.navbar-expand .dropdown .dropdown .dropdown-toggle::after { 
  
  margin-top: 0; 
  
  margin-right: -0.3125rem; 
  
  margin-left: auto; 
  
  font-size: 1.25em; 
  
  content: "\ea50"; 

}

.navbar-expand .dropdown .dropdown .dropdown-menu { 
  
  top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
  
  left: 100%; 
  
  margin-right: 0; 
  
  margin-left: 0; 

}

.navbar-expand .dropdown .dropdown-menu-end { 
  
  right: 0; 
  
  left: auto; 

}

.navbar-expand .dropstart > .dropdown-menu { 
  
  top: calc((var(--bs-dropdown-item-padding-y) + var(--bs-dropdown-padding-y)) * -1); 
  
  right: 94%; 
  
  margin-right: 0; 
  
  margin-left: 0; 

}

.navbar-expand .dropdown:hover > .dropdown-menu, .navbar-expand .dropstart:hover > .dropdown-menu { 
  
  display: block; 
  
  animation: dropdown-show 0.2s; 

}

.navbar-expand .mega-dropdown-column { 
  
  width: var(--bs-mega-dropdown-column-width); 
  
  padding: 0 0.75rem; 

}

.navbar-expand .mega-dropdown-column:last-child { 
  
  border-right: 0; 

}

.navbar-stuck { 
  
  position: fixed !important; 
  
  top: 0; 
  
  left: 0; 
  
  z-index: 1031; 
  
  width: 100%; 
  
  animation: navbar-show 0.25s ease-in-out; 
  
  box-shadow: 0 0.275rem 1.25rem rgba(var(--rgb-dark), 0.05), 0 0.25rem 0.5625rem rgba(var(--rgb-dark), 0.03); 

}

.navbar.position-absolute { 
  
  top: 0; 
  
  left: 0; 
  
  z-index: 1030; 
  
  width: 100%; 

}

@keyframes navbar-show { 
  
  from { 
    
    transform: translateY(-100%); 
  
  } to { 
    
    transform: translateY(0); 
  
  } 

}

.navbar { 
  
  --bs-navbar-stuck-bg: var(--white); 
  
  --bs-navbar-toggler-color: var(--light-font-l); 

}

.navbar.navbar-stuck { 
  
  background-color: var(--bs-navbar-stuck-bg); 

}

.navbar .nav-item:hover > .nav-link:not(.disabled) { 
  
  color: var(--bs-navbar-hover-color); 

}

.navbar .nav-item.active > .nav-link:not(.disabled) { 
  
  color: var(--bs-navbar-active-color); 

}

.navbar .dropdown:hover > .nav-link { 
  
  color: var(--bs-navbar-hover-color); 

}

.navbar.fixed-top { 
  
  z-index: 1031; 

}

.navbar-dark { 
  
  --bs-navbar-stuck-bg: var(--dark); 
  
  --bs-navbar-toggler-color: rgba(var(--rgb-white), 0.85); 

}

[data-bs-theme=dark] .navbar:not([data-bs-theme=light]) { 
  
  --bs-navbar-stuck-bg: var(--dark); 
  
  --bs-navbar-brand-color: var(--white); 
  
  --bs-navbar-brand-hover-color: var(--white); 
  
  --bs-navbar-toggler-color: rgba(var(--rgb-white), 0.85); 
  
  --bs-navbar-color: rgba(var(--rgb-white), 0.85); 
  
  --bs-navbar-hover-color: var(--primary); 
  
  --bs-navbar-disabled-color: rgba(var(--rgb-white), 0.4); 
  
  --bs-navbar-active-color: var(--primary); 

}

[data-bs-theme=dark] .navbar-stuck:not([data-bs-theme=light]) { 
  
  box-shadow: none; 

}

/* Card */

.card-header, .card-footer { 
  
  width: calc(100% - var(--bs-card-spacer-x) * 2); 
  
  padding-right: 0; 
  
  padding-left: 0; 
  
  margin: auto; 

}

.card-header-tabs, .card-header-pills { 
  
  margin: 0; 

}

.card-header-tabs .nav-item, .card-header-pills .nav-item { 
  
  margin-bottom: 0; 

}

.card-header-tabs .nav-link.active, .card-header-pills .nav-link.active { 
  
  background-color: var(--bs-nav-tabs-link-active-bg); 
  
  border-color: var(--bs-nav-tabs-link-active-border-color); 

}

.card-header-tabs.nav-tabs-alt, .card-header-pills.nav-tabs-alt { 
  
  margin-top: calc(var(--bs-card-cap-padding-y) * -0.625); 
  
  margin-bottom: calc((var(--bs-card-cap-padding-y) + 0.0625rem) * -1); border-bottom: 0; 

}

.card-header-pills .nav-link.active { 
  
  background-color: var(--bs-nav-pills-link-active-bg); 

}

.card-hover:not(.bg-transparent) { 
  
  transition: transform 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 

}

.card-hover:not(.bg-transparent):hover { 
  
  transform: translateY(-0.25rem); 
  
  box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03); 

}

.card-hover:not(.bg-transparent).shadow-sm:hover { 
  
  box-shadow: 0 0.275rem 1.25rem rgba(var(--rgb-dark), 0.05), 0 0.25rem 0.5625rem rgba(var(--rgb-dark), 0.03) !important; 

}

.card-hover:not(.bg-transparent).shadow:hover { 
  
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(var(--rgb-dark), 0.1), 0 0.25rem 0.8125rem -0.125rem rgba(var(--rgb-dark), 0.06) !important; 

}

.card-hover:not(.bg-transparent).border-primary:hover { 
  
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9) !important; 

}

.card-hover { 
  
  --bs-card-icon-hover-color: var(--primary); 

}

.card-hover .card-img-overlay { 
  
  z-index: 5; 
  
  opacity: 0; 
  
  transition: opacity 0.3s ease-in-out; 

}

.card-hover .card-icon { 
  
  transition: color 0.3s ease-in-out; 

}

.card-hover:hover .card-icon { 
  
  color: var(--bs-card-icon-hover-color) !important; 

}

.card-hover:hover .card-img-overlay { 
  
  opacity: 1; 

}

.card-hover-primary { 
  
  transition: transform 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 

}

.card-hover-primary.shadow-sm:hover, .card-hover-primary.shadow:hover, .card-hover-primary:hover { 
  
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9) !important; 

}

.card-hover-primary .card-title, .card-hover-primary .card-body, .card-hover-primary .text-muted, .card-hover-primary .text-dark, .card-hover-primary .text-nav, .card-hover-primary .text-primary, .card-hover-primary h1, .card-hover-primary .h1, .card-hover-primary h2, .card-hover-primary .h2, .card-hover-primary h3, .card-hover-primary .h3, .card-hover-primary h4, .card-hover-primary .h4, .card-hover-primary h5, .card-hover-primary .h5, .card-hover-primary h6, .card-hover-primary .h6 { 
  
  transition: color 0.2s ease-in-out; 

}

.card-hover-primary .border-top, .card-hover-primary .border-end, .card-hover-primary .border-bottom, .card-hover-primary .border-start { 
  
  transition: border-color 0.2s ease-in-out; 

}

.card-hover-primary .bg-secondary { 
  
  transition: background-color 0.2s ease-in-out; 

}

.card-hover-primary:hover { 
  
  background-color: var(--bs-primary) !important; 
  
  border-color: var(--bs-primary) !important; 

}

.card-hover-primary:hover .card-title { 
  
  color: var(--white); 

}

.card-hover-primary:hover .card-body { 
  
  color: rgba(var(--rgb-white), 0.7); 

}

.card-hover-primary:hover .text-muted { 
  
  color: rgba(var(--rgb-white), 0.5) !important; 

}

.card-hover-primary:hover .text-primary { 
  
  color: var(--white) !important; 

}

.card-hover-primary:hover .border-top, .card-hover-primary:hover .border-end, .card-hover-primary:hover .border-bottom, .card-hover-primary:hover .border-start { 
  
  border-color: rgba(var(--rgb-white), 0.14) !important; 

}

.card-hover-primary:hover .bg-secondary { 
  
  background-color: rgba(var(--rgb-white), 0.05) !important; 

}

.card-hover-primary:hover h1, .card-hover-primary:hover .h1, .card-hover-primary:hover h2, .card-hover-primary:hover .h2, .card-hover-primary:hover h3, .card-hover-primary:hover .h3, .card-hover-primary:hover h4, .card-hover-primary:hover .h4, .card-hover-primary:hover h5, .card-hover-primary:hover .h5, .card-hover-primary:hover h6, .card-hover-primary:hover .h6 { 
  
  color: var(--white) !important; 

}

.card-hover-primary:hover h1 > a, .card-hover-primary:hover .h1 > a, .card-hover-primary:hover h2 > a, .card-hover-primary:hover .h2 > a, .card-hover-primary:hover h3 > a, .card-hover-primary:hover .h3 > a, .card-hover-primary:hover h4 > a, .card-hover-primary:hover .h4 > a, .card-hover-primary:hover h5 > a, .card-hover-primary:hover .h5 > a, .card-hover-primary:hover h6 > a, .card-hover-primary:hover .h6 > a { 
  
  color: var(--white) !important; 

}

.card-hover-primary:hover .text-dark:not(.badge.bg-white) { 
  
  color: var(--white) !important; 

}

.card-hover-primary:hover .text-nav:not(.badge.bg-white) { 
  
  color: rgba(var(--rgb-white), 0.85) !important; 

}

.card-portfolio { 
  
  background-color: transparent; 
  
  border: 0; 

}

.card-portfolio .card-img { 
  
  border-radius: var(--bs-card-border-radius); 
  
  overflow: hidden; 
  
  transform: translateZ(0); 

}

.card-portfolio .card-img > img { 
  
  display: block; 
  
  transition: transform 0.35s ease-in-out; 

}

.card-portfolio .card-body { 
  
  padding-right: 0; 
  
  padding-left: 0; 

}

@media (min-width: 768px) {

  .card-portfolio .card-portfolio-meta { 
    
    opacity: 0; 
    
    transition: opacity 0.35s ease-in-out; 
  
  }

  .card-portfolio:hover .card-img > img { 
    
    transform: scale(1.05); 
  
  }

  .card-portfolio:hover .card-portfolio-meta { 
    
    opacity: 1; 
  
  }

}

[data-bs-theme=dark] .card:not([data-bs-theme=light]).shadow-sm, [data-bs-theme=dark] .card:not([data-bs-theme=light]).shadow, [data-bs-theme=dark] .card:not([data-bs-theme=light]).shadow-lg, [data-bs-theme=dark] .card:not([data-bs-theme=light]).border-0 { 
  
  background-color: var(--bs-secondary-bg); 

}

[data-bs-theme=dark] .card-hover:not([data-bs-theme=light]):hover { 
  
  background-color: var(--bs-secondary-bg); 
  
  border-color: rgba(var(--rgb-white), 0.3); 

}

[data-bs-theme=dark] .card-hover:not([data-bs-theme=light]).border-0:not(.bg-transparent):not(.bg-light) { 
  
  border: var(--bs-border-width) solid transparent !important; 

}

[data-bs-theme=dark] .card-hover:not([data-bs-theme=light]).border-0:not(.bg-transparent):not(.bg-light):hover { 
  
  border-color: var(--bs-card-border-color) !important; 

}

[data-bs-theme=dark] .card-hover:not([data-bs-theme=light]).bg-light:hover { 
  
  background-color: var(--bs-secondary-bg) !important; 

}

/* Accordion */

.accordion { 
  
  --bs-accordion-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-radius 0.15s ease;
  
  --bs-accordion-border-radius: 0.5rem;
  
  --bs-accordion-inner-border-radius: calc(0.5rem - (var(--bs-border-width)));
  
  --bs-accordion-btn-padding-x: 1.5rem;
  
  --bs-accordion-btn-color: var(--bs-body-color); 
  
  --bs-accordion-btn-icon-width: 0.625rem;
  
  --bs-accordion-btn-icon-box-size: 2.25rem; 
  
  --bs-accordion-btn-icon-box-border-radius: 50%; 
  
  --bs-accordion-btn-icon-box-bg: var(--light-l2); 
  
  --bs-accordion-btn-icon-box-active-bg: var(--primary); 
  
  --bs-accordion-btn-icon-box-active-shadow: 0 -0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 
  
  --bs-accordion-btn-focus-border-color: rgba(var(--rgb-primary), 0.35); 
  
  --bs-accordion-btn-focus-box-shadow: unset;
  
  --bs-accordion-body-padding-x: 1.5rem;
  
  --bs-accordion-color: var(--bs-body-color); 
  
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  
  --bs-accordion-active-bg: var(--bs-body-bg);
  
  --bs-accordion-btn-font-weight: 600; 

}

.accordion-button:focus { 
  
  border-color: var(--bs-accordion-btn-focus-border-color);

}

.accordion-flush .accordion-collapse { 
  
  border-width: 0; 

}

.accordion-button { 
  
  font-weight: var(--bs-accordion-btn-font-weight); 
  
  transition: none; 

}

.accordion-button:not(.collapsed) { 
  
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); 

}

.accordion-button::after { 
  
  width: var(--bs-accordion-btn-icon-box-size); 
  
  height: var(--bs-accordion-btn-icon-box-size); 
  
  background-position: center; 
  
  background-color: var(--bs-accordion-btn-icon-box-bg); 
  
  transition: all 0.35s; 
  
  border-radius: var(--bs-accordion-btn-icon-box-border-radius); 

}

.accordion-button:not(.collapsed)::after { 
  
  background-color: var(--bs-accordion-btn-icon-box-active-bg); 
  
  box-shadow: var(--bs-accordion-btn-icon-box-active-shadow); 

}

[data-bs-theme=dark] .accordion:not([data-bs-theme=light]) { 
  
  --bs-accordion-btn-icon-box-bg: rgba(var(--rgb-white), 0.05); 
  
  --bs-accordion-btn-icon-box-active-bg: var(--primary); 

}

[data-bs-theme=dark] .accordion:not([data-bs-theme=light]) .accordion-item.border-0 { 
  
  background-color: var(--bs-secondary-bg); 

}

[data-bs-theme=dark] .accordion:not([data-bs-theme=light]) .accordion-button.shadow-none { 
  
  background-color: transparent !important; 

}

/* Breadcrumb */

.breadcrumb { 
  
  --bs-breadcrumb-font-weight: 600; 
  
  --bs-breadcrumb-color: var(--bs-gray-600); 
  
  --bs-breadcrumb-hover-color: var(--bs-gray-800); 
  
  font-weight: var(--bs-breadcrumb-font-weight); 

}

.breadcrumb-item { 
  
  display: flex; 
  
  align-items: center; 

}

.breadcrumb-item + .breadcrumb-item::before { 
  
  margin-top: 0.15em; font-family: "boxicons"; 
  
  font-size: 1.15em; font-weight: normal; 
  
  line-height: 1; 

}

.breadcrumb-item > a { 
  
  display: flex; 
  
  align-items: center; 
  
  color: var(--bs-breadcrumb-color); 
  
  text-decoration: none; 

}

.breadcrumb-item:hover > a { 
  
  color: var(--bs-breadcrumb-hover-color); 

}

[data-bs-theme=dark] .breadcrumb:not([data-bs-theme=light]) { 
  
  --bs-breadcrumb-item-active-color: var(--white); 

}

/* Paging */

.pagination { 
  
  --bs-pagination-font-weight: 600; 
  
  --bs-pagination-active-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 
  
  margin-bottom: 0; 

}

.page-link { 
  
  display: flex; 
  
  align-items: center; 
  
  height: 100%; 
  
  border-radius: var(--bs-pagination-border-radius); 
  
  font-weight: var(--bs-pagination-font-weight); 

}

.page-link > i { 
  
  margin-top: 0.0625rem; 
  
  font-size: 1.425em; 

}

.page-link:focus { 
  
  box-shadow: none; 

}

.page-item { 
  
  margin: 0 0.125rem; 

}

.page-item:first-child { 
  
  margin-left: 0; 

}

.page-item:last-child { 
  
  margin-right: 0; 

}

.page-item.active .page-link { 
  
  box-shadow: var(--bs-pagination-active-box-shadow); 

}

.pagination-sm { 
  
  --bs-pagination-border-radius: var(--bs-border-radius-sm); --bs-pagination-font-size: 0.75rem; 

}

.pagination-lg { 
  
  --bs-pagination-border-radius: var(--bs-border-radius-lg); 
  
  --bs-pagination-font-size: 1rem; 

}

/* Badge */

[data-bs-theme=dark] .pagination:not([data-bs-theme=light]) { 
  
  --bs-pagination-color: rgba(var(--rgb-white), 0.85); 
  
  --bs-pagination-hover-color: var(--primary); 
  
  --bs-pagination-hover-bg: rgba(var(--rgb-white), 0.05); 
  
  --bs-pagination-focus-bg: rgba(var(--rgb-white), 0.05); 
  
  --bs-pagination-disabled-color: rgba(var(--rgb-white), 0.5); 

}

.badge.bg-secondary, .badge.bg-light { 
  
  --bs-badge-color: var(--light-font-d); 

}

a.badge { 
  
  text-decoration: none; 

}

.btn .badge { 
  
  top: 1px; 

}

/* Alerts */

.alert { 
  
  --bs-alert-link-color: inherit; 

}

.alert .alert-link { 
  
  color: var(--bs-alert-link-color); 

}

.alert-secondary { 
  
  --bs-alert-bg: var(--secondary-l3); 

}

.alert-secondary, .alert-light { 
  
  --bs-alert-color: var(--light-font-l); 
  
  --bs-alert-border-color: var(--bs-border-color); 
  
  --bs-alert-link-color: var(--dark); 

}

.alert-dark { 
  
  --bs-alert-border-color: var(--dark); 
  
  --bs-alert-bg: var(--dark); 
  
  --bs-alert-color: rgba(var(--rgb-white), .85); 
  
  --bs-alert-link-color: var(--white); 

}

.alert-dismissible .btn-close { 
  
  padding: calc(var(--bs-alert-padding-y) * 1.375) var(--bs-alert-padding-x); 

}

/* TODO: Fix Hardcoded SVG Fills */

.alert-primary .btn-close { 
  
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231419e4'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat; 

}

.alert-success .btn-close { 
  
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23147739'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat; 

}

.alert-info .btn-close { 
  
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a4ddd'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat; 

}

.alert-warning .btn-close { 
  
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ab7b00'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat; 

}

.alert-danger .btn-close { 
  
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c61111'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat; 

}

[data-bs-theme=dark] .alert-primary:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: rgba(var(--rgb-primary), .05); 
  
  --bs-alert-border-color: rgba(var(--rgb-primary), .25); 

}

[data-bs-theme=dark] .alert-secondary:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: rgba(var(--rgb-alert), .05); 
  
  --bs-alert-border-color: rgba(var(--rgb-alert), .25); 

}

[data-bs-theme=dark] .alert-success:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: rgba(var(--rgb-success), .05); 
  
  --bs-alert-border-color: rgba(var(--rgb-success), .25); 

}

[data-bs-theme=dark] .alert-info:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: rgba(var(--rgb-info), .05); 
  
  --bs-alert-border-color: rgba(var(--rgb-info), .25); 

}

[data-bs-theme=dark] .alert-warning:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: rgba(var(--rgb-warning), .05); 
  
  --bs-alert-border-color: rgba(var(--rgb-warning), .25); 

}

[data-bs-theme=dark] .alert-danger:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: rgba(var(--rgb-danger), .05); 
  
  --bs-alert-border-color: rgba(var(--rgb-danger), .25); 

}

[data-bs-theme=dark] .alert-light:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: rgba(var(--rgb-white), .05); 
  
  --bs-alert-border-color: rgba(var(--rgb-white), .25); 

}

[data-bs-theme=dark] .alert-dark:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: rgba(var(--rgb-dark), .05); 
  
  --bs-alert-border-color: rgba(var(--rgb-dark), .25); 

}

[data-bs-theme=dark] .alert-secondary:not([data-bs-theme=light]), [data-bs-theme=dark] .alert-light:not([data-bs-theme=light]), [data-bs-theme=dark] .alert-dark:not([data-bs-theme=light]) { 
  
  --bs-alert-border-color: var(--bs-border-color); 

}

[data-bs-theme=dark] .alert-secondary:not([data-bs-theme=light]), [data-bs-theme=dark] .alert-light:not([data-bs-theme=light]) { 
  
  --bs-alert-bg: var(--bs-secondary-bg); 
  
  --bs-alert-color: var(--bs-body-color); 
  
  --bs-alert-link-color: var(--white); 

}

/* Progress Bar */

[data-bs-theme=dark] .progress:not([data-bs-theme=light]) { 
  
  --bs-progress-bg: rgba(var(--rgb-white), 0.08); 

}

[data-bs-theme=dark] .progress-bar.bg-dark:not([data-bs-theme=light]) { 
  
  --bs-progress-bar-bg: var(--white); 
  
  --bs-progress-bar-color: var(--dark); 
  
  background-color: var(--bs-progress-bar-bg) !important; 

}

[data-bs-theme=dark] .progress-bar.bg-dark:not([data-bs-theme=light]).progress-bar-striped { 
  
  background-image: linear-gradient(45deg, rgba(var(--rgb-dark), 0.15) 25%, transparent 25%, transparent 50%, rgba(var(--rgb-dark), 0.15) 50%, rgba(var(--rgb-dark), 0.15) 75%, transparent 75%, transparent); 

}

/* List Group */

.list-group { 
  
  --bs-list-group-color: var(--bs-body-color); 
  
  --bs-list-group-bg: transparent; 
  
  --bs-list-group-border-color: var(--bs-border-color); 
  
  --bs-list-group-border-width: var(--bs-border-width); 
  
  --bs-list-group-border-radius: 0.5rem; 
  
  --bs-list-group-item-padding-x: 1rem; 
  
  --bs-list-group-item-padding-y: 0.75rem; 
  
  --bs-list-group-action-color: var(--light-font-l); 
  
  --bs-list-group-action-hover-color: var(--primary); 
  
  --bs-list-group-action-hover-bg: rgba(var(--rgb-primary), 0.12); 
  
  --bs-list-group-action-active-color: var(--white); 
  
  --bs-list-group-action-active-bg: var(--primary); 
  
  --bs-list-group-disabled-color: var(--bs-secondary-color); 
  
  --bs-list-group-disabled-bg: transparent; 
  
  --bs-list-group-active-color: var(--white); 
  
  --bs-list-group-active-bg: var(--primary); 
  
  --bs-list-group-active-border-color: var(--primary); 
  
  --bs-list-group-active-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 
  
  display: flex; 
  
  flex-direction: column; 
  
  padding-left: 0; 
  
  margin-bottom: 0; 
  
  border-radius: var(--bs-list-group-border-radius); 

}

.list-group-numbered { 
  
  list-style-type: none; 
  
  counter-reset: section; 

}

.list-group-numbered > .list-group-item::before { 
  
  content: counters(section, ".") ". "; 
  
  counter-increment: section; 

}

.list-group-item { 
  
  position: relative; 
  
  display: block; 
  
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); 
  
  color: var(--bs-list-group-color); 
  
  text-decoration: none; 
  
  background-color: var(--bs-list-group-bg); 
  
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); 

}

.list-group-item:first-child { 
  
  border-top-left-radius: inherit; 
  
  border-top-right-radius: inherit; 

}

.list-group-item:last-child { 
  
  border-bottom-right-radius: inherit; 
  
  border-bottom-left-radius: inherit; 

}

.list-group-item.disabled, .list-group-item:disabled { 
  
  color: var(--bs-list-group-disabled-color); 
  
  pointer-events: none; 
  
  background-color: var(--bs-list-group-disabled-bg); 

}

.list-group-item.active { 
  
  z-index: 2; 
  
  color: var(--bs-list-group-active-color); 
  
  background-color: var(--bs-list-group-active-bg); 
  
  border-color: var(--bs-list-group-active-border-color); 
  
  box-shadow: var(--bs-list-group-active-box-shadow); 

}

.list-group-item + .list-group-item { 
  
  border-top-width: 0; 

}

.list-group-item + .list-group-item.active { 
  
  margin-top: calc(var(--bs-list-group-border-width) * -1); 
  
  border-top-width: var(--bs-list-group-border-width); 

}

.list-group-item-action { 
  
  width: 100%; 
  
  font-weight: 600; 
  
  color: var(--bs-list-group-action-color); 
  
  text-align: inherit; 
  
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 

}

.list-group-item-action:hover, .list-group-item-action:focus { 
  
  z-index: 1; 
  
  color: var(--bs-list-group-action-hover-color); 
  
  text-decoration: none; 
  
  background-color: var(--bs-list-group-action-hover-bg); 

}

.list-group-item-action.active { 
  
  color: var(--bs-list-group-action-active-color); 
  
  background-color: var(--bs-list-group-action-active-bg); 

}

.list-group-horizontal { 
  
  flex-direction: row; 

}

.list-group-horizontal > .list-group-item:first-child { 
  
  border-bottom-left-radius: var(--bs-list-group-border-radius); 
  
  border-top-right-radius: 0; 

}

.list-group-horizontal > .list-group-item:last-child { 
  
  border-top-right-radius: var(--bs-list-group-border-radius); 
  
  border-bottom-left-radius: 0; 

}

.list-group-horizontal > .list-group-item.active { 
  
  margin-top: 0; 

}

.list-group-horizontal > .list-group-item + .list-group-item { 
  
  border-top-width: var(--bs-list-group-border-width); 
  
  border-left-width: 0; 

}

.list-group-horizontal > .list-group-item + .list-group-item.active { 
  
  margin-left: calc(var(--bs-list-group-border-width) * -1); 
  
  border-left-width: var(--bs-list-group-border-width); 

}

@media (min-width: 500px) {

  .list-group-horizontal-sm { 
    
    flex-direction: row; 
  
  }

  .list-group-horizontal-sm > .list-group-item:first-child { 
    
    border-bottom-left-radius: var(--bs-list-group-border-radius); 
    
    border-top-right-radius: 0; 
  
  }

  .list-group-horizontal-sm > .list-group-item:last-child { 
    
    border-top-right-radius: var(--bs-list-group-border-radius); 
    
    border-bottom-left-radius: 0; 
  
  }

  .list-group-horizontal-sm > .list-group-item.active { 
    
    margin-top: 0; 
  
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item { 
    
    border-top-width: var(--bs-list-group-border-width); 
    
    border-left-width: 0; 
  
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item.active { 
    
    margin-left: calc(var(--bs-list-group-border-width) * -1); 
    
    border-left-width: var(--bs-list-group-border-width); 
  
  }

}

@media (min-width: 768px) {

  .list-group-horizontal-md { 
    
    flex-direction: row; 
  
  }

  .list-group-horizontal-md > .list-group-item:first-child { 
    
    border-bottom-left-radius: var(--bs-list-group-border-radius); 
    
    border-top-right-radius: 0; 
  
  }

  .list-group-horizontal-md > .list-group-item:last-child { 
    
    border-top-right-radius: var(--bs-list-group-border-radius); 
    
    border-bottom-left-radius: 0; 
  
  }

  .list-group-horizontal-md > .list-group-item.active { 
    
    margin-top: 0; 
  
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item { 
    
    border-top-width: var(--bs-list-group-border-width); 
    
    border-left-width: 0; 
  
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item.active { 
    
    margin-left: calc(var(--bs-list-group-border-width) * -1); 
    
    border-left-width: var(--bs-list-group-border-width); 
  
  }

}

@media (min-width: 992px) {

  .list-group-horizontal-lg { 
    
    flex-direction: row; 
  
  }

  .list-group-horizontal-lg > .list-group-item:first-child { 
    
    border-bottom-left-radius: var(--bs-list-group-border-radius); 
    
    border-top-right-radius: 0; 
  
  }

  .list-group-horizontal-lg > .list-group-item:last-child { 
    
    border-top-right-radius: var(--bs-list-group-border-radius); 
    
    border-bottom-left-radius: 0; 
  
  }

  .list-group-horizontal-lg > .list-group-item.active { 
    
    margin-top: 0; 
  
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item { 
    
    border-top-width: var(--bs-list-group-border-width); 
    
    border-left-width: 0; 
  
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item.active { 
    
    margin-left: calc(var(--bs-list-group-border-width) * -1); 
    
    border-left-width: var(--bs-list-group-border-width); 
  
  }

}

@media (min-width: 1200px) {

  .list-group-horizontal-xl { 
    
    flex-direction: row; 
  
  }

  .list-group-horizontal-xl > .list-group-item:first-child { 
    
    border-bottom-left-radius: var(--bs-list-group-border-radius); 
    
    border-top-right-radius: 0; 
  
  }

  .list-group-horizontal-xl > .list-group-item:last-child { 
    
    border-top-right-radius: var(--bs-list-group-border-radius); 
    
    border-bottom-left-radius: 0; 
  
  }

  .list-group-horizontal-xl > .list-group-item.active { 
    
    margin-top: 0; 
  
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item { 
    
    border-top-width: var(--bs-list-group-border-width); 
    
    border-left-width: 0; 
  
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item.active { 
    
    margin-left: calc(var(--bs-list-group-border-width) * -1); 
    
    border-left-width: var(--bs-list-group-border-width); 
  
  }

}

@media (min-width: 1400px) {

  .list-group-horizontal-xxl { 
    
    flex-direction: row; 
  
  }

  .list-group-horizontal-xxl > .list-group-item:first-child { 
    
    border-bottom-left-radius: var(--bs-list-group-border-radius); 
    
    border-top-right-radius: 0; 
  
  }

  .list-group-horizontal-xxl > .list-group-item:last-child { 
    
    border-top-right-radius: var(--bs-list-group-border-radius); 
    
    border-bottom-left-radius: 0; 
  
  }

  .list-group-horizontal-xxl > .list-group-item.active { 
    
    margin-top: 0; 
  
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item { 
    
    border-top-width: var(--bs-list-group-border-width); 
    
    border-left-width: 0; 
  
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { 
    
    margin-left: calc(var(--bs-list-group-border-width) * -1); 
    
    border-left-width: var(--bs-list-group-border-width); 
  
  }

}

.list-group-flush { 
  
  border-radius: 0; 

}

.list-group-flush > .list-group-item { 
  
  border-width: 0 0 var(--bs-list-group-border-width); 

}

.list-group-flush > .list-group-item:last-child { 
  
  border-bottom-width: 0; 

}

.list-group-flush .list-group-item-action { 
  
  margin-bottom: 0.125rem; 
  
  border: 0; 
  
  border-radius: var(--bs-list-group-border-radius); 

}

.card .list-group-flush .list-group-item-action { 
  
  margin-bottom: 0; 
  
  border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); 
  
  border-radius: 0; 

}

.card .list-group-flush .list-group-item-action:last-child { 
  
  border-bottom: 0; 

}

.card .list-group-flush .list-group-item-action.active { 
  
  border-color: var(--bs-list-group-active-border-color); 

}

.offcanvas-body .list-group-flush .list-group-item-action { 
  
  margin-bottom: 0.0625rem; 
  
  border-radius: 0; 

}

[data-bs-theme=dark] .list-group:not([data-bs-theme=light]) { 
  
  --bs-list-group-disabled-color: rgba(var(--rgb-white), 0.5); 
  
  --bs-list-group-action-color: rgba(var(--rgb-white), 0.85); 

}

/* Toast */

.toast-header { 
  
  position: relative; 
  
  font-weight: 800; 
  
  border: 0; 

}

.toast-header::after { 
  
  position: absolute; 
  
  bottom: calc(var(--bs-toast-border-width) * -1); 
  
  left: var(--bs-toast-padding-x); 
  
  width: calc(100% - var(--bs-toast-padding-x) * 2); 
  
  height: var(--bs-toast-border-width); content: ""; 
  
  background-color: var(--bs-toast-header-border-color); 

}

.toast-header[class^=bg-]::after, .toast-header[class*=" bg-"]::after { 
  
  display: none; 

}

.toast-header .btn-close { 
  
  margin-right: 0; 

}

[data-bs-theme=dark] .toast:not([data-bs-theme=light]) { 
  
  --bs-toast-bg: linear-gradient(0deg, rgba(var(--rgb-white), 0.04), rgba(var(--rgb-white), 0.04)), var(--dark); 
  
  --bs-toast-border-color: rgba(var(--rgb-white), 0.14); 
  
  background: var(--bs-toast-bg); 

}

/* BS Modal */

.modal-content { 
  
  padding-right: var(--bs-modal-padding); 
  
  padding-left: var(--bs-modal-padding); 

}

.modal-header, .modal-footer { 
  
  padding-right: 0; 
  
  padding-left: 0; 

}

.modal-body { 
  
  margin-right: calc(var(--bs-modal-padding) * -1); 
  
  margin-left: calc(var(--bs-modal-padding) * -1); 

}

[data-bs-theme=dark] .modal:not([data-bs-theme=light]) { 
  
  --bs-modal-bg: var(--dark); 
  
  --bs-modal-border-width: 1px; 

}

[data-bs-theme=dark] .popover { 
  
  --bs-popover-bg: var(--dark); 

}

.offcanvas-header { 
  
  padding: calc(var(--bs-offcanvas-padding-y) * 0.75) var(--bs-offcanvas-padding-x); 

}

.offcanvas-body { 
  
  display: block !important; 

}

[data-bs-theme=dark] .offcanvas.bg-secondary, [data-bs-theme=dark] .offcanvas-sm.bg-secondary, [data-bs-theme=dark] .offcanvas-md.bg-secondary, [data-bs-theme=dark] .offcanvas-lg.bg-secondary, [data-bs-theme=dark] .offcanvas-xl.bg-secondary, [data-bs-theme=dark] .offcanvas-xxl.bg-secondary { 
  
  background-color: var(--dark) !important; 

}

/* Swiper / Carousel */

.btn-prev, .btn-next { 
  
  --bs-carousel-nav-btn-border-radius: 50%; 
  
  --bs-carousel-nav-btn-bg: var(--white); 
  
  --bs-carousel-nav-btn-color: var(--light-font-l); 
  
  --bs-carousel-nav-btn-box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03); 
  
  --bs-carousel-nav-btn-hover-bg: var(--primary); 
  
  --bs-carousel-nav-btn-hover-color: var(--white); 
  
  --bs-carousel-nav-btn-hover-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 
  
  --bs-carousel-nav-btn-disabled-color: rgba(var(--light-font-l), .5); 
  
  --bs-carousel-nav-btn-font-size: 1rem; 
  
  font-size: var(--bs-carousel-nav-btn-font-size); 
  
  color: var(--bs-carousel-nav-btn-color) !important; 
  
  background-color: var(--bs-carousel-nav-btn-bg); 
  
  border: 0; 
  
  border-radius: var(--bs-carousel-nav-btn-border-radius); 
  
  box-shadow: var(--bs-carousel-nav-btn-box-shadow); 
  
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out; 

}

.btn-prev:focus, .btn-next:focus { 
  
  background-color: var(--bs-carousel-nav-btn-bg); 
  
  box-shadow: var(--bs-carousel-nav-btn-box-shadow); 

}

.btn-prev.bg-white, .btn-next.bg-white { 
  
  color: var(--light-font-l) !important; 

}

.btn-prev:not(.bg-transparent):hover, .btn-next:not(.bg-transparent):hover { 
  
  color: var(--bs-carousel-nav-btn-hover-color) !important; 
  
  background-color: var(--bs-carousel-nav-btn-hover-bg) !important; 
  
  box-shadow: var(--bs-carousel-nav-btn-hover-box-shadow) !important; 

}

.btn-prev > i, .btn-next > i { 
  
  font-size: 1.5em; 

}

.btn-prev.btn-sm > i, .btn-group-sm > .btn-prev.btn > i, .btn-next.btn-sm > i, .btn-group-sm > .btn-next.btn > i { 
  
  font-size: 1.25em; 

}

.btn-prev.btn-lg > i, .btn-group-lg > .btn-prev.btn > i, .btn-next.btn-lg > i, .btn-group-lg > .btn-next.btn > i { 
  
  font-size: 1.75em; 

}

.btn-prev.btn-xl > i, .btn-next.btn-xl > i { 
  
  font-size: 2em; 

}

.swiper-button-disabled, .swiper-button-disabled:disabled { 
  
  color: var(--bs-carousel-nav-btn-disabled-color) !important; 
  
  background-color: var(--bs-carousel-nav-btn-bg); 
  
  box-shadow: var(--bs-carousel-nav-btn-box-shadow) !important; 
  
  opacity: 1; 

}

.swiper-button-disabled.shadow-none, .swiper-button-disabled:disabled.shadow-none { 
  
  box-shadow: none !important; 

}

.pagination .swiper-button-disabled, .pagination .swiper-button-disabled:disabled { 
  
  pointer-events: none; 
  
  background-color: transparent !important; 
  
  box-shadow: none !important; 

}

.swiper .btn-prev:not(.position-static), .swiper .btn-next:not(.position-static) { 
  
  position: absolute; top: 50%; 
  
  z-index: 5; 
  
  transform: translateY(-50%); 

}

.swiper .btn-prev { 
  
  left: 1.25rem; 

}

.swiper .btn-next { 
  
  right: 1.25rem; 

}

.swiper-nav-onhover .btn-prev, .swiper-nav-onhover .btn-next { 
  
  opacity: 0 !important; 

}

.swiper-nav-onhover:hover .btn-prev, .swiper-nav-onhover:hover .btn-next { 
  
  opacity: 1 !important; 

}

.swiper-pagination { 
  
  --bs-carousel-pagination-bullet-width: 0.3125rem; 
  
  --bs-carousel-pagination-bullet-height: 0.3125rem; 
  
  --bs-carousel-pagination-bullet-spacer: 0.875rem; 
  
  --bs-carousel-pagination-bullet-border-radius: 50rem; 
  
  --bs-carousel-pagination-bullet-bg: var(--primary-l2);
  
  --bs-carousel-pagination-bullet-active-width: 1.5rem; 
  
  --bs-carousel-pagination-bullet-active-bg: var(--primary); 
  
  --bs-carousel-pagination-progressbar-height: 0.1875rem; 
  
  --bs-carousel-pagination-progressbar-bg: var(--bs-border-color); 
  
  --bs-carousel-pagination-progressbar-fill-bg: var(--primary); 
  
  bottom: 1.25rem; 
  
  display: flex; 
  
  align-items: center; 
  
  justify-content: center; 

}

.swiper-pagination.swiper-pagination-lock { 
  
  display: none; 

}

.swiper-pagination-bullet { 
  
  width: var(--bs-carousel-pagination-bullet-width); 
  
  height: var(--bs-carousel-pagination-bullet-height); 
  
  background-color: var(--bs-carousel-pagination-bullet-bg); 
  
  border-radius: var(--bs-carousel-pagination-bullet-border-radius); 
  
  opacity: 1; 
  
  transition: width 0.2s ease-in-out, height 0.2s ease-in-out, background-color 0.2s ease-in-out; 

}

.swiper-pagination-bullet-active { 
  
  background-color: var(--bs-carousel-pagination-bullet-active-bg); 

}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { 
  
  bottom: 1.25rem; 

}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { 
  
  margin-right: calc(var(--bs-carousel-pagination-bullet-spacer) * 0.5); 
  
  margin-left: calc(var(--bs-carousel-pagination-bullet-spacer) * 0.5); 

}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active, .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active { 
  
  width: var(--bs-carousel-pagination-bullet-active-width); 

}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-vertical { 
  
  right: 1.25rem; 
  
  flex-direction: column; 

}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-bullets.swiper-pagination-vertical .swiper-pagination-bullet { 
  
  margin-top: calc(var(--bs-carousel-pagination-bullet-spacer) * 0.5); 
  
  margin-bottom: calc(var(--bs-carousel-pagination-bullet-spacer) * 0.5); 

}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet-active, .swiper-pagination-bullets.swiper-pagination-vertical .swiper-pagination-bullet-active { 
  
  height: var(--bs-carousel-pagination-bullet-active-width); 

}

.swiper-pagination-progressbar { 
  
  background-color: var(--bs-carousel-pagination-progressbar-bg); 

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 
  
  background-color: var(--bs-carousel-pagination-progressbar-fill-bg); 

}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal { 
  
  height: var(--bs-carousel-pagination-progressbar-height); 

}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical { 
  
  width: var(--bs-carousel-pagination-progressbar-height); 

}

.page-link.btn-icon { 
  
  display: flex; 
  
  flex-direction: column; 
  
  flex-shrink: 0; 
  
  align-items: center; 
  
  justify-content: center; 
  
  width: 2.25rem; 
  
  height: 2.25rem; 
  
  padding: 0; 

}

.swiper-scrollbar { 
  
  --bs-carousel-scrollbar-width: 0.1875rem; 
  
  --bs-carousel-scrollbar-bg: var(--bs-border-color); 
  
  --bs-carousel-scrollbar-drag-bg: var(--secondary-l2);
  
  background-color: var(--bs-carousel-scrollbar-bg); 

}

.swiper-scrollbar-drag { 
  
  background-color: var(--bs-carousel-scrollbar-drag-bg); 

}

.swiper-vertical > .swiper-scrollbar { 
  
  top: 0; 
  
  width: var(--bs-carousel-scrollbar-width); 
  
  height: 100%; 

}

.swiper-horizontal > .swiper-scrollbar { 
  
  left: 0; 
  
  width: 100%; 
  
  height: var(--bs-carousel-scrollbar-width); 

}

.scrollbar-hover .swiper-scrollbar { 
  
  opacity: 0; 
  
  transition: opacity 0.2s ease-in-out; 

}

.scrollbar-hover:hover .swiper-scrollbar { 
  
  opacity: 1; 

}

.swiper-tabs { 
  
  position: relative; 
  
  height: 100%; 

}

.swiper-tab { 
  
  position: absolute; 
  
  top: 0; 
  
  left: 0; 
  
  display: flex; 
  
  flex-direction: column; 
  
  width: 100%; 
  
  height: 100%; 
  
  visibility: hidden; 
  
  opacity: 0; 
  
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 

}

.swiper-tab.active { 
  
  position: relative; 
  
  visibility: visible; 
  
  opacity: 1; 

}

.from-top, .from-bottom, .from-start, .from-end, .scale-up, .scale-down, .fade-in { 
  
  opacity: 0; 
  
  transition: all 0.4s 0.4s ease-in-out; 
  
  -webkit-backface-visibility: hidden; 
  
  backface-visibility: hidden; 

}

.from-top { 
  
  transform: translateY(-2.25rem); 

}

.from-bottom { 
  
  transform: translateY(2.25rem); 

}

.from-start { 
  
  transform: translateX(-2.25rem); 

}

.from-end { 
  
  transform: translateX(2.25rem); 

}

.scale-up { 
  
  transform: scale(0.85); 

}

.scale-down { 
  
  transform: scale(1.15); 

}

.delay-1 { 
  
  transition-delay: 0.5s; 

}

.delay-2 { 
  
  transition-delay: 0.7s; 

}

.delay-3 { 
  
  transition-delay: 0.9s; 

}

.delay-4 { 
  
  transition-delay: 1.1s; 

}

.swiper-slide-active .from-top, .swiper-slide-active .from-bottom { 
  
  opacity: 1; 
  
  transform: translateY(0); 

}

.swiper-slide-active .from-start, .swiper-slide-active .from-end { 
  
  opacity: 1; 
  
  transform: translateX(0); 

}

.swiper-slide-active .scale-up, .swiper-slide-active .scale-down { 
  
  opacity: 1; 
  
  transform: scale(1); 

}

.swiper-slide-active .fade-in { 
  
  opacity: 1; 

}

.mobile-app-slider { 
  
  max-width: 328px; 
  
  border-radius: 4rem; 

}

@media (min-width: 768px) {

  .mobile-app-slider { 
    
    max-width: 100%; 
  
  }

  .mobile-app-slider .swiper-slide { 
    
    opacity: 0.8; 
    
    transition: opacity 0.3s ease-in-out; 
  
  }

  .mobile-app-slider .swiper-slide.swiper-slide-active { 
    
    opacity: 1; 
  
  }

}

[data-bs-theme=dark] .btn-prev:not([data-bs-theme=light]), [data-bs-theme=dark] .btn-next:not([data-bs-theme=light]) { 
  
  --bs-carousel-nav-btn-bg: rgba(var(--rgb-white), 0.05); 
  
  --bs-carousel-nav-btn-color: var(--white); 
  
  --bs-carousel-nav-btn-box-shadow: none; 
  
  --bs-carousel-nav-btn-disabled-color: rgba(var(--rgb-white), .5); 

}

[data-bs-theme=dark] .swiper-pagination:not([data-bs-theme=light]) { 
  
  --bs-carousel-pagination-bullet-bg: rgba(var(--rgb-white), 0.5); 
  
  --bs-carousel-pagination-bullet-active-bg: var(--white); 

}

[data-bs-theme=dark] .swiper-scrollbar:not([data-bs-theme=light]) { 
  
  --bs-carousel-scrollbar-drag-bg: var(--white); 

}

[data-bs-theme=dark] .offcanvas .swiper-scrollbar-drag, [data-bs-theme=dark] .offcanvas-sm .swiper-scrollbar-drag, [data-bs-theme=dark] .offcanvas-md .swiper-scrollbar-drag, [data-bs-theme=dark] .offcanvas-lg .swiper-scrollbar-drag, [data-bs-theme=dark] .offcanvas-xl .swiper-scrollbar-drag, [data-bs-theme=dark] .offcanvas-xxl .swiper-scrollbar-drag { 
  
  opacity: 0.55; 

}

/* Gallery */

.gallery { 
  
  --bs-gallery-overlay-bg: rgba(var(--rgb-dark), 0.4); 
  
  --bs-gallery-indicator-size: 4.5rem; 
  
  --bs-gallery-image-indicator-color: var(--white); 
  
  --bs-gallery-image-indicator-font-size: 2rem; 
  
  --bs-gallery-video-indicator-bg: var(--white); 
  
  --bs-gallery-video-indicator-color: var(--light-font-l); 
  
  --bs-gallery-video-indicator-font-size: 2rem; 
  
  --bs-gallery-video-indicator-box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03); 
  
  --bs-gallery-video-indicator-hover-bg: var(--primary); 
  
  --bs-gallery-video-indicator-hover-color: var(--white); 
  
  --bs-gallery-video-indicator-hover-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--rgb-primary), 0.9); 

}

.gallery-item { 
  
  position: relative; 
  
  display: block; 
  
  overflow: hidden; 
  
  text-decoration: none !important; 
  
  -webkit-mask-image: -webkit-radial-gradient(var(--white), var(--black)); 

}

.gallery-item > img { 
  
  display: block; 
  
  width: 100%; 

}

.gallery-item::before { 
  
  position: absolute; 
  
  z-index: 1; 
  
  display: block; 
  
  width: 100%; 
  
  height: 100%; 
  
  content: ""; 
  
  background-color: var(--bs-gallery-overlay-bg); 
  
  opacity: 0; 
  
  transition: opacity 0.3s ease-in-out; 

}

.gallery-item::after { 
  
  position: absolute; 
  
  top: 50%; 
  
  left: 50%; 
  
  z-index: 5; 
  
  display: block; 
  
  width: var(--bs-gallery-indicator-size); 
  
  height: var(--bs-gallery-indicator-size); 
  
  margin-top: calc(var(--bs-gallery-indicator-size) * -0.5); 
  
  margin-left: calc(var(--bs-gallery-indicator-size) * -0.5); 
  
  line-height: var(--bs-gallery-indicator-size); 
  
  color: var(--bs-gallery-image-indicator-color); 
  
  text-align: center; 
  
  font-family: "boxicons"; 
  
  font-size: var(--bs-gallery-image-indicator-font-size); 
  
  content: "\ec90"; 
  
  transform: scale(0.3); 

}

.gallery-item .gallery-item-caption { 
  
  position: absolute; 
  
  top: 0; 
  
  left: 0; 
  
  z-index: 5; 
  
  display: block; 
  
  width: 100%; 
  
  padding: 1rem; 
  
  color: var(--white); 
  
  transform: translateY(0.5rem); 

}

.gallery-item::after, .gallery-item .gallery-item-caption { 
  
  opacity: 0; 
  
  transition: all 0.3s ease-in-out; 

}

.gallery-item:hover::before, .gallery-item:hover::after, .gallery-item:hover .gallery-item-caption, .gallery-item.is-hovered::before, .gallery-item.is-hovered::after, .gallery-item.is-hovered .gallery-item-caption { 
  
  opacity: 1; 
  
  transform: none; 

}

.gallery-item.video-item::after { 
  
  padding-top: 0.0625rem; 
  
  padding-left: 0.25rem; 
  
  font-size: var(--bs-gallery-video-indicator-font-size); 
  
  color: var(--bs-gallery-video-indicator-color); 
  
  content: "\ebbd"; 
  
  background-color: var(--bs-gallery-video-indicator-bg); 
  
  border-radius: 50%; 
  
  opacity: 1; 
  
  transform: none; 
  
  box-shadow: var(--bs-gallery-video-indicator-box-shadow); 

}

.gallery-item.video-item:hover::after { 
  
  color: var(--bs-gallery-video-indicator-hover-color); 
  
  background-color: var(--bs-gallery-video-indicator-hover-bg); 
  
  box-shadow: var(--bs-gallery-video-indicator-hover-box-shadow); 

}

/* LG Utillities */

.lg-backdrop { 
  
  z-index: 1055; 

}

.lg-outer { 
  
  z-index: 1060; 

}

.lg-outer .lg-thumb-item:hover, .lg-outer .lg-thumb-item.active { 
  
  border-color: var(--bs-primary); 

}

.lg-on { 
  
  overflow: hidden; 

}

.lg-item:focus, .lg:focus, .lg-outer:focus, .lg-inner:focus { 
  
  outline: none; 

}

/* Placeholder Theming */

[data-bs-theme=dark] .placeholder:not([data-bs-theme=light]) { 
  
  opacity: 0.25; 

}

@keyframes placeholder-glow { 
  
  50% { 
    
    opacity: 0.1; 
  
  } 

}

[data-bs-theme=dark] .placeholder-wave:not([data-bs-theme=light]) { 
  
  -webkit-mask-image: linear-gradient(130deg, var(--black) 55%, rgba(var(--rgb-black), 0.9) 75%, var(--black) 95%); 
  
  mask-image: linear-gradient(130deg, var(--black) 55%, rgba(var(--rgb-black), 0.9) 75%, var(--black) 95%); 

}

/* Steps */

.steps { 
  
  --bs-steps-padding-y: 1.5rem; 
  
  --bs-steps-padding-x: 1.5rem; 
  
  --bs-steps-number-size: 7.625rem; 
  
  --bs-steps-number-inner-size: 5.625rem; 
  
  --bs-steps-number-size-sm: 5rem; 
  
  --bs-steps-number-inner-size-sm: 3.5rem; 
  
  --bs-steps-number-border-radius: 50%; 
  
  --bs-steps-number-bg: var(--light-l2); 
  
  --bs-steps-number-inner-bg: var(--white); 
  
  --bs-steps-number-inner-box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03); 
  
  --bs-steps-number-font-size: 2rem; 
  
  --bs-steps-number-font-size-sm: 1.5rem; 
  
  --bs-steps-number-color: var(--bs-heading-color); 
  
  --bs-steps-connect-width: var(--bs-border-width); 
  
  --bs-steps-connect-color: var(--bs-border-color); 
  
  display: flex; 
  
  flex-direction: column; 

}

.step { 
  
  position: relative; 
  
  display: flex; 
  
  align-items: center; 
  
  padding: var(--bs-steps-padding-y) 0; 

}

.step:first-child { 
  
  padding-top: 0 !important; 

}

.step:last-child { 
  
  padding-bottom: 0 !important; 

}

.step::before, .step::after { 
  
  position: absolute; 
  
  left: calc(var(--bs-steps-number-size) * 0.5); 
  
  width: var(--bs-steps-connect-width); 
  
  height: 50%; 
  
  content: ""; 

}

.step::before { 
  
  top: 0; 

}

.step::after { 
  
  top: 50%; 

}

.step:not(:first-child)::before { 
  
  background-color: var(--bs-steps-connect-color); 

}

.step:not(:last-child)::after { 
  
  background-color: var(--bs-steps-connect-color); 

}

.step-number { 
  
  position: relative; 
  
  z-index: 2; 
  
  display: flex; 
  
  flex-shrink: 0; 
  
  align-items: center; 
  
  justify-content: center; 
  
  width: var(--bs-steps-number-size); 
  
  height: var(--bs-steps-number-size); 
  
  border-radius: var(--bs-steps-number-border-radius); 
  
  color: var(--bs-steps-number-color); 
  
  background-color: var(--bs-steps-number-bg); 
  
  font-size: var(--bs-steps-number-font-size); 
  
  font-weight: 800; 

}

.step-number .step-number-inner { 
  
  display: flex; 
  
  align-items: center; 
  
  justify-content: center; 
  
  width: var(--bs-steps-number-inner-size); 
  
  height: var(--bs-steps-number-inner-size); 
  
  border-radius: var(--bs-steps-number-border-radius); 
  
  background-color: var(--bs-steps-number-inner-bg); 
  
  box-shadow: var(--bs-steps-number-inner-box-shadow); 

}

.step-body { 
  
  padding-left: var(--bs-steps-padding-x); 

}

.steps-sm .step::before, .steps-sm .step::after { 
  
  left: calc(var(--bs-steps-number-size-sm) * 0.5); 

}

.steps-sm .step-number { 
  
  width: var(--bs-steps-number-size-sm); 
  
  height: var(--bs-steps-number-size-sm); 
  
  font-size: var(--bs-steps-number-font-size-sm); 

}

.steps-sm .step-number .step-number-inner { 
  
  width: var(--bs-steps-number-inner-size-sm); 
  
  height: var(--bs-steps-number-inner-size-sm); 

}

@media (min-width: 500px) {

  .steps-horizontal-sm.steps { 
    
    flex-direction: row; 
    
    margin-right: calc(var(--bs-steps-padding-x) * -1); 
    
    margin-left: calc(var(--bs-steps-padding-x) * -1); 
  
  }

  .steps-horizontal-sm .step { 
    
    display: block; 
    
    flex-basis: 0; 
    
    flex-grow: 1; 
    
    padding: 0 var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-sm .step::before, .steps-horizontal-sm .step::after { 
    
    top: calc(var(--bs-steps-number-size) * 0.5); 
    
    height: var(--bs-steps-connect-width); 
  
  }

  .steps-horizontal-sm .step::before { 
    
    left: 0; 
    
    display: none; 
  
  }

  .steps-horizontal-sm .step::after { 
    
    left: var(--bs-steps-padding-x); 
    
    width: 100%; 
  
  }

  .steps-horizontal-sm.steps-sm .step::before, .steps-horizontal-sm.steps-sm .step::after { 
    
    top: calc(var(--bs-steps-number-size-sm) * 0.5); 
  
  }

  .steps-horizontal-sm .step-number { 
    
    margin-bottom: var(--bs-steps-padding-y); 
  
  }

  .steps-horizontal-sm .step-body { 
    
    padding-left: 0; 
  
  }

  .steps-horizontal-sm.steps-center { 
    
    text-align: center; 
  
  }

  .steps-horizontal-sm.steps-center .step::after { 
    
    left: 50%; 
    
    width: 50%; 
  
  }

  .steps-horizontal-sm.steps-center .step:not(:first-child)::before { 
    
    display: block; 
    
    width: 50%; 
  
  }

  .steps-horizontal-sm.steps-center .step-number { 
    
    margin-right: auto; 
    
    margin-left: auto; 
  
  }

  .steps-horizontal-sm.steps-end { 
    
    text-align: right; 
  
  }

  .steps-horizontal-sm.steps-end .step:not(:first-child)::before { 
    
    display: block; 
    
    width: calc(100% - var(--bs-steps-padding-x)); 
  
  }

  .steps-horizontal-sm.steps-end .step::after { 
    
    right: 0; 
    
    left: auto; 
    
    width: var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-sm.steps-end .step:last-child::after { 
    
    display: none; 
  
  }

  .steps-horizontal-sm.steps-end .step-number { 
    
    margin-left: auto; 
  
  }

}

@media (min-width: 768px) {

  .steps-horizontal-md.steps { 
    
    flex-direction: row; 
    
    margin-right: calc(var(--bs-steps-padding-x) * -1); 
    
    margin-left: calc(var(--bs-steps-padding-x) * -1); 
  
  }

  .steps-horizontal-md .step { 
    
    display: block; 
    
    flex-basis: 0; 
    
    flex-grow: 1; 
    
    padding: 0 var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-md .step::before, .steps-horizontal-md .step::after { 
    
    top: calc(var(--bs-steps-number-size) * 0.5); 
    
    height: var(--bs-steps-connect-width); 
  
  }

  .steps-horizontal-md .step::before { 
    
    left: 0; 
    
    display: none; 
  
  }

  .steps-horizontal-md .step::after { 
    
    left: var(--bs-steps-padding-x); 
    
    width: 100%; 
  
  }

  .steps-horizontal-md.steps-sm .step::before, .steps-horizontal-md.steps-sm .step::after { 
    
    top: calc(var(--bs-steps-number-size-sm) * 0.5); 
  
  }

  .steps-horizontal-md .step-number { 
    
    margin-bottom: var(--bs-steps-padding-y); 
  
  }

  .steps-horizontal-md .step-body { 
    
    padding-left: 0; 
  
  }

  .steps-horizontal-md.steps-center { 
    
    text-align: center; 
  
  }

  .steps-horizontal-md.steps-center .step::after { 
    
    left: 50%; 
    
    width: 50%; 
  
  }

  .steps-horizontal-md.steps-center .step:not(:first-child)::before { 
    
    display: block; 
    
    width: 50%; 
  
  }

  .steps-horizontal-md.steps-center .step-number { 
    
    margin-right: auto; 
    
    margin-left: auto; 
  
  }

  .steps-horizontal-md.steps-end { 
    
    text-align: right; 
  
  }

  .steps-horizontal-md.steps-end .step:not(:first-child)::before { 
    
    display: block; 
    
    width: calc(100% - var(--bs-steps-padding-x)); 
  
  }

  .steps-horizontal-md.steps-end .step::after { 
    
    right: 0; 
    
    left: auto; 
    
    width: var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-md.steps-end .step:last-child::after { 
    
    display: none; 
  
  }

  .steps-horizontal-md.steps-end .step-number { 
    
    margin-left: auto; 
  
  }

}

@media (min-width: 992px) {

  .steps-horizontal-lg.steps { 
    
    flex-direction: row; 
    
    margin-right: calc(var(--bs-steps-padding-x) * -1); 
    
    margin-left: calc(var(--bs-steps-padding-x) * -1); 
  
  }

  .steps-horizontal-lg .step { 
    
    display: block; 
    
    flex-basis: 0; 
    
    flex-grow: 1; 
    
    padding: 0 var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-lg .step::before, .steps-horizontal-lg .step::after { 
    
    top: calc(var(--bs-steps-number-size) * 0.5); 
    
    height: var(--bs-steps-connect-width); 
  
  }

  .steps-horizontal-lg .step::before { 
    
    left: 0; 
    
    display: none; 
  
  }

  .steps-horizontal-lg .step::after { 
    
    left: var(--bs-steps-padding-x); 
    
    width: 100%; 
  
  }

  .steps-horizontal-lg.steps-sm .step::before, .steps-horizontal-lg.steps-sm .step::after { 
    
    top: calc(var(--bs-steps-number-size-sm) * 0.5); 
  
  }

  .steps-horizontal-lg .step-number { 
    
    margin-bottom: var(--bs-steps-padding-y); 
  
  }

  .steps-horizontal-lg .step-body { 
    
    padding-left: 0; 
  
  }

  .steps-horizontal-lg.steps-center { 
    
    text-align: center; 
  
  }

  .steps-horizontal-lg.steps-center .step::after { 
    
    left: 50%; 
    
    width: 50%; 
  
  }

  .steps-horizontal-lg.steps-center .step:not(:first-child)::before { 
    
    display: block; 
    
    width: 50%; 
  
  }

  .steps-horizontal-lg.steps-center .step-number { 
    
    margin-right: auto; 
    
    margin-left: auto; 
  
  }

  .steps-horizontal-lg.steps-end { 
    
    text-align: right; 
  
  }

  .steps-horizontal-lg.steps-end .step:not(:first-child)::before { 
    
    display: block; 
    
    width: calc(100% - var(--bs-steps-padding-x)); 
  
  }

  .steps-horizontal-lg.steps-end .step::after { 
    
    right: 0; 
    
    left: auto; 
    
    width: var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-lg.steps-end .step:last-child::after { 
    
    display: none; 
  
  }

  .steps-horizontal-lg.steps-end .step-number { 
    
    margin-left: auto; 
  
  }

}

@media (min-width: 1200px) {

  .steps-horizontal-xl.steps { 
    
    flex-direction: row; 
    
    margin-right: calc(var(--bs-steps-padding-x) * -1); 
    
    margin-left: calc(var(--bs-steps-padding-x) * -1); 
  
  }

  .steps-horizontal-xl .step { 
    
    display: block; 
    
    flex-basis: 0; 
    
    flex-grow: 1; 
    
    padding: 0 var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-xl .step::before, .steps-horizontal-xl .step::after { 
    
    top: calc(var(--bs-steps-number-size) * 0.5); 
    
    height: var(--bs-steps-connect-width); 
  
  }

  .steps-horizontal-xl .step::before { 
    
    left: 0; 
    
    display: none; 
  
  }

  .steps-horizontal-xl .step::after { 
    
    left: var(--bs-steps-padding-x); 
    
    width: 100%; 
  
  }

  .steps-horizontal-xl.steps-sm .step::before, .steps-horizontal-xl.steps-sm .step::after { 
    
    top: calc(var(--bs-steps-number-size-sm) * 0.5); 
  
  }

  .steps-horizontal-xl .step-number { 
    
    margin-bottom: var(--bs-steps-padding-y); 
  
  }

  .steps-horizontal-xl .step-body { 
    
    padding-left: 0; 
  
  }

  .steps-horizontal-xl.steps-center { 
    
    text-align: center; 
  
  }

  .steps-horizontal-xl.steps-center .step::after { 
    
    left: 50%; 
    
    width: 50%; 
  
  }

  .steps-horizontal-xl.steps-center .step:not(:first-child)::before { 
    
    display: block; 
    
    width: 50%; 
  
  }

  .steps-horizontal-xl.steps-center .step-number { 
    
    margin-right: auto; 
    
    margin-left: auto; 
  
  }

  .steps-horizontal-xl.steps-end { 
    
    text-align: right; 
  
  }

  .steps-horizontal-xl.steps-end .step:not(:first-child)::before { 
    
    display: block; 
    
    width: calc(100% - var(--bs-steps-padding-x)); 
  
  }

  .steps-horizontal-xl.steps-end .step::after { 
    
    right: 0; 
    
    left: auto; 
    
    width: var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-xl.steps-end .step:last-child::after { 
    
    display: none; 
  
  }

  .steps-horizontal-xl.steps-end .step-number { 
    
    margin-left: auto; 
  
  }

}

@media (min-width: 1400px) {

  .steps-horizontal-xxl.steps { 
    
    flex-direction: row; 
    
    margin-right: calc(var(--bs-steps-padding-x) * -1); 
    
    margin-left: calc(var(--bs-steps-padding-x) * -1); 
  
  }

  .steps-horizontal-xxl .step { 
    
    display: block; 
    
    flex-basis: 0; 
    
    flex-grow: 1; 
    
    padding: 0 var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-xxl .step::before, .steps-horizontal-xxl .step::after { 
    
    top: calc(var(--bs-steps-number-size) * 0.5); 
    
    height: var(--bs-steps-connect-width); 
  
  }

  .steps-horizontal-xxl .step::before { 
    
    left: 0; 
    
    display: none; 
  
  }

  .steps-horizontal-xxl .step::after { 
    
    left: var(--bs-steps-padding-x); 
    
    width: 100%; 
  
  }

  .steps-horizontal-xxl.steps-sm .step::before, .steps-horizontal-xxl.steps-sm .step::after { 
    
    top: calc(var(--bs-steps-number-size-sm) * 0.5); 
  
  }

  .steps-horizontal-xxl .step-number { 
    
    margin-bottom: var(--bs-steps-padding-y); 
  
  }

  .steps-horizontal-xxl .step-body { 
    
    padding-left: 0; 
  
  }

  .steps-horizontal-xxl.steps-center { 
    
    text-align: center; 
  
  }

  .steps-horizontal-xxl.steps-center .step::after { 
    
    left: 50%; 
    
    width: 50%; 
  
  }

  .steps-horizontal-xxl.steps-center .step:not(:first-child)::before { 
    
    display: block; 
    
    width: 50%; 
  
  }

  .steps-horizontal-xxl.steps-center .step-number { 
    
    margin-right: auto; 
    
    margin-left: auto; 
  
  }

  .steps-horizontal-xxl.steps-end { 
    
    text-align: right; 
  
  }

  .steps-horizontal-xxl.steps-end .step:not(:first-child)::before { 
    
    display: block; 
    
    width: calc(100% - var(--bs-steps-padding-x)); 
  
  }

  .steps-horizontal-xxl.steps-end .step::after { 
    
    right: 0; 
    
    left: auto; 
    
    width: var(--bs-steps-padding-x); 
  
  }

  .steps-horizontal-xxl.steps-end .step:last-child::after { 
    
    display: none; 
  
  }

  .steps-horizontal-xxl.steps-end .step-number { 
    
    margin-left: auto; 
  
  }

}

.steps-horizontal.steps { 
  
  flex-direction: row; 
  
  margin-right: calc(var(--bs-steps-padding-x) * -1); 
  
  margin-left: calc(var(--bs-steps-padding-x) * -1); 

}

.steps-horizontal .step { 
  
  display: block; 
  
  flex-basis: 0; 
  
  flex-grow: 1; 
  
  padding: 0 var(--bs-steps-padding-x); 

}

.steps-horizontal .step::before, .steps-horizontal .step::after { 
  
  top: calc(var(--bs-steps-number-size) * 0.5); 
  
  height: var(--bs-steps-connect-width); 

}

.steps-horizontal .step::before { 
  
  left: 0; 
  
  display: none; 

}

.steps-horizontal .step::after { 
  
  left: var(--bs-steps-padding-x); 
  
  width: 100%; 

}

.steps-horizontal.steps-sm .step::before, .steps-horizontal.steps-sm .step::after { 
  
  top: calc(var(--bs-steps-number-size-sm) * 0.5); 

}

.steps-horizontal .step-number { 
  
  margin-bottom: var(--bs-steps-padding-y); 

}

.steps-horizontal .step-body { 
  
  padding-left: 0; 

}

.steps-horizontal.steps-center { 
  
  text-align: center; 

}

.steps-horizontal.steps-center .step::after { 
  
  left: 50%; 
  
  width: 50%; 

}

.steps-horizontal.steps-center .step:not(:first-child)::before { 
  
  display: block; 
  
  width: 50%; 

}

.steps-horizontal.steps-center .step-number { 
  
  margin-right: auto; 
  
  margin-left: auto; 

}

.steps-horizontal.steps-end { 
  
  text-align: right; 

}

.steps-horizontal.steps-end .step:not(:first-child)::before { 
  
  display: block; 
  
  width: calc(100% - var(--bs-steps-padding-x)); 

}

.steps-horizontal.steps-end .step::after { 
  
  right: 0; 
  
  left: auto; 
  
  width: var(--bs-steps-padding-x); 

}

.steps-horizontal.steps-end .step:last-child::after { 
  
  display: none; 

}

.steps-horizontal.steps-end .step-number { 
  
  margin-left: auto; 

}

@media (max-width: 499.98px) {

  .steps:not(.steps-sm) .step { 
    
    padding: calc(var(--bs-steps-padding-y) * 0.625) 0; 
  
  }

  .steps:not(.steps-sm) .step::before, .steps:not(.steps-sm) .step::after { 
    
    left: calc(var(--bs-steps-number-size) * 0.625 * 0.5); 
  
  }

  .step-number { 
    
    font-size: calc(var(--bs-steps-number-font-size) * 0.625) !important; 
  
  }

  .steps:not(.steps-sm) .step-number { 
    
    width: calc(var(--bs-steps-number-size) * 0.625); 
    
    height: calc(var(--bs-steps-number-size) * 0.625); 
  
  }

  .steps:not(.steps-sm) .step-number .step-number-inner { 
    
    width: calc(var(--bs-steps-number-inner-size) * 0.625); 
    
    height: calc(var(--bs-steps-number-inner-size) * 0.625); 
  
  }

  .step-body { 
    
    padding-left: calc(var(--bs-steps-padding-x) * 0.875); 
  
  }

}

[data-bs-theme=dark] .steps:not([data-bs-theme=light]) { 
  
  --bs-steps-number-bg: var(--dark);
  
  --bs-steps-number-inner-bg: rgba(var(--rgb-white), 0.04); 

}

/* Jarallax / Parallax */

.jarallax { 
  
  position: relative; 
  
  z-index: 0; 

}

.jarallax .jarallax-img { 
  
  position: absolute; 
  
  top: 0; 
  
  left: 0; 
  
  z-index: -1; 
  
  width: 100%; 
  
  height: 100%; 
  
  background-position: center !important; 
  
  background-size: cover !important; 

}

[data-disable-parallax-down=xs] { 
  
  transform: none !important; 

}

@media (max-width: 499.98px) { 
  
  [data-disable-parallax-down=sm] { 
    
    transform: none !important; 
  
  } 

}

@media (max-width: 767.98px) { 
  
  [data-disable-parallax-down=md] { 
    
    transform: none !important; 
  
  } 

}

@media (max-width: 991.98px) { 
  
  [data-disable-parallax-down=lg] { 
    
    transform: none !important; 
  
  } 

}

@media (max-width: 1199.98px) { 
  
  [data-disable-parallax-down=xl] { 
    
    transform: none !important; 
  
  } 

}

@media (min-width: 500px) { 
  
  [data-disable-parallax-up=sm] { 
    
    transform: none !important; 
  
  } 

}

@media (min-width: 768px) { 
  
  [data-disable-parallax-up=md] { 
    
    transform: none !important; 
  
  } 

}

@media (min-width: 992px) { 
  
  [data-disable-parallax-up=lg] { 
    
    transform: none !important; 
  
  } 

}

@media (min-width: 1200px) { 
  
  [data-disable-parallax-up=xl] { 
    
    transform: none !important; 
  
  } 

}

.parallax { 
  
  position: relative; 

}

.parallax-layer { 
  
  position: absolute; 
  
  top: 0; 
  
  left: 0; 
  
  width: 100%; 
  
  height: 100%; 

}

.parallax-layer:first-child { 
  
  position: relative; 

}

.parallax-layer > img { 
  
  display: block; 
  
  width: 100%; 

}

.tilt-3d { 
  
  transform-style: preserve-3d; 

}

.tilt-3d .tilt-3d-inner { 
  
  transform: translateZ(2rem); 

}

/* Audio-Player */

.audio-player { 
  
  --prefixaudio-player-theme: var(--primary); 
  
  --seek-before-width: 0%; 
  
  --volume-before-width: 100%; 
  
  --buffered-width: 0%; 
  
  display: flex; 
  
  align-items: center; 
  
  width: 100%; 

}

.ap-play-button { 
  
  padding-top: 0.125rem; 
  
  font-family: "boxicons"; 
  
  font-size: 1.5rem; 
  
  font-weight: normal; 
  
  font-style: normal; 

}

.ap-play-button::before { 
  
  content: "\ebbd"; 

}

.ap-play-button.ap-pause::before { 
  
  content: "\ebae"; 

}

.ap-volume-button + .dropdown-menu { 
  
  left: 50% !important; 
  
  width: 2.125rem; 
  
  min-width: 2.125rem; 
  
  max-width: 2.125rem; 
  
  height: 6.5rem; 
  
  margin-left: -1.0625rem !important; 

}

.ap-seek-slider, .ap-volume-slider { 
  
  position: relative; 
  
  padding: 0; 
  
  margin: 0; 
  
  -webkit-appearance: none; 
  
  background: none; 
  
  outline: none; 

}

.ap-seek-slider::before, .ap-volume-slider::before { 
  
  position: absolute; 
  
  left: 0; 
  
  cursor: pointer; 
  
  content: ""; 

}

.ap-seek-slider { 
  
  width: 100%; 
  
  height: 1.125rem; 

}

.ap-seek-slider::-webkit-slider-runnable-track { 
  
  width: 100%; 
  
  height: 0.25rem; 
  
  cursor: pointer; 
  
  background: linear-gradient(to right, var(--silver-d1) var(--buffered-width), rgba(var(--rgb-silver), 0.9) var(--buffered-width)); 

}

.ap-seek-slider::before { 
  
  top: 0.4375rem; 
  
  width: var(--seek-before-width); 
  
  height: 0.25rem; 
  
  background-color: var(--prefixaudio-player-theme); 

}

.ap-seek-slider::-webkit-slider-thumb { 
  
  position: relative; 
  
  box-sizing: content-box; 
  
  width: 1rem; 
  
  height: 1rem; 
  
  margin: -0.375rem 0 0; 
  
  -webkit-appearance: none; 
  
  cursor: pointer; 
  
  background-color: var(--prefixaudio-player-theme); 
  
  border-radius: 50%; 

}

.ap-seek-slider:active::-webkit-slider-thumb { 
  
  transform: scale(1.2); 

}

.ap-seek-slider::-moz-range-track { 
  
  width: 100%; 
  
  height: 0.25rem; 
  
  cursor: pointer; 
  
  background: linear-gradient(to right, var(--silver-d1) var(--buffered-width), rgba(var(--rgb-silver), 0.9) var(--buffered-width)); 

}

.ap-seek-slider::-moz-range-progress { 
  
  background-color: var(--prefixaudio-player-theme); 

}

.ap-seek-slider::-moz-focus-outer { 
  
  border: 0; 

}

.ap-seek-slider::-moz-range-thumb { 
  
  box-sizing: content-box; 
  
  width: 1rem; 
  
  height: 1rem; 
  
  cursor: pointer; 
  
  background-color: var(--prefixaudio-player-theme); 
  
  border: 0; 
  
  border-radius: 50%; 

}

.ap-seek-slider:active::-moz-range-thumb { 
  
  transform: scale(1.2); 

}

.ap-volume-slider { 
  
  top: 1.925rem; 
  
  right: 1.5rem; 
  
  width: 5rem; 
  
  height: 0.5625rem; 
  
  transform: rotate(-90deg); 

}

.ap-volume-slider::-webkit-slider-runnable-track { 
  
  width: 100%; 
  
  height: 0.1875rem; 
  
  cursor: pointer; 
  
  background-color: var(--prefixaudio-player-theme); 

}

.ap-volume-slider::before { 
  
  top: 0.1875rem; 
  
  width: var(--volume-before-width); 
  
  height: 0.1875rem; 
  
  background-color: var(--white); 

}

.ap-volume-slider::-webkit-slider-thumb { 
  
  position: relative; 
  
  box-sizing: content-box; 
  
  width: 0.5625rem; 
  
  height: 0.5625rem; 
  
  margin: -0.1875rem 0 0; 
  
  -webkit-appearance: none; 
  
  cursor: pointer; 
  
  background-color: var(--white); 
  
  border-radius: 50%; 

}

.ap-volume-slider:active::-webkit-slider-thumb { 
  
  transform: scale(1.2); 

}

.ap-volume-slider::-moz-range-track { 
  
  width: 100%; 
  
  height: 0.1875rem; 
  
  cursor: pointer; 
  
  background-color: var(--prefixaudio-player-theme); 

}

.ap-volume-slider::-moz-range-progress { 
  
  background-color: var(--white); 

}

.ap-volume-slider::-moz-focus-outer { 
  
  border: 0; 

}

.ap-volume-slider::-moz-range-thumb { 
  
  box-sizing: content-box; 
  
  width: 0.5625rem; 
  
  height: 0.5625rem; 
  
  cursor: pointer; 
  
  background-color: var(--white); 
  
  border: 0; 
  
  border-radius: 50%; 

}

.ap-volume-slider:active::-moz-range-thumb { 
  
  transform: scale(1.2); 

}

[data-bs-theme=dark] .audio-player:not([data-bs-theme=light]) .ap-seek-slider::-webkit-slider-runnable-track { 
  
  background: linear-gradient(to right, rgba(var(--rgb-white), 0.55) var(--buffered-width), rgba(var(--rgb-white), 0.3) var(--buffered-width)); 

}

/* Img Comparrison Slider */

img-comparison-slider { 
  
  display: block; 
  
  --divider-width: 0.1875rem; 
  
  --divider-color: var(--primary); 
  
  --default-handle-opacity: 1; 

}

img-comparison-slider:focus { 
  
  outline: none; 

}

/* Swap Image */

.swap-image { 
  
  position: relative; 
  
  display: inline-block; 
  
  -webkit-user-select: none; 
  
  -moz-user-select: none; 
  
  user-select: none; 

}

.swap-image .swap-from, .swap-image .swap-to { 
  
  display: block; 
  
  transition: opacity 0.25s ease-in-out; 

}

.swap-image .swap-to { 
  
  position: absolute; 
  
  top: 0; 
  
  left: 0; 
  
  opacity: 0; 

}

.swap-image:hover .swap-from, .swap-image.active .swap-from { 
  
  opacity: 0; 

}

.swap-image:hover .swap-to, .swap-image.active .swap-to { 
  
  opacity: 1; 

}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> WRX 25 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
*/
  
/* Use only the standard forced-colors media query */

@media (forced-colors: active) {

/* General contrast theme styles */

.theme-gradient,

.count-number {

    color: var(--color-secondary);

    background: none !important;

}

}

@media (forced-colors: active) and (prefers-color-scheme: light) {

/* Specific light contrast theme styles */

}

@media (forced-colors: active) and (prefers-color-scheme: dark) {

/* Specific dark contrast theme styles */

}

/* For elements opting out of forced color adjustments */

.opt-out-of-high-contrast {

forced-color-adjust: none;

}

/* Bootstrap Extra Color Overrides */

.form-control:focus {

    border-color: var(--bs-focus-ring-color);
    
    box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);

}

/* Pseudo Classes */

*, ::after, ::before {

  box-sizing: border-box;
  
  word-break: break-word;

}

/* Scrollbar */

*::-webkit-scrollbar {

  width: .8rem;
  
}

*::-webkit-scrollbar-thumb {

  background: var(--secondary);
  
  border-radius: 10px;
  
}

*::-webkit-scrollbar-thumb:hover {

  background: var(--secondary-d1);
  
}

*::-webkit-scrollbar-track {

  background: var(--silver-l3);
  
}

/* Scrollbar Styling for Firefox */

* {

  scrollbar-color: var(--secondary-d2) var(--silver-l3);
  
  scrollbar-width: thin;
  
}

/* Core UI Elements */

html {
  
  height: 100dvh;
  
  width: 100dvw;
  
  scroll-behavior: smooth;
  
  -webkit-tap-highlight-color: transparent;

  -moz-tap-highlight-color: transparent;

}

body {

  margin: 0 auto;
  
  height: 100%;
  
  width: 100dvw;
  
  max-width: 100dvw;
  
  overflow-x: hidden;

}

[tabindex="-1"]:focus:not(:focus-visible), [tabindex="-1"]:focus {

  outline: 0 !important

}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button, [type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

::-webkit-file-upload-button {

  font: inherit;

  -webkit-appearance: button;

}

a {

  text-decoration: none;
  
}

header, footer {
  
  height: auto;
  
  width: inherit;
  
  max-width: inherit;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  flex-direction: column;
  
}

img {

  vertical-align: middle;

  border-style: none;

  max-width: 100%;

}

svg {

  overflow: hidden;

  vertical-align: middle

}

/* WRX UI Elements */

#wrx-body-bg {

  background-repeat: no-repeat;

  background-position: center center;

  background-attachment: fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  width: 100dvw;

  min-width: 100dvw;

  max-width: 100dvw;

  height: 100dvh;

  min-height: 100dvh;

  max-height: 100dvh;

  margin: 0 auto;

  position: fixed;

  left: 0;

  top: 0;

  overflow: hidden;

  z-index: 5;

}

#wrx-body-bg-fx-1 {

  width: 90dvw;

  margin: 0 auto;

  height: 90dvh;

  position: relative;

  display: block;

}

#wrx-canvas {

  width: 100%;

  min-height: 100%;

  max-width: 100%;

  margin: 0 auto;

  position: relative;

  z-index: 10;

  -moz-box-shadow: 0px 0px 51px 4px hsla(0, 0%, 64%, 80%);

  -webkit-box-shadow: 0px 0px 51px 4px hsla(0, 0%, 64%, 80%);

  box-shadow: 0px 0px 51px 4px hsla(0, 0%, 64%, 80%);

}

#wrx-canvas-header {

    position: relative; 

}

#wrx-canvas-header-fixed, .wrx-bodylayout-wrx #wrx-canvas-header-fixed {
  
  height: auto;
  
  width: inherit;
  
  max-width: inherit;
  
  position: fixed;
  
  top: 0;
  
  left: 0;
  
  right: 0;
  
  padding: 0 !important;
  
  z-index: 15;
  
}

.wrx-ui-brandbar-padded #wrx-canvas-header-fixed, .wrx-bodylayout-wrx.wrx-ui-brandbar-padded #wrx-canvas-header-fixed {

  padding: var(--roundM) var(--roundM) 0 var(--roundM) !important; 
  
  max-width: 100%;
  
  width: 100%;
  
  overflow: initial;
  
  margin: 0 auto

}

@media (min-width: 992px) {

    .wrx-ui-brandbar-padded #wrx-canvas-header-fixed, .wrx-bodylayout-wrx.wrx-ui-brandbar-padded #wrx-canvas-header-fixed {
      
        margin: initial;
    
    }

}

#wrx-canvas-header-scrolling {

  height: auto;

  width: inherit;

  max-width: inherit;

}

#wrx-canvas-content {

  height: auto;

  width: inherit;

  max-width: inherit;

}

#wrx-canvas-footer-scrolling {

  height: auto;

  width: inherit;

  max-width: inherit;

}

#wrx-canvas-footer-fixed {

  height: auto;

  width: inherit;

  max-width: inherit;

  position: fixed;

  bottom: 0;

  z-index: 15;

}

/*Bootsrap Ovverides */

.sticky-bottom, .sticky-lg-bottom, .sticky-md-bottom, .sticky-md-top, .sticky-sm-bottom, .sticky-sm-top, .sticky-top, .sticky-xl-bottom, .sticky-xl-top, .sticky-xxl-bottom, .sticky-xxl-top {

  z-index: 12;

}

/* >>> WRX Core UI Layout Unit Classes <<< */

/* WRX UI Brand Bar */

.wrx-ui-brandbar {
  
  display: flex;
  
  flex-wrap: nowrap;
  
  justify-content: space-between;
  
  align-items: center;
  
  box-shadow: 1px 3px 7px 4px hsla(0, 0%, 0%, 15%);
  
  transition: background-color 0.5s ease, opacity 0.5s ease;
  
  background: var(--white);
  
  padding: .5rem;
  
  border-radius: .4rem;

}

/* For 25 Change to wrx-ui-brandbar-container */

.wrx-ui-brandbar-container {

  display: flex;
  
  flex-wrap: nowrap;
  
  justify-content: space-between;
  
  align-items: center;

}

.wrx-ui-brandbar-translucent .wrx-ui-brandbar {

  background: rgba(var(--rgb-black),.4);

}

.wrx-ui-brandbar-logo {

  padding-right: 2rem;
  
  flex-shrink: 0;

}

/* Raymond */

.wrx-ui-brandbar-logo a, .wrx-ui-brandbar-logo img {
    max-width: 200px;
    max-height: 50px;
}

@media (max-width: 767.98px) { /* Small devices (landscape phones, less than 768px) */
    .wrx-ui-brandbar-logo a, .wrx-ui-brandbar-logo img {
        max-width: 160px;
    }
}


    
.wrx-bodylayout-wrxspace .wrx-ui-brandbar-logo a, .wrx-bodylayout-wrxspace .wrx-ui-brandbar-logo img {
  
  max-width: 200px;
  
  max-height: 25px;

} 

/* New Brandbar CSS */

.wrx-ui-brandbar-logo-wrapper {

    padding-right: 2rem;

}

.wrx-ui-brandbar-logo-image a, .wrx-ui-brandbar-logo-image img, .wrx-ui-brandbar-logo-text a, .wrx-ui-brandbar-logo-text {

    max-width: 200px;

    max-height: 50px;

}

.wrx-ui-brandbar-buttons {

    padding-left: 1.2rem;

}

@@media (max-width: 767.98px) { /* Small devices (landscape phones, less than 768px) */

    .wrx-ui-brandbar-logo-wrapper {
    
        padding-right: 1rem;
    
    }

    .wrx-ui-brandbar-logo-image a, .wrx-ui-brandbar-logo-image img, .wrx-ui-brandbar-logo-text a, .wrx-ui-brandbar-logo-text {

        max-width: 160px;

    }
    
    .wrx-ui-brandbar-buttons {
    
        padding-left: .5rem;
    
    }
    
}
    
.wrx-bodylayout-wrxspace .wrx-ui-brandbar-logo-image a, .wrx-bodylayout-wrxspace .wrx-ui-brandbar-logo-image img, .wrx-bodylayout-wrxspace .wrx-ui-brandbar-logo-text a, .wrx-bodylayout-wrxspace .wrx-ui-brandbar-logo-text img {

    max-width: 200px;
    
    max-height: 25px;

}

/* New Brandbar CSS End */


.wrx-ui-brandbar-menu-wrapper {

    flex-grow: 1;
    
    overflow: hidden;

}

.wrx-ui-brandbar-language {

  position: relative;

}

.wrx-ui-brandbar-language span {
  
  position: absolute;
  
  font-size: .7rem;

  bottom: -2px;
  
  right: -2px;
  
  text-transform: uppercase;
  
  border-radius: 5px;
  
  text-shadow: 1px 1px 1px var(--gray);
  
  text-align: center;
  
  color: var(--white);
  
  font-weight: 900;
  
  background: var(--silver-d1);
  
  height: .8rem;
  
  line-height: .2rem;
  
  padding: .3rem .1rem;

}

.wrx-ui-brandbar-buttons {

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

  align-items: center;

}

.wrx-ui-brandbar-button {

  cursor: pointer;

  color: var(--silver);

  margin-left: .8rem;

}

.wrx-ui-brandbar-button:hover {

  color: var(--secondary-l2);

}

.wrx-ui-brandbar-button i {

  font-size: 1.3rem;

}

/* brandbar menu (new) */

.wrx-ui-brandbar-menu .dx-context-menu .dx-submenu {
  
  background: var(--white);
  
  border: 0px;
  
  box-shadow: 0 2px 2px rgba(var(--rgb-black), .15);
  
}

.wrx-ui-brandbar-menu .dx-context-menu-container-border {
  
  top: 0;
  
  right: 0;
  
  bottom: 0;
  
  left: 0;
  
  position: absolute;
  
  background: transparent;
  
  border: 0px;
  
  box-shadow: 0 1px 1px rgba(var(--rgb-black), .15);
  
}

.wrx-ui-brandbar-menu-title {
  
  flex-wrap: nowrap;
  
  display: flex;
  
  align-items: center;
  
  color: var(--primary);
  
  padding-right: .7rem;
  
}

.wrx-ui-brandbar-menu-title-icon {
  
  display: flex;
  
  align-items: center;
  
  justify-content: flex-end;
  
  margin-right: .5rem;
  
  color: var(--primary);
  
  font-size: 1.1rem;
  
}

.wrx-ui-brandbar-menu-title-text {

  color: var(--primary);
  
  text-transform: uppercase;
  
  font-size: .7rem;
  
}

.wrx-ui-brandbar-menu-title-text:hover .wrx-ui-brandbar-menu-title-text, .wrx-ui-brandbar-menu-title-icon:hover .wrx-ui-brandbar-menu-title-text, .wrx-ui-brandbar-menu-title-text:hover, .wrx-ui-brandbar-menu-title-icon:hover {
  
  color: var(--primary);
  
}

.wrx-ui-brandbar-menu-item {
  
    display: flex;
    
    align-items: center;
    
    justify-content: space-between;
    
    padding: .7rem 1.1rem;
    
    position: relative;
    
    font-family: var(--font-family-button);
    
    font-weight: 500;

}

.wrx-ui-brandbar-menu-item.root {
  
  background: var(--white);
  
  color: var(--silver-d3);
  
  font-weight: 400;
  
  font-size: 1.05rem;
  
}

.wrx-ui-brandbar-menu-item.root:hover, .dx-menu-item-expanded .wrx-ui-brandbar-menu-item.root {
  
  background: var(--white);
  
  color: var(--primary);
  
  cursor: pointer;
  
}

.wrx-ui-brandbar-menu-item.l1 {
  
  font-weight: normal;
  
  background: var(--white);
  
  color: var(--primary-d3);
  
  font-size: .9rem;
  
}

.wrx-ui-brandbar-menu-item.l1:hover, .dx-menu-item-expanded .wrx-ui-brandbar-menu-item.l1 {
  
  background: var(--primary-l3);
  
  color: var(--primary);
  
  cursor: pointer;
  
}

.wrx-ui-brandbar-menu-item.l2 {
  
  font-size: 0.9rem;
  
  background: var(--white);
  
  color: var(--secondary-d3);
  
}

.wrx-ui-brandbar-menu-item.l2:hover {
  
  background: var(--secondary-l3);
  
  color: var(--secondary);
  
  cursor: pointer;
  
}

.wrx-ui-menu-item-chevron-container {
  
  padding: 0px;
  
  font-size: .8rem;
  
  width: .7rem;
  
  height: 1rem;
  
  display: flex;
  
  justify-content: center;
  
  align-items: center;
  
}

.wrx-ui-menu-item-chevron-container i {
  
  padding: .3rem 0 .1rem .8rem;
  
  margin: 0;
  
}

.wrx-ui-menu-item-chevron-container-closed {
  
  display: flex;
  
}

.dx-state-hover .wrx-ui-menu-item-chevron-container-closed, .dx-menu-item-expanded .wrx-ui-menu-item-chevron-container-closed {
  
  display: none;
  
}

.wrx-ui-menu-item-chevron-container-open {
  
  display: none;
  
}

.dx-state-hover .wrx-ui-menu-item-chevron-container-open, .dx-menu-item-expanded .wrx-ui-menu-item-chevron-container-open {
  
  display: flex;
  
  color: var(--primary);
  
}

.wrx-ui-brandbar-menu-dx-unit .dx-menu-item-content {
  
  padding: 0px;
  
  background: var(--white);
  
  border: 0px;
  
}

.wrx-ui-brandbar-translucent .wrx-ui-brandbar .dx-menu-item-content {

  background: transparent;

  color: var(--primary-l3);

  cursor: pointer;

}

.wrx-ui-brandbar-translucent .wrx-ui-brandbar .wrx-ui-brandbar-menu-item.root {

  background: transparent;

  color: var(--primary-l3);

  cursor: pointer;

}

.wrx-ui-brandbar-translucent .wrx-ui-brandbar .wrx-ui-brandbar-menu-item.root:hover, .wrx-ui-brandbar-translucent .wrx-ui-brandbar .dx-menu-item-expanded .wrx-ui-brandbar-menu-item.root {

  background: var(--primary-l3);

  color: var(--primary);

  cursor: pointer;

}

.wrxspace-header-mode-select-nav-items {

        color: var(--primary);

}

.btn-pop {
  
  background-color: transparent;
  
  background: var(--theme-gradient);
  
  border-radius: 10rem;
  
  border-style: solid;
  
  border-width: 0px;
  
  border-color: transparent;
  
  color: var(--white);
  
  display: flex;
  
  font-size: 1rem;
  
  font-weight: 400;
  
  letter-spacing: 0.5px;
  
  padding: .5rem .8rem;
  
  text-align: center;
  
  align-items: center;
  
  text-decoration: none;
  
  text-shadow: var(--shadow-light);
  
  transition: 0.4s;
  
  transition-duration: 300ms;
  
  width: auto;
  
  flex-shrink: 0
  
}

.btn-pop:hover {
  
  box-shadow: var(--shadow-primary);
  
  color: var(--white);
  
  filter: brightness(125%);
  
  text-decoration: none;
  
  -webkit-filter: brightness(125%);
  
}

/* WRX UI Footer */

.wrx-footer-creditsbar {
  
  display: flex;

  justify-content: space-around;

  align-items: center;

  width: 100%;

  background-color: var(--white);

  padding: .7rem;

}

.wrx-footer-creditsbar .wrx-footer-creditsbar-network, .wrx-footer-creditsbar .wrx-footer-creditsbar-agency {

  width: 50%;

}

.wrx-footer-creditsbar .wrx-footer-creditsbar-network img, .wrx-footer-creditsbar .wrx-footer-creditsbar-agency img {

  max-width: 150px;
  
  max-height: 45px;

}

.wrx-footer-creditsbar .wrx-footer-creditsbar-agency-right {

  text-align: center;

}

.wrx-footer-creditsbar .wrx-footer-creditsbar-network-left {

  text-align: center;

}

.wrx-footer-legalinfo {

  width: 100%;

  overflow: hidden;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  padding: 1rem;

  background: var(--tertiary);

  color: var(--tertiary-font);

  font-size: .8rem;

}

.wrx-footer-legalinfo-copyright, .wrx-footer-legalinfo-notifications {

  text-align: center;
  
  padding: 0 1rem;

}

.wrx-footer-legalinfo a {

  color: var(--tertiary-font);

}

.wrx-footer-legalinfo a:hover, .wrx-footer-legalinfo a:focus, .wrx-footer-legalinfo a:active {
  
  color: var(--tertiary-font);

}

.wrx-footer-staticnotification {

  background: var(--white);

  color: var(--black);

  text-align: center;

  padding: .8rem 1rem;

  font-size: .8rem;

  border-top: solid 1px var(--black);

}

.form-icon-edit {

    position: absolute;
    
    top: -0px;
    
    right: 0px;
    
    border-radius: 1rem;
    
    -moz-border-radius: 1rem;
    
    -webkit-border-radius: 1rem;
    
    background: rgba(0, 0, 0, .4);
    
    color: white;
    
    padding: .3rem .3rem .3rem .3rem;
    
    display: flex;
    
    justify-content: center;
    
    align-items: center;
    
    z-index: 10;
    
    font-size: 1rem;
    
}

/* WRX Slim Image Uploader */

.wrx-form-imageloader {

  width: 200px;

  height: 200px;

  min-height: inherit;

  cursor: pointer;

}

.wrx-form-imageloader .slim-status {

  display: none !important;

}

.wrx-form-imageloader .slim-btn-group {

  display: none !important;

}

.wrx-form-imageloader .slim .slim-btn-group button {

  min-width: initial;

}


/* Back to Top Button Styling */

#wrx-ui-back-to-top-button {
  
  display: none; /* Hidden by default */
  
  position: fixed;
  
  bottom: 30px; /* Padded from the bottom */
  
  right: 30px;  /* Padded from the right */
  
  z-index: 9999; /* Ensures it's above all other elements */
  
  background: var(--theme-gradient); /* Button styling */
  
  color: var(--white);
  
  border: none;
  
  padding: 10px 15px;
  
  border-radius: 50%;
  
  cursor: pointer;
  
  opacity: 0; /* Start invisible */
  
  transition: opacity 0.3s ease-in-out;
  
}

/* Animated show and hide states */

#wrx-ui-back-to-top-button.show {
  
  display: block !important;
  
  opacity: 1;
  
}

/* FontAwesome icon styling */

#wrx-ui-back-to-top-button i {
  
  font-size: 1rem;
  
  margin: 0;
  
  padding: 0;
  
}

/* WRX UI NAV Context Menu */

.wrx-ui-nav-context-menu {

  margin: var(--roundM) var(--roundM) 1.5rem var(--roundM);
  
  max-width: calc(100% - (var(--roundM) * 2));

}

.wrx-ui-nav-context-menu-unit {
  
  border-radius: var(--roundS);
  
  -moz-border-radius: var(--roundS);
  
  -webkit-border-radius: var(--roundS);
  
  -webkit-box-shadow: 1px 3px 7px 4px hsl(0deg 0% 0% / 15%);
  
  box-shadow: 1px 3px 7px 4px hsl(0deg 0% 0% / 15%);
  
  transition: opacity 0.2s ease, box-shadow 0.2s ease;

  background: var(--white);

}

.wrx-ui-nav-context-menu-title {

  align-items: center;

  cursor: pointer;

  display: flex;

  flex-wrap: nowrap;

  font-size: 1.2rem;

  font-weight: bold;

  justify-content: space-between;

  background: var(--secondary);

  color: var(--white);

  background-origin: border-box;

  -webkit-border-top-right-radius: var(--roundS);

  -webkit-border-top-left-radius: var(--roundS);

  -moz-border-radius-topright: var(--roundS);

  -moz-border-radius-topleft: var(--roundS);

  border-top-right-radius: var(--roundS);

  border-top-left-radius: var(--roundS);

  -webkit-border-bottom-right-radius: 0 !important;

  -webkit-border-bottom-left-radius: 0 !important;

  -moz-border-radius-bottomright: 0 !important;

  -moz-border-radius-bottomleft: 0 !important;

  border-bottom-right-radius: 0 !important;

  border-bottom-left-radius: 0 !important;

}

.wrx-ui-nav-context-menu-title:hover {

  background: var(--white);

  color: var(--secondary);

}

.wrx-ui-nav-context-menu-title-icon {
  
  padding: .4rem 0 .4rem .9rem;

  width: 4rem;

  flex-grow: 0;

  text-align: right;

  font-size: 1.3rem;

  line-height: 1;

  padding-top: 0.8rem !important;

  padding-right: 0.4rem;

  padding-bottom: .6rem;

  padding-left: 0.4rem;

}

.wrx-ui-nav-context-menu-title-text {
  
  flex-grow: 2;

  padding: .4rem .9rem;

}

a.wrx-ui-nav-context-menu-title-text, a.wrx-ui-nav-context-menu-title-text:hover, a.wrx-ui-nav-context-menu-title-icon, a.wrx-ui-nav-context-menu-title-icon:hover, .wrx-ui-nav-context-menu-l2-item-row a, .wrx-ui-nav-context-menu-l1-item-row a:hover, .wrx-ui-nav-context-menu-l1-item-row a, .wrx-ui-nav-context-menu-l3-item-row a:hover,
.wrx-ui-nav-context-menu-l3-item-row a {
  
  color: inherit;

}

.wrx-ui-nav-context-menu-l1-item-expander, .wrx-ui-nav-context-menu-l2-item-expander {
  
  padding: .4rem .9rem;

}

.wrx-ui-nav-context-menu-l1-item-icon, .wrx-ui-nav-context-menu-l2-item-icon, .wrx-ui-nav-context-menu-l3-item-icon {
  
  background-color: inherit;
  
  color: inherit;

  width: 4rem;

  flex-grow: 0;

  text-align: right;

  font-size: 1.3rem;

  line-height: 1.5;

  padding: 0.8rem 0.4rem .6rem 0.4rem;

}

.wrx-ui-nav-context-menu-l1-item-text, .wrx-ui-nav-context-menu-l2-item-text, .wrx-ui-nav-context-menu-l3-item-text {

  flex-grow: 2;

  padding: .5rem .9rem .4rem .9rem;

}

.wrx-ui-nav-context-menu-l1-item-row {

  align-items: center;

  cursor: pointer;

  display: flex;

  flex-wrap: nowrap;

  font-size: 1rem;

  justify-content: space-between;

  color: var(--primary);

  font-family: var(--font-family-header);

  margin: 0 auto;

  background-origin: border-box;

}

.wrx-ui-nav-context-menu-unit .wrx-ui-nav-context-menu-l1-item:last-child, .wrx-ui-nav-context-menu-unit .wrx-ui-nav-context-menu-l1-item:last-child .wrx-ui-nav-context-menu-l1-item-row {
  
  -webkit-border-top-right-radius: 0;

  -webkit-border-top-left-radius: 0;

  -moz-border-radius-topright: 0;

  -moz-border-radius-topleft: 0;

  border-top-right-radius: 0;

  border-top-left-radius: 0;

  -webkit-border-bottom-right-radius: var(--roundS);

  -webkit-border-bottom-left-radius: var(--roundS);

  -moz-border-radius-bottomright: var(--roundS);

  -moz-border-radius-bottomleft: var(--roundS);

  border-bottom-right-radius: var(--roundS);

  border-bottom-left-radius: var(--roundS);

}

.wrx-ui-nav-context-menu-l1-item-icon i {

  line-height: inherit;

}

.wrx-ui-nav-context-menu-l1-item-row .wrx-ui-nav-context-menu-l1-item-icon {

  color: var(--primary-l2);

}

.wrx-ui-nav-context-menu-l1-item-row:hover .wrx-ui-nav-context-menu-l1-item-icon {

  color: var(--white);

}

.wrx-ui-nav-context-menu-l2-item-row, .wrx-ui-nav-context-menu-l3-item-row {

  align-items: center;

  cursor: pointer;

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

  padding-left: .8rem;

  color: var(--primary);

  background:var(--white);

  font-size: 1rem;

}

.wrx-ui-nav-context-menu-l1-item-row:hover, .wrx-ui-nav-context-menu-l2-item-row:hover, .wrx-ui-nav-context-menu-l3-item-row:hover {

  background-color: var(--primary);

  -webkit-box-shadow: none-;

  box-shadow: none;

  background: var(--gradient-h);

  color: var(--white);

}

.wrx-ui-nav-context-menu-l2-item-icon, .wrx-ui-nav-context-menu-l3-item-icon {

  padding-right: .8rem;

}

.wrx-ui-nav-context-menu-l2.navlevel-closed, .wrx-ui-nav-context-menu-l3.navlevel-closed {

  display: none;

}

/* WRX UI Title Bar */

#wrx-ui-content-titlebar {
  
  border-bottom: none;
  
  color: var(--bs-body-color);
  
  text-align: left;
  
  font-size: 2.6rem;
  
  padding: 0.9rem 0.9rem 0.9rem 0.9rem;
  
  letter-spacing: -1px;

}


#wrx-ui-content-titlebar-layout {
  
  display: flex;
  
  flex-wrap: nowrap;
  
  justify-content: space-between;
  
  align-items: flex-start;
  
  font-size: inherit;
  
  color: inherit;
  
}

#wrx-ui-content-titlebar-text {
  
  color: inherit;
  
  flex-grow: 2;
  
  font-size: inherit;
  
  text-transform: inherit;
  
  text-align: left;
  
}

#wrx-ui-content-titlebar-text h1 {
  
  margin: 0;
  
  font-size: inherit;
  
  color: inherit;
  
  text-transform: inherit;
  
  text-align: left;
  
}

#wrx-ui-content-titlebar-text {

  text-align: left;

}

.wrx-ui-stack-link {

  text-align: center;
  
}

/* >>>> WRX LAYOUT MODULES  <<<< */

/* WRX BLOCK */

/* Core Styles */

.wrx-block {
  
  position: relative;
  
  width: 100%;
  
  height: auto;
  
  display: block;
  
}

.block-bg {
  
  position: absolute;
  
  top: 0;
  
  left: 0;
  
  width: 100%;
  
  height: 100%;
  
  z-index: 1;
  
  display: flex;
  
  flex-direction: column;
  
  align-items: center;
  
  justify-content: center;

  background-size: cover;
  
  background-position: center center;
  
  background-repeat: no-repeat;

}

.block-bg-image {
  
  background-size: cover;
  
  background-position: center;
  
}

.block-content {
  
  position: relative;
  
  z-index: 3;
  
  display: block;
  
  text-align: center;
  
  justify-content: center;
  
  align-items: center;
  
  width: 100%;
  
  height: auto;

}
  
.wrx-block .block-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

}

block-height-fixed.block-content {
  
  position: absolute;
  
  top: 0;
  
  left: 0;
  
  right: 0;
  
  bottom: 0;
  
}

.wrx-block.block-demo-info {
  
  background: var(--silver-l1);
  
  padding: 2rem;
  
}

/* >>>>> WRX Con-Container <<<<<< */

.con-container *, .con-container-tr * {

  box-sizing: border-box;

}

.con-container, .con-container-tr {

  width: 100%; 

  height: 100%;

  overflow: hidden; 

  display: flex; 

  justify-content: space-between;

  flex-wrap: nowrap;

  align-items: stretch;

  padding: 0px;

}

.con-container {

  flex-direction: column;

}

.con-container-tr {

  flex-direction: row;

}

.con-header {

  display: flex;

  justify-content: space-between;

  align-items: stretch;

  flex-wrap: nowrap;

  flex-shrink: 0;

  overflow: hidden;

  background: var(--white);

  width: 100%;

}

.con-header-avatar {

  flex-grow: 0;

  width: 80px;

  height: 80px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}

.con-header-detail {

  flex-grow: 1;

}

.con-header-detail-bar {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: nowrap;

  flex-shrink: 0;

  overflow: hidden;

  background: var(--white);

  width: 100%;

}

.con-header-detail-context {

  display: flex;

  justify-content: space-between;

  flex-wrap: nowrap;

  align-items: center;

}

.con-header-detail-context-avatar {

  flex-grow: 0;

  width: 30px;

  height: 30px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}

.con-header-detail-context-label {

  padding: .5rem;
  
  font-weight: bold;

}

.con-header-title {

  text-align: left;

  font-weight: bold;

  padding: .3rem .5rem;

  display: flex;

  flex-direction: row;

  justify-content: flex-start;

  flex-wrap: nowrap;

  align-items: center;

  flex-shrink: 0;

}

.con-header-title-icon {

  width: auto;

  flex-grow: 0;

  padding-top: 0;

}

.con-header-title-label {

  flex-grow: 1;

  padding-left: .7rem;

}

.con-header-toolbar {

  text-align: right;

  padding: .3rem;

  flex-grow: 1;

}

/* Body and Footer Styles */

.con-body {

  flex-grow: 2;

  overflow: auto;

  padding: 0;

  width: 100%;

}

.con-footer {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: nowrap;

  flex-shrink: 0;

  overflow: hidden;

  width: 100%;

  padding-bottom: .7rem;

}

/* Flex Direction Utility Classes */

.con-column {

  flex-direction: column;

}

.con-row {

  flex-direction: row;

}

/* Border Utility Class */

.con-border {

  border: solid 1px var(--silver-l2);

}

/* Splitter Styles */

.splitter {

  flex: 0 0 auto;

  width: .5rem;  

  background: url(https://cdn1.cloudwrx.com/static/1/images/gen/vsizegrip.png) center center no-repeat;

  min-height: 200px;

  cursor: col-resize;  

  border-left: none;

  padding: .3rem;

}

/* Collapse Padding */

.con-container.wrx-collapse-left, .con-container.wrx-collapse-bottom, .con-container.wrx-collapse-top, .con-container.wrx-collapse-right, .con-container-tr.wrx-collapse-left, .con-container-tr.wrx-collapse-bottom, .con-container-tr.wrx-collapse-top, .con-container-tr.wrx-collapse-right {

  padding: 0px;

}

/* Tab Panel Container */

.con-container .dx-tabpanel-container, .con-container-tr .dx-tabpanel-container {

  flex-grow: 1;

  overflow: hidden;

}

/* Tab Panel Styles */

.con-container .dx-tabpanel-tabs-position-top .dx-tabs-wrapper, .con-container-tr .dx-tabpanel-tabs-position-top .dx-tabs-wrapper  {

  -webkit-border-before: none;

  border-block-start: none;

  -webkit-border-after: none;

  border-block-end: none;

}

.con-container .dx-tabpanel-tabs-position-top .dx-tabs-wrapper::after, .con-container-tr .dx-tabpanel-tabs-position-top .dx-tabs-wrapper::after  {

  -webkit-border-before: none;

  border-block-start: none;

  -webkit-border-end: none;

  border-inline-end: none;

  -webkit-border-after: none;

  border-block-end: none;

  -webkit-border-start: none;

  border-inline-start: none;

}

.con-container .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected:first-of-type, .con-container .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected:after, .con-container-tr .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected:first-of-type, .con-container-tr .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected:after {

  -webkit-border-start: none;

  border-inline-start: none;

  -webkit-border-before: none;

  border-block-start: none;

  border-left: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

/* DX Style overloads*/

.dx-resizable-handle-right {

  border-right: 1px dotted #999;

}

.dx-resizable-handle-top {

  border-top: 1px dotted #999;

}

.dx-resizable-handle-left {

  border-left: 1px dotted #999;

}

.dx-resizable-handle-bottom {

  border-bottom: 1px dotted #999;

}

.dx-resizable-handle::after {

  content: "";

  position: absolute;

  width: 9px;

  height: 9px;

  border: none;

  border-radius: 50%;

  background-color: var(--white);

  box-shadow: 0 2px 6px 0 rgba(var(--rgb-black), 0.24);

}

.dx-resizable-handle-right::after {

  top: 50%;

  right: -5px;

  transform: translateY(-50%);

}

.dx-resizable-handle-left::after {

  top: 50%;

  left: -5px;

  transform: translateY(-50%);

}

.dx-resizable-handle-corner-top-left::after {

  top: -4px;

  left: -4px;

}

.dx-resizable-handle-corner-top-right::after {

  top: -4px;

  right: -4px;

}

.dx-resizable-handle-corner-bottom-left::after {

  bottom: -4px;

  left: -4px;

}

.dx-resizable-handle-corner-bottom-right::after {

  bottom: -4px;

  right: -4px;

}

.dx-resizable-handle-top::after {

  top: -5px;

  left: 50%;

  transform: translateX(-50%);

}

.dx-resizable-handle-bottom::after {

  bottom: -5px;

  left: 50%;

  transform: translateX(-50%);

}
  

.dx-command-edit .dx-link {
  
  background: transparent !important;

  color: var(--black) !important;
  
}

.dx-resizable-handle::after { 
  
  background-color: var(--silver-l2) !important; 

}

.dx-resizable-handle-right::after {

  right: -4px !important;

}

.dx-resizable-handle-bottom::after {

  bottom: -4px !important;

}

.dx-resizable-handle-left::after {

  left: -4px !important;

}

.dx-resizable-handle-top::after {

  top: -4px !important;

}

.wrx-collapse-panel-control {
  
  background: var(--silver-l2);
  
  cursor: pointer;
  
  flex-grow:0;
  
  padding: 3px;
  
}


  .content {
    position: relative;
    z-index: 2; /* Above filters */
    padding: 5px;
    font-size: 0.9rem;
    text-align: center;
  }

  /* Flex Container for Test Blocks */
  .d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
.wrx-collapse-panel-control.wrx-collapse-panel-control-right, .wrx-collapse-panel-control.wrx-collapse-panel-control-left {
  
  width: 8px;
  
  flex-grow: 0;
  
}

.wrx-collapse-panel-control.wrx-collapse-panel-control-top, .wrx-collapse-panel-control.wrx-collapse-panel-control-bottom {
  
  height: 8px;
  
  flex-grow: 0;
  
}

.wrx-collapse-panel-control.wrx-collapse-panel-control-right.collapsed, .wrx-collapse-panel-control.wrx-collapse-panel-control-left.collapsed {
  
  width: 20px;
  
  flex-grow: 0;
  
}

.wrx-collapse-panel-control.wrx-collapse-panel-control-top.collapsed, .wrx-collapse-panel-control.wrx-collapse-panel-control-bottom.collapsed {
  
  height: 20px;
  
  flex-grow: 0;
  
}

/* New Resize Animation */

.dx-resizable, .dx-collapsible {

  transition: width 0.3s ease, height 0.3s ease, flex-basis 0.3s ease;

}

.dx-resizable-content {

  overflow: hidden;

  transition: opacity 0.3s ease, transform 0.3s ease;

}

.dx-resizable.dx-collapsed .dx-resizable-content {

  opacity: 0;

  transform: scaleY(0.8); /* Optional: Adds a collapsing effect */

}

.resizable-container {

  overflow: hidden;

  display: flex;

  flex-wrap: nowrap;

}

/* >>> WRX Flow <<< */

.wrx-flow-view {

  max-width: 700px !important;
  
  margin: 0 auto;
  
  margin-bottom: 2rem;
  
  margin-top: 1rem;
  
}

/* WRX Profile Dashboard */

.wrx-ui-profile-dashboard-header {

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: stretch;

  margin-bottom: .9rem 

}

.wrx-ui-profile-dashboard-header-left {

  width: 33%;

  max-width: 33%;

  display: inline-block;
  
  position: relative;

}

.wrx-ui-profile-dashboard-header-right {

  width: 64%;

  max-width: 64%;

  display: inline-block 

}

.wrx-ui-profile-dashboard-originlabel {

  font-size: .7rem;

  text-align: center;

  padding: .3rem;

}

.wrx-ui-profile-dashboard-header-profilename {

  padding: .2rem;

  overflow: hidden;

  width: 100%;

  cursor: pointer;
  
  position: relative;

}

.wrx-ui-profile-dashboard-header-profilename-real {

  font-size: 1.1rem;

  text-align: center;

  font-weight: bold 

}

.wrx-ui-profile-dashboard-header-profilename-alias {

  font-size: 1.2rem;

  font-weight: bold;

  display: flex;

  flex-wrap: nowrap;

  justify-content: center;

  align-items: center;

  -webkit-border-radius: .5rem;

  -moz-border-radius: .5rem;

  border-radius: .5rem;

  background-color: var(--white);

  color: var(--black);

}

.wrx-ui-profile-dashboard-header-profilename-alias span {

  font-size: .8em;

  font-weight: bold;

  padding-right: .8rem;

}

.wrx-ui-profile-dashboard-header-profilelocation {

  font-size: .8rem;

  padding: .4rem;

  text-align: center;

  color: var(--black);

  display: flex;

  flex-wrap: nowrap;

  justify-content: center;

  align-items: center;

  cursor: pointer;
  
  position: relative;

}

.wrx-ui-profile-dashboard-header-profilelocation i, .wrx-ui-profile-dashboard-header-profilelocation svg {

  font-size: 1rem;

}

.wrx-ui-profile-dashboard-header-profilelocation img {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  border: solid 1px var(--black);

  height: 1.5rem;

  width: 1.5rem;

  margin-right: .8rem;

}

.wrx-ui-profile-dashboard-header-actionbuttons {

  text-align: center;

  width: 100%;

  padding: 1rem .5rem;

  display: flex;

  justify-content: space-evenly;

  align-items: stretch;

  flex-direction: column;

}

.wrx-ui-profile-dashboard-header-actionbuttons-logout {

  font-size: .9rem;

  margin: 0 auto;

}

.wrx-ui-profile-dashboard-primarycta {

  border: solid 1px var(--silver-l2);

  padding: 1rem;

  text-align: center;

  -webkit-border-radius: var(--RoundL);

  -moz-border-radius: var(--RoundL);

  border-radius: var(--RoundL);

  background-color: var(--silver-l3);

}

.wrx-ui-profile-dashboard-primaryoptions {
  
  display: flex;
  
  flex-wrap: wrap;
  
  justify-content: space-between;
  
  align-items: stretch;
  
}

.wrx-ui-profile-dashboard-primaryoptions-option {

  padding: 0 0 .7rem 0;

}

.wrx-ui-profile-dashboard-primaryoptions .wrx-ui-profile-dashboard-primaryoptions-option {

  margin: .2rem;

}

.wrx-ui-profile-dashboard-primaryoptions-2up .wrx-ui-profile-dashboard-primaryoptions-option {
  
  width: 50%;
  
}

.wrx-ui-profile-dashboard-primaryoptions-option-button {
  
  width: 100%;
  
  font-size: .8rem;
  
  margin: 0;
  
  padding: .6rem 1.5rem;

  margin: 0; 

}

.wrx-ui-profile-dashboard-title {

  font-size: 1.2rem;

  font-weight: normal;

  width: 100%;

  color: var(--secondary);

}

.wrx-ui-profile-dashboard-callout {

  display: block;

  text-align: center;

  padding: .5rem;

}

.wrx-ui-profile-dashboard-block {

  display: flex; 
  
  flex-wrap: nowrap;  
  
  justify-content: space-between; 
  
  align-items: stretch; 
  
  width: 100%; 

}

.wrx-ui-profile-dashboard-avatar {

  width: 30%; 
  
  min-width: 30%; 
  
  flex-grow: 0;

}

.wrx-ui-profile-dashboard-avatar img, .wrx-ui-profile-dashboard-avatar-label {

  box-shadow: 0px 3px 6px var(--gray-l1);

  -moz-box-shadow: 0px 3px 6px var(--gray-l1);

  -webkit-box-shadow: 0px 3px 6px var(--gray-l1);

}

.wrx-ui-profile-dashboard-avatar-label {

  font-size: .7rem; 
  
  background-color: var(--gray-d2); 
  
  color: var(--white); 
  
  text-align: center; 
  
  padding: .2rem .4rem;

}

.wrx-ui-avatar {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  background-color: var(--white);

  width: 100%;

  -webkit-border-radius: .5rem;

  -moz-border-radius: .5rem;

  border-radius: .5rem;

  border: solid 1px var(--silver-l2);

  -moz-box-shadow: 3px 3px 4px 3px var(--silver-l2);

  -webkit-box-shadow: 3px 3px 4px 3px var(--silver-l2);

  box-shadow: 2px 2px 4px 3px var(--silver-l2);

  cursor: pointer 

}

.slim[data-state*=empty] .slim-label {

  visibility: visible;

  opacity: 0; /* Opacity Set to 0 until we can figure out how to make slim work with its native styling as we want */

}

/* >>>>>>>>>>  WRX Block and Extensions  <<<<<<<<<< */

/*=============================
Overlay styles 
==============================*/

[data-overlay]:before {

  background: var(--primary);

}

[data-overlay], [data-black-overlay], [data-white-overlay] {

  position: relative;

}

[data-overlay] > div, [data-overlay] > *, [data-black-overlay] > div, [data-black-overlay] > *, [data-white-overlay] > div, [data-white-overlay] > * {

  position: relative;

  z-index: 2;

}

[data-overlay]:before, [data-black-overlay]:before, [data-white-overlay]:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  z-index: 2;

}

[data-black-overlay]:before {

  background: var(--black);

}

[data-white-overlay]:before {

  background: var(--white);

}

[data-overlay="1"]:before, [data-black-overlay="1"]:before, [data-white-overlay="1"]:before {

  opacity: 0.1;

}

[data-overlay="2"]:before, [data-black-overlay="2"]:before, [data-white-overlay="2"]:before {

  opacity: 0.2;

}

[data-overlay="3"]:before, [data-black-overlay="3"]:before, [data-white-overlay="3"]:before {

  opacity: 0.3;

}

[data-overlay="4"]:before, [data-black-overlay="4"]:before, [data-white-overlay="4"]:before {

  opacity: 0.4;

}

[data-overlay="5"]:before, [data-black-overlay="5"]:before, [data-white-overlay="5"]:before {

  opacity: 0.5;

}

[data-overlay="6"]:before, [data-black-overlay="6"]:before, [data-white-overlay="6"]:before {

  opacity: 0.6;

}

[data-overlay="7"]:before, [data-black-overlay="7"]:before, [data-white-overlay="7"]:before {

  opacity: 0.7;

}

[data-overlay="8"]:before, [data-black-overlay="8"]:before, [data-white-overlay="8"]:before {

  opacity: 0.8;

}

[data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-white-overlay="9"]:before {

  opacity: 0.9;

}

[data-overlay="10"]:before, [data-black-overlay="10"]:before, [data-white-overlay="10"]:before {

  opacity: 1;

}

/*

===========================
  Background Image 
=============================

ios issue---background-attachment: fixed v scroll

*/

/* Default for all devices */

.bg_image, .bgImagePosition {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}

.bg-image {

  background-repeat: no-repeat;
  
  background-position: center center;

}

.bg_image_fixed {

  background-attachment: fixed !important;

}

/* Ensure all cards have equal height */

.equal-height {
  
  display: flex;
  
  flex-direction: column;
  
  justify-content: flex-start;
  
  height: 100%;
  
}

.video-background {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1; /* Ensure the video is behind other content */

  overflow: hidden;

}

.video-background video {

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  object-fit: cover; /* Ensures the video covers the entire div */

}

/* Override for iOS devices */

@supports (-webkit-touch-callout: none) {

  .bg_image_fixed {

    background-attachment: scroll !important;
    
  }

}

/* WRX Typed.js Extension */

.typed-output {

  font-family: inherit;
  
  color: inherit;
  
  text-align: inherit;
  
  font-size: inherit;
  
  font-weight: inherit;
  
  white-space: inherit;
  
}

.typed-cursor {

  display: inline-block !important;
  
  font-family: inherit;
  
  color: inherit !important;
  
  font-size: inherit;
  
  font-weight: 300;
  
  line-height: inherit;

}

.wrx-trigger-typed {

  white-space: nowrap; /* Ensure typed text does not wrap */
  
}

.wrx-trigger-typed p {

  display: none;

}

/*=============================
WRX Timeline Layout  
==============================*/

.wrx-timeline-item {
  
  text-align: center; 
  
  padding-bottom: 2rem;
  
}

.wrx-timeline-item .title {
  
  font-weight: 500;
  
}

.wrx-timeline-item .description p {
  
  padding: .4rem .7rem;
  
  margin: 0;
  
}

.wrx-timeline-item .progress-line {
  
  position: relative;
  
  border-radius: 0px;
  
  height: .3rem;
  
  box-shadow: none;
  
  margin: 1.3rem 0;
  
  width: 100%;
  
}

.wrx-timeline-item .progress-line .line-inner {
  
  background: var(--gray-l1);
  
  height: 100%;
  
}

.wrx-timeline-item .progress-dot {
  
  position: relative;
  
  height: 1.9rem;
  
  display: block;
  
  width: 100%;
  
  margin-top: -2.4rem;
  
  margin-left: -1rem;
  
}

.wrx-timeline-item .progress-dot .dot-level {
  
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  
  background: linear-gradient(to right, var(--gray), var(--silver), var(--silver-l3));
  
  background-attachment: fixed;
  
  background-repeat: repeat-y;
  
  position: absolute;
  
  width: 1.8rem;
  
  height: 1.8rem;
  
  display: block;
  
  display: inline-block;
  
  text-align: center;
  
  border-radius: 50%;
  
}

.wrx-timeline-item .progress-dot .dot-level .dot-inner {
  
  width: .8rem;
  
  height: .8rem;
  
  border-radius: 50px;
  
  position: absolute;
  
  top: .5rem;
  
  left: .5rem;
  
  background-color: var(--color-primary);
}

/* Target the .line-inner inside the first .wrx-timeline-item within .wrx-timeline.row */

.wrx-timeline.row .wrx-timeline-item:first-child .line-inner {
  
  width: 50%;
  
  right: 0;
  
  position: absolute;
  
}

/* Target the .line-inner inside the last .wrx-timeline-item within .wrx-timeline.row */

.wrx-timeline.row .wrx-timeline-item:last-child .line-inner {
  
  width: 50%;
  
  left: 0;
  
  position: absolute;
  
}

/* WRX Flags */

.flag-icon, .flag-icon-background {

  background-size: contain;

  background-position: 50%;

  background-repeat: no-repeat;

}

.flag-icon {

  position: relative;

  display: inline-block;

  width: 1.33333333em;

  line-height: 1em;

}

.flag-icon:before { 
  
  content: "\00a0"; 

}

.flag-icon.flag-icon-squared { 
  
  width: 1em; 

}

/* WRX Parallax */ 

/* Mobile Zoom Animation */

.wrx-mobile-zoom {

  animation: wrxBgZoom 20s infinite alternate;

}

@keyframes wrxBgZoom {

  from {

      transform: scale(1);

  }

  to {

      transform: scale(1.05);

  }

}

/* Mobile Fade-In Animation */

.wrx-mobile-fade {

  opacity: 0;

  animation: wrxBgFadeIn 1s forwards;

}

@keyframes wrxBgFadeIn {

  to {

      opacity: 1;

  }

}

/* Force Hardware Acceleration */

.wrx-trigger-parallax {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  will-change: transform;

  background-attachment: fixed !important;

}

/* Override for iOS devices */

@supports (-webkit-touch-callout: none) {

  .wrx-trigger-parallax {

    background-attachment: scroll !important;

  }

}

/* Pricing Card Blocks */

.wrx-cards .card-pricing {
  
  padding: 1.5rem;
  
  border-radius: var(--roundM);   
  
  padding: 2rem 1rem;
  
  box-shadow: var(--shadowM);
  
}

.wrx-cards .card-pricing ul {
  
  display: flex;
  
  flex-direction: column;
  
  justify-content: flex-start;
  
  align-items: stretch;
  
  gap: .7rem;
  
  font-size: .9rem;
  
  padding-left: 0;
  
  list-style: none;
  
}

.wrx-cards .card-pricing ul li {

    list-style: none;

}

.wrx-cards .card-pricing ul i {
  
  font-size: .8rem;
  
}

.wrx-cards .card-pricing .title {
  
  /* font-family: var(--font-family-header); */
  
  background: var(--theme-gradient-h);
  
  -webkit-background-clip: text;
  
  background-clip: text;
  
  -webkit-text-fill-color: transparent;
  
}

.wrx-cards .card-pricing .card-footer {
  
  background-color: transparent;
  
  border: 0;
  
}

.wrx-cards .card-pricing .card-footer .btn {
  
  width: auto;
  
  display: inline-flex;
  
  font-weight: 700;
  
  padding: .5rem 1.5rem;
  
  font-size: .9rem;
  
}

.wrx-cards .card-pricing .pricing {
  
  margin: 1rem 0 1.5rem 0;
  
  padding-bottom: 1.5rem;
  
  border-bottom: solid 1px var(--bs-light-border-subtle);
  
}

.wrx-cards .card-pricing .price-wrapper {
  
  display: flex;
  
  justify-content: center;
  
  align-items: flex-start;
  
}

.wrx-cards .card-pricing .currency {
  
  font-weight: bold;
  
  font-size: 1.1rem;
  
}

.wrx-cards .card-pricing .price {
  
  font-family: var(--font-family-header);
  
  font-weight: bold;
  
  line-height: 1;
  
  padding-left:.2rem;
  
}

.wrx-cards .card-pricing .subtitle {
  
  font-size: .9rem;
  
}

.wrx-cards .card-pricing.card-feature {
  
  background: linear-gradient(to bottom, rgba(var(--rgb-primary-gradient-100), 0.2), rgba(var(--rgb-primary-gradient-0), 0.1));
  
  padding: 4rem 1rem;
  
}

.wrx-cards .card-pricing.card-feature .card-footer .btn {
  
  background: var(--theme-gradient-h);
  
}

.wrx-cards .card-pricing.card-feature .card-footer .btn:hover, .card-pricing.card-feature .card-footer .btn:active {
  
  background: var(--theme-gradient-v);
  
}

.wrx-cards .card a {
  
  text-decoration: none;
  
  outline: none;
  
}

.wrx-cards .card-layout-wide {
  
  display: flex;
  
  flex-direction: row;
  
  justify-content: space-between;
  
  align-items: stretch;
  
  border: solid 1px rgba(var(--rgb-secondary-l2),.3);
  
  box-shadow: var(--shadowM);
  
  overflow: hidden;
  
  transition: all 0.5s;
  
  word-wrap: break-word;
  
  background-clip: border-box;
  
}

.wrx-cards .card-layout-wide:hover {
  
  transform: translateY(-4px);
  
}

.wrx-cards .card-layout-wide .card-image {
  
  border-top-left-radius: var(--bs-card-border-radius);
  
  border-bottom-left-radius: var(--bs-card-border-radius);
  
  border-top-right-radius: 0;
  
  border-bottom-right-radius: 0;
  
  background-repeat: no-repeat;
  
  background-size: cover;
  
  background-position: center center;
  
  flex-basis: 40%;
  
}

.wrx-cards .card-layout-wide .card-body {
  
  flex-basis: 60%;
  
  text-align: left;
  
}

.wrx-cards .card-body .text-primary-emphasis {
  
  display: inline-block;
  
  margin-bottom: 1rem;
  
}

.wrx-cards .card-body .card-title {
  
  font-size: 1.2rem;
  
  line-height: 1.5;
  
  transition: all 0.5s;
  
  margin-bottom: .4rem;
  
  flex-basis: 100%;
  
}

.wrx-cards .card-body .text-body-secondary {
  
  font-size: .8rem;
  
  margin-bottom: .6rem;
  
}

.wrx-cards .card-body .card-text {
  
  font-size: .9rem;
  
  margin-bottom: 1rem;
}

.wrx-cards .card-cta-action {
  
  text-align: right;
  
  margin-right: .5rem;
  
  color: var(--secondary);
  
}

/* >>> WRX Widgests <<< */

.wrx-widget.widget {
  
  border: solid 1px rgba(var(--rgb-primary-l2),.3);
  
  border-radius: var(--roundM);
  
  margin-bottom: 1.5rem;
  
}

.wrx-widget.widget ul {
  
  list-style: none;
  
  padding: 1rem;
  
}

.wrx-widget.widget ul li {
  
  display: flex;
  
  justify-content: space-between;
  
  align-items: center;
  
  gap: 1rem;
  
  border-bottom: solid 1px rgba(var(--rgb-primary-l2),.3);
  
  padding: .5rem 0 .5rem 0;
  
  width: 100%;
  
  font-size: .9rem;
  
}

.wrx-widget.widget ul li a {
  
  display: flex;
  
  justify-content: space-between;
  
  align-items: center;
  
  gap: 1rem;
  
  width: 100%;
  
  text-align: left;
  
  color: var(--secondary);
  
}

.wrx-widget.widget ul li:first-of-type {
  
  padding-top: 0;
  
}

.wrx-widget.widget ul li:last-of-type {
  
  border: 0;
  
  padding-bottom: 0;
  
}

.wrx-widget.widget a {
  
  outline: none;
  
  text-decoration: none;
  
}

.wrx-widget .widget-title {
  
  font-size: 1rem;
  
  display: flex;
  
  justify-content: flex-start;
  
  align-items: center;
  
  gap: 1rem;
  
  padding: 1rem;
  
  background: rgba(var(--rgb-secondary-l3),.4);
  
  border-top-left-radius: var(--roundM);
  
  border-top-right-radius: var(--roundM);
  
  font-weight: 400;
  
  margin: 0;
  
}

.wrx-widget .widget-content {
   
   padding: 1rem;
   
   font-size: .9rem;
   
   text-align: left;
}

.wrx-widget.widget-search .search-form {
  
  display: flex;
  
  justify-content: space-between;
  
  gap: .5rem;
  
  padding: .3rem;
  
}

.wrx-widget.widget-search .search-form .form-control {

  border: 0;
  
}

.wrx-widget.widget-recent-posts ul li {

  flex-direction: column;

  align-items: flex-start;

  gap: .3rem;
  
}

.wrx-widget.widget-recent-posts li .category {
  
  font-size: .9rem;
  
}

.wrx-widget.widget-tag-cloud .tag-cloud {
  
  padding: 1rem;
  
  display: flex;
  
  flex-wrap: wrap;
  
  gap: .7rem;
  
  justify-content: flex-start;
  
  align-items: center;
  
}



/* Change background color of the selected line AND SELECT WORD */
.ace-monokai .ace_marker-layer .ace_selection {
  background: var(--teal) !important;
}

.ace-monokai .ace_marker-layer .ace_active-line {
  background: var(--cyan-d2) !important;
}
.ace-monokai .ace_gutter-active-line {
  background-color: var(--cyan-d2) !important;
}

/* Highlight for search term found (Ctrl-F/H search matches) */

.ace_selected-word {
  background: var(--teal) !important;
}

/* Floating Copy Button */
.wrx-copy-btn {
    position: absolute;
    top: .4rem;
    right: .8rem;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease-in-out, background 0.2s;
    z-index: 10;
}

/* Animation on Click */
.wrx-copy-btn.copied {
    transform: scale(1.2);
    background: rgba(0, 200, 0, 0.8);
}

/* Tooltip Styling */
.wrx-copy-tooltip {
    position: absolute;
    top: -25px;
    right: 5px;
    background: black;
    color: white;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s, transform 0.2s;
    transform: translateY(-5px);
    pointer-events: none;
    z-index: 11;
}

/* Show Tooltip */
.wrx-copy-tooltip.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 600px) { /* Adjust breakpoint as needed */


    .wrx-survey-options-table thead {
        display: table-header-group; /* Ensure header behaves properly in table */
    }

    .wrx-survey-options-table th {
        height: auto; /* Allow the header row to auto-size */
        width: 50px; /* Set a fixed width for the columns */
        min-width: 40px;
        max-width: 40px;
        padding: 4px;
        text-align: center; /* Keep text centered */
        vertical-align: bottom; /* Align text to the bottom */
        font-size: 80%;
    }

    /* Rotate only the text inside the <th> */
    .surveyQuestion-matrix-th span {
        display: block;
        writing-mode: vertical-rl; /* Rotate text bottom-to-top */
        transform: rotate(180deg); /* Ensure text is upright */
        white-space: nowrap; /* Prevent wrapping */
        text-align: center;
        margin: auto;
    }
    
    .wrx-survey-options-table tbody .wrx-survey-options-table-row-header {
        display: block;
        white-space: normal; /* Allows text wrapping */
        word-break: keep-all; /* Prevents breaking individual letters */
        overflow-wrap: break-word; /* Ensures words wrap properly */
        text-align: left; /* Keeps text readable */
        max-width: 120px; /* Increased to provide more space */
        min-width: 100px;
        padding: 5px;
        font-size: 80%;
    }

    .wrx-survey-options-table tbody td:first-child {
        width: auto; /* Let the width adjust */
        max-width: 120px; /* Matches the header */
    }

}

.wrx-ui-avatar-slim {

    cursor: pointer;

}

.slim-btn-group {

    display: none;

}


.wrx-ui-nav-context-menu-unit {

    border-radius: initial;
    
    -moz-border-radius: initial;
    
    -webkit-border-radius: initial;
    
    -webkit-box-shadow: initial;
    
    box-shadow: initial;
    
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
    
    background: initial;
        
}

.wrx-ui-nav-context-menu-title {

    align-items: center;
    
    cursor: pointer;
    
    display: flex;
    
    flex-wrap: nowrap;
    
    font-size: 1.5rem;
    
    font-weight: 700;
    
    justify-content: space-between;
    
    background: var(--white);
    
    color: var(--back-l1);
    
    background-origin: border-box;
    
    -webkit-border-top-right-radius: initial !important;
    
    -webkit-border-top-left-radius:  initial !important;
    
    -moz-border-radius-topright:  initial !important;
    
    -moz-border-radius-topleft:  initial !important;
    
    border-top-right-radius:  initial !important;
    
    border-top-left-radius:  initial !important;
    
    -webkit-border-bottom-right-radius:  initial !important;
    
    -webkit-border-bottom-left-radius:  initial !important;
    
    -moz-border-radius-bottomright:  initial !important;
    
    -moz-border-radius-bottomleft:  initial !important;
    
    
    border-bottom-right-radius:  initial !important;
    
    border-bottom-left-radius:  initial !important;
    
}

.wrx-ui-nav-context-menu-title:hover {

    background: var(--white);
    
    color: var(--back-l1);
    
}

.wrx-ui-nav-context-menu-title-icon {

    padding: .4rem 0 .4rem .9rem;
    
    width: 2rem;
    
    flex-grow: 0;
    
    text-align: right;
    
    font-size: 1.3rem;
    
    line-height: 1;
    
    padding-top: 0.8rem !important;
    
    padding-right: 0.4rem;
    
    padding-bottom: .6rem;
    
    padding-left: 0.4rem;
    
}

.wrx-ui-nav-context-menu-title-text {

    font-size: inherit;
    
}

.wrx-ui-nav-context-menu-l1-item-row {

    align-items: center;
    
    cursor: pointer;
    
    display: flex;
    
    flex-wrap: nowrap;
    
    font-size: 1.5rem;
    
    justify-content: space-between;
    
    color: var(--black-l1);
    
    font-family: var(--font-family-header);
    
    margin: 0 auto;
    
    background-origin: border-box;
    
}

.wrx-ui-nav-context-menu-l1-item-row a {

    font-size: inherit;

}

.wrx-ui-nav-context-menu-l1-item-icon, .wrx-ui-nav-context-menu-l2-item-icon, .wrx-ui-nav-context-menu-l3-item-icon {

    background-color: inherit;
    
    color: inherit;
    
    width: 2.5rem;
    
    flex-grow: 0;
    
    text-align: right;
    
    font-size: 1.3rem;
    
    line-height: 1.5;
    
    padding: 0.8rem 0.4rem .6rem 0.4rem;
    
}

.wrx-ui-nav-context-menu-l1-item-row:hover, .wrx-ui-nav-context-menu-l2-item-row:hover, .wrx-ui-nav-context-menu-l3-item-row:hover {

    background-color: inherit;
    
    -webkit-box-shadow: none-;
    
    box-shadow: none;
    
    background: inherit;

    color: inherit;
    
}

.wrx-ui-nav-context-menu-l1-item-icon, .wrx-ui-nav-context-menu-l2-item-icon, .wrx-ui-nav-context-menu-l3-item-icon {

    background-color: inherit;
    
    color: transparent;
    
    width: 2.5rem;
    
    flex-grow: 0;
    
    text-align: right;
    
    font-size: 1.3rem;
    
    line-height: 1.5;
    
    padding: 0.8rem 0.4rem .6rem 0.4rem;
    
}

.wrx-ui-nav-context-menu-l2-item-row, .wrx-ui-nav-context-menu-l3-item-row {

    align-items: center;
    
    cursor: pointer;
    
    display: flex;
    
    flex-wrap: nowrap;
    
    justify-content: space-between;
    
    padding-left: .8rem;
    
    color: var(--black-l2);
    
    background: var(--white);
    
    font-size: 1rem;
    
}



    .wrx-age-screen-overlay {
        position: absolute;
        z-index: 900;
        bottom: 0;
        width: 100%;
        background: var(--primary);
        color: #fff;
        padding: 2rem;
        text-align: center;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .wrx-age-screen-inner {
        max-width: 600px;
        margin: auto;
        background: var(--white);
        padding: 2rem;
        border-radius: 1rem;
        color: var(--black-l1);
    }

    .wrx-ui-agescreen-header {
        margin-bottom: 1rem;
    }

    .wrx-age-screen-content-infobar {
        padding: 1rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
        font-size: 1rem;
    }

    .wrx-age-screen-content-infobar-indicator {
        border: solid 1px var(--danger);
        padding: .4rem .6rem;
        border-radius: 1rem;
    }

    .wrx-age-screen-form input {
        padding: 0.5rem;
        font-size: 1rem;
    }

    .wrx-age-screen-form button {
        padding: 0.5rem 1rem;
        margin-left: 0.5rem;
        font-weight: bold;
    }

    /* DX popup layering override */
    
    .dx-overlay-wrapper, #wrx-age-screener .dx-overlay-wrapper {
        z-index: 900 !important;
    }

    .wrx-age-screen-datebox-wrapper {
        max-width: 300px;
        margin: 0 auto;
    }

    /* Clean and scoped YYYY mode tweaks */
    body.wrx-mode-yyyy .dx-dateviewroller-month,
    body.wrx-mode-yyyy .dx-dateviewroller-day {
        display: none !important;
    }

    body.wrx-mode-yyyy .dx-dateview-wrapper {
        display: flex !important;
        justify-content: center !important;
    }

    body.wrx-mode-yyyy .dx-overlay-content {
        min-width: 320px !important;
        max-width: 340px !important;
    }