:root {
  --primary-color: #5635FF; /* Purple */
  --secondary-color: #5635ff12; /* Light Purple */
  --alternate-color: #7E57FF; /* Light purple */
  --primary-background: #5635FF; /* Purple */
  --secondary-background: #5635ff12; /* Light Purple */
  --alternate-background: #f8f7f8; /* Light Gray */
  --white-color: #fff; /* White */
  --dark-color: #1A0B43; /* Dark */
  --text-header: #0B0E26; /* Dark */
  --text-dark: #030749; /* Dark */
}

/* @font-face {
  font-family: "Recoleta";
  src: url(../fonts/Recoleta/Recoleta-Regular.ttf);

} */

@font-face {
  font-family: "Recoleta";
  src: url(../fonts/Recoleta/Recoleta-Medium.ttf);
}

@font-face {
  font-family:grifter ;
  src: url(../fonts/grifterbold.otf);
  font-weight: 700;
  
}

@font-face {
  font-family:Inter ;
  src: url(../fonts/Inter-VariableFont_opsz\,wght.ttf);
  font-weight: 400;
  
}

@font-face {
  font-family:Aeonik ;
  src: url(../fonts/Aeonik-Regular.otf);
  font-weight: 400;
  
}

@font-face {
  font-family:Aeonik ;
  src: url(../fonts/Aeonik-Medium.otf);
  font-weight: 500;
  
}

@font-face {
  font-family:Aeonik ;
  src: url(../fonts/Aeonik-Bold.otf);
  font-weight: 800;
  
}

/* @font-face {
  font-family: "Recoleta";
  src: url(../fonts/Recoleta/Recoleta-Bold.ttf);

} */

/* @font-face {
  font-family: "GTWalsheim";
  src: url(../fonts/GTWalsheim/GTWalsheim-Regular.ttf);

} */

@font-face {
  font-family: "GTWalsheim";
  src: url('../fonts/GTWalsheim/GTWalsheimPro-Regular.ttf') format("truetype");
}

/* @font-face {
  font-family: 'GTWalsheim';
  src: local('GT Walsheim Pro Regular'), local('../fonts/GTWalsheim/GTWalsheimPro-Regular'),
       url('../fonts/GTWalsheim/GTWalsheimPro-Regular.woff2') format('woff2'),
       url('../fonts/GTWalsheim/GTWalsheimPro-Regular.woff') format('woff'),
       url('../fonts/GTWalsheim/GTWalsheimPro-Regular.ttf') format('truetype');
  src: url('../fonts/GTWalsheim/GTWalsheimPro-Regular.eot');
  src: url('../fonts/GTWalsheim/GTWalsheimPro-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: "GTWalsheim";
  src: url('../fonts/GTWalsheim/GTWalsheimPro-Medium.ttf') format("ttf");
} */

/* @font-face {
  font-family: "GTWalsheim";
  src: url(../fonts/GTWalsheim/GTWalsheim-Bold.ttf);

} */


body {
    font-family: "GTWalsheim";
    font-size: 16px !important;
}

html {
  width: 100%;
}

.btn-primary {
  border: solid 1px!important;
  background-color: var(--alternate-color)!important;
  border-color: var(--alternate-color)!important;
  color: #fff!important;
}

.btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
  background-color: var(--primary-color)!important;
  border-color: var(--primary-color)!important;
}

.btn-check:active + .btn.btn-active-color-primary, .btn-check:checked + .btn.btn-active-color-primary, .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .show > .btn.btn-active-color-primary {
  color: var(--primary-color)!important;
}

.btn-check:active + .btn.btn-active-light, .btn-check:checked + .btn.btn-active-light, .btn.btn-active-light.active, .btn.btn-active-light.show, .btn.btn-active-light:active:not(.btn-active), .btn.btn-active-light:focus:not(.btn-active), .btn.btn-active-light:hover:not(.btn-active), .show > .btn.btn-active-light {
  color: var(--primary-color)!important;
  border-color: var(--secondary-color)!important;
  background-color: var(--secondary-color)!important;
}
.btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i, .btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:checked + .btn.btn-active-color-primary i, .btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.show .svg-icon, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i, .show > .btn.btn-active-color-primary .svg-icon, .show > .btn.btn-active-color-primary i {
  color: var(--primary-color);
}

.btn-outline-primary {
  border: solid 1px!important;
  color: var(--white-color)!important;
  border-color: var(--secondary-color)!important;
  background-color: var(--secondary-color)!important;
}

.text-primary {
    color: var(--primary-color)!important;
}

.badge-light-primary {
  color: var(--primary-color)!important;
  background-color: var(--secondary-color)!important;
}

.text-secondary {
    color: var(--dark-color)!important;
}

.text-dark {
    color: var(--text-dark)!important;
}

.text-gray {
    color: var(--alternate-color)!important;
}

.bg-primary, .badge-primary {
    background-color: var(--primary-color)!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-header) !important;
  font-family: "Recoleta" !important;
}

h2 {
  font-size: 54px !important;
}

h4 {
  font-size: 36px !important;
}

h6 {
  font-size: 24px !important;
}

.menu-state-title-primary .menu-item .menu-link.active .menu-title, .menu-state-icon-primary .menu-item .menu-link.active .menu-icon, .menu-state-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon, .menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
  color: var(--primary-color)!important;
}
.menu-state-bullet-primary .menu-item .menu-link.active {
  background-color: var(--secondary-color)!important;
}

.menu-state-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  color: var(--primary-color)!important;
}

.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
  color: var(--primary-color)!important;
}


.swal2-title {
  font-size: 20px !important;
  margin-top: 20px !important;
  padding-top: 0 !important;
  color: #333333 !important;
}

.swal2-icon {
  margin-left: auto;
  margin-right: auto;
  border: none !important;
}

.swal2-cancel {
  color: #333333 !important;
}

.swal-wide {
  width: 850px !important;
}

.swal2-container.swal2-center>.swal2-popup {
  padding-top: 14px !important;
}

.swal2-popup .swal2-title {
  margin: 0 !important;
}

.swal2-popup .btn {
  margin: 10px 5px 0 !important;
}