:root {
  --theme-color-1: #0a2f86;
  --theme-color-1-light: #3f5fb3;
  --theme-color-1-dark: #041e5a;
  --theme-color-1-hover: #082674;
  --theme-color-1-active: #062058;
  --theme-color-1-link: #0a2f86;
  --theme-color-1-link-hover: #0045e5;
  --theme-color-1-bg: rgba(10, 47, 134, 1.0);
  --theme-color-1-bg-90: rgba(10, 47, 134, 0.9);
  --theme-color-1-bg-80: rgba(10, 47, 134, 0.8);
  --theme-color-1-bg-70: rgba(10, 47, 134, 0.7);
  --theme-color-1-bg-60: rgba(10, 47, 134, 0.6);
  --theme-color-1-bg-50: rgba(10, 47, 134, 0.5);
  --theme-color-1-bg-40: rgba(10, 47, 134, 0.4);
  --theme-color-1-bg-30: rgba(10, 47, 134, 0.3);
  --theme-color-1-bg-20: rgba(10, 47, 134, 0.2);
  --theme-color-1-bg-10: rgba(10, 47, 134, 0.1);
  --theme-color-2: #81a7ff;

  --theme-color-accent1-1: #a6efff;
  --theme-color-accent1-2: #00cfff;
  --theme-color-accent1-3: #0093d3;

  --theme-color-accent2-1: #f1b8ff;
  --theme-color-accent2-2: #d588ff;
  --theme-color-accent2-3: #6d00a6;

  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-dark-1: #140342;
  --color-dark-2: #1A064F;
  --color-dark-3: #6A7A99;
  --color-dark-4: #242239;
  --color-dark-5: #282664;
  --color-dark-6: #311F61;
  --color-dark-7: #EAE9EF;
  --color-dark-8: #202124;
  --color-light-1: #4F547B;
  --color-light-2: #E4E7EA;
  --color-light-3: #EEF2F6;
  --color-light-4: #F7F8FB;
  --color-light-5: #EDEDED;
  --color-light-6: #F5F7FE;
  --color-light-7: #E5F0FD;
  --color-light-8: #DDDDDD;
  --color-light-9: #EEF2F6;
  --color-light-10: #F4F3F6;
  --color-light-11: #EBEAFE;
  --color-light-12: #CCE0F8;
  --color-purple-1: #6440FB;
  --color-purple-2: #E3EDFD;
  --color-purple-3: #F4F1FE;
  --color-purple-4: #7545F0;
  --color-purple-5: #EAE3FD;
  --color-green-1: #00FF84;
  --color-green-2: #DEF5F0;
  --color-green-3: #EEF8F5;
  --color-green-4: #04D697;
  --color-green-5: #34A853;
  --color-green-6: #DFF1DD;
  --color-green-7: #D9FFED;
  --color-orange-1: #E8543E;
  --color-orange-2: #F7E9E7;
  --color-orange-3: #FDF2EB;
  --color-orange-4: #E97D38;
  --color-orange-5: #FDEEEC;
  --color-orange-6: #E78E34;
  --color-orange-7: #FBEEE1;
  --color-red-1: #F01E00;
  --color-red-2: #FCE5E2;
  --color-red-3: #D93025;
  --color-beige-1: #FEFBF4;
  --color-blue-1: #65C2F9;
  --color-blue-2: #EFF9FE;
  --color-blue-3: #1967D2;
  --color-blue-4: #508EF0;
  --color-blue-5: #445B95;
  --color-blue-6: #E5EEFD;
  --color-blue-7: #E3E6EF;
  --color-yellow-1: #E59819;
  --color-yellow-2: #FDF8EB;
  --color-yellow-3: #ECB53E;
  --color-yellow-4: #F9AB00;
  --color-yellow-5: #FCEDCD;
  --color-info-1: #CDE9F6;
  --color-info-2: #4780AA;
  --color-warning-1: #F7F3D7;
  --color-warning-2: #927238;
  --color-error-1: #ECC8C5;
  --color-error-2: #AB3331;
  --color-success-1: #DEF2D7;
  --color-success-2: #5B7052;
}

html.-dark-mode {
  --color-dark-1: #FFF !important;
  --color-light-3: #2B1C55 !important;
  --color-light-4: #2B1C55 !important;
  --color-light-5: #2B1C55 !important;
  --color-light-6: #2B1C55 !important;
  --color-light-9: #2B1C55 !important;
  --color-purple-3: #2B1C55 !important;
}

html.-dark-mode body {
  background-color: #140342 !important;
  color: var(--color-dark-3) !important;
}

html.-dark-mode .-dark-bg-purple-1 {
  background-color: var(--color-purple-1) !important;
}

html.-dark-mode .sidebar.-base-sidebar .sidebar__item.-is-active {
  color: var(--color-purple-1) !important;
}

body {
  overflow-x: hidden;
  padding: 0;
  font-family: var(--font-primary);
  width: 100%;
  max-width: 100%;
  background-color: white;
  color: var(--color-light-1);
  font-size: 15px;
  line-height: 1.7;
}

a:hover {
  text-decoration: none;
  color: var(--theme-color-1-link-hover);
}

.button.-white {
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
}

.button.-white:hover {
  background-color: transparent !important;
  color: var(--color-white);
}

.button.-outline-white {
  background-color: var(--color-dark-1);
  border: 2px solid var(--color-white);
}

.button.-outline-white:hover {
  background-color: var(--color-white);
  border-color: transparent;
  color: white !important;
}

.button.-black {
  background-color: var(--color-black);
  border: 2px solid var(--color-black);
}

.button.-black:hover {
  background-color: transparent !important;
  color: var(--color-black);
}

.button.-outline-black {
  border: 2px solid var(--color-black);
}

.button.-outline-black:hover {
  background-color: var(--color-black);
  border-color: transparent;
  color: white !important;
}

.button.-dark-1 {
  background-color: var(--color-dark-1);
  border: 2px solid var(--color-dark-1);
}

.button.-dark-1:hover {
  background-color: transparent !important;
  color: var(--color-dark-1);
}

.button.-outline-dark-1 {
  border: 2px solid var(--color-dark-1);
}

.button.-outline-dark-1:hover {
  background-color: var(--color-dark-1);
  border-color: transparent;
  color: white !important;
}

.button.-dark-2 {
  background-color: var(--color-dark-2);
  border: 2px solid var(--color-dark-2);
}

.button.-dark-2:hover {
  background-color: transparent !important;
  color: var(--color-dark-2);
}

.button.-outline-dark-2 {
  border: 2px solid var(--color-dark-2);
}

.button.-outline-dark-2:hover {
  background-color: var(--color-dark-2);
  border-color: transparent;
  color: white !important;
}

.button.-dark-3 {
  background-color: var(--color-dark-3);
  border: 2px solid var(--color-dark-3);
}

.button.-dark-3:hover {
  background-color: transparent !important;
  color: var(--color-dark-3);
}

.button.-outline-dark-3 {
  border: 2px solid var(--color-dark-3);
}

.button.-outline-dark-3:hover {
  background-color: var(--color-dark-3);
  border-color: transparent;
  color: white !important;
}

.button.-dark-4 {
  background-color: var(--color-dark-4);
  border: 2px solid var(--color-dark-4);
}

.button.-dark-4:hover {
  background-color: transparent !important;
  color: var(--color-dark-4);
}

.button.-outline-dark-4 {
  border: 2px solid var(--color-dark-4);
}

.button.-outline-dark-4:hover {
  background-color: var(--color-dark-4);
  border-color: transparent;
  color: white !important;
}

.button.-dark-5 {
  background-color: var(--color-dark-5);
  border: 2px solid var(--color-dark-5);
}

.button.-dark-5:hover {
  background-color: transparent !important;
  color: var(--color-dark-5);
}

.button.-outline-dark-5 {
  border: 2px solid var(--color-dark-5);
}

.button.-outline-dark-5:hover {
  background-color: var(--color-dark-5);
  border-color: transparent;
  color: white !important;
}

.button.-dark-6 {
  background-color: var(--color-dark-6);
  border: 2px solid var(--color-dark-6);
}

.button.-dark-6:hover {
  background-color: transparent !important;
  color: var(--color-dark-6);
}

.button.-outline-dark-6 {
  border: 2px solid var(--color-dark-6);
}

.button.-outline-dark-6:hover {
  background-color: var(--color-dark-6);
  border-color: transparent;
  color: white !important;
}

.button.-dark-7 {
  background-color: var(--color-dark-7);
  border: 2px solid var(--color-dark-7);
}

.button.-dark-7:hover {
  background-color: transparent !important;
  color: var(--color-dark-7);
}

.button.-outline-dark-7 {
  border: 2px solid var(--color-dark-7);
}

.button.-outline-dark-7:hover {
  background-color: var(--color-dark-7);
  border-color: transparent;
  color: white !important;
}

.button.-dark-8 {
  background-color: var(--color-dark-8);
  border: 2px solid var(--color-dark-8);
}

.button.-dark-8:hover {
  background-color: transparent !important;
  color: var(--color-dark-8);
}

.button.-outline-dark-8 {
  border: 2px solid var(--color-dark-8);
}

.button.-outline-dark-8:hover {
  background-color: var(--color-dark-8);
  border-color: transparent;
  color: white !important;
}

.button.-light-1 {
  background-color: var(--color-light-1);
  border: 2px solid var(--color-light-1);
}

.button.-light-1:hover {
  background-color: transparent !important;
  color: var(--color-light-1);
}

.button.-outline-light-1 {
  border: 2px solid var(--color-light-1);
}

.button.-outline-light-1:hover {
  background-color: var(--color-light-1);
  border-color: transparent;
  color: white !important;
}

.button.-light-2 {
  background-color: var(--color-light-2);
  border: 2px solid var(--color-light-2);
}

.button.-light-2:hover {
  background-color: transparent !important;
  color: var(--color-light-2);
}

.button.-outline-light-2 {
  border: 2px solid var(--color-light-2);
}

.button.-outline-light-2:hover {
  background-color: var(--color-light-2);
  border-color: transparent;
  color: white !important;
}

.button.-light-3 {
  background-color: var(--color-light-3);
  border: 2px solid var(--color-light-3);
}

.button.-light-3:hover {
  background-color: transparent !important;
  color: var(--color-light-3);
}

.button.-outline-light-3 {
  border: 2px solid var(--color-light-3);
}

.button.-outline-light-3:hover {
  background-color: var(--color-light-3);
  border-color: transparent;
  color: white !important;
}

.button.-light-4 {
  background-color: var(--color-light-4);
  border: 2px solid var(--color-light-4);
}

.button.-light-4:hover {
  background-color: transparent !important;
  color: var(--color-light-4);
}

.button.-outline-light-4 {
  border: 2px solid var(--color-light-4);
}

.button.-outline-light-4:hover {
  background-color: var(--color-light-4);
  border-color: transparent;
  color: white !important;
}

.button.-light-5 {
  background-color: var(--color-light-5);
  border: 2px solid var(--color-light-5);
}

.button.-light-5:hover {
  background-color: transparent !important;
  color: var(--color-light-5);
}

.button.-outline-light-5 {
  border: 2px solid var(--color-light-5);
}

.button.-outline-light-5:hover {
  background-color: var(--color-light-5);
  border-color: transparent;
  color: white !important;
}

.button.-light-6 {
  background-color: var(--color-light-6);
  border: 2px solid var(--color-light-6);
}

.button.-light-6:hover {
  background-color: transparent !important;
  color: var(--color-light-6);
}

.button.-outline-light-6 {
  border: 2px solid var(--color-light-6);
}

.button.-outline-light-6:hover {
  background-color: var(--color-light-6);
  border-color: transparent;
  color: white !important;
}

.button.-light-7 {
  background-color: var(--color-light-7);
  border: 2px solid var(--color-light-7);
}

.button.-light-7:hover {
  background-color: transparent !important;
  color: var(--color-light-7);
}

.button.-outline-light-7 {
  border: 2px solid var(--color-light-7);
}

.button.-outline-light-7:hover {
  background-color: var(--color-light-7);
  border-color: transparent;
  color: white !important;
}

.button.-light-8 {
  background-color: var(--color-light-8);
  border: 2px solid var(--color-light-8);
}

.button.-light-8:hover {
  background-color: transparent !important;
  color: var(--color-light-8);
}

.button.-outline-light-8 {
  border: 2px solid var(--color-light-8);
}

.button.-outline-light-8:hover {
  background-color: var(--color-light-8);
  border-color: transparent;
  color: white !important;
}

.button.-light-9 {
  background-color: var(--color-light-9);
  border: 2px solid var(--color-light-9);
}

.button.-light-9:hover {
  background-color: transparent !important;
  color: var(--color-light-9);
}

.button.-outline-light-9 {
  border: 2px solid var(--color-light-9);
}

.button.-outline-light-9:hover {
  background-color: var(--color-light-9);
  border-color: transparent;
  color: white !important;
}

.button.-light-10 {
  background-color: var(--color-light-10);
  border: 2px solid var(--color-light-10);
}

.button.-light-10:hover {
  background-color: transparent !important;
  color: var(--color-light-10);
}

.button.-outline-light-10 {
  border: 2px solid var(--color-light-10);
}

.button.-outline-light-10:hover {
  background-color: var(--color-light-10);
  border-color: transparent;
  color: white !important;
}

.button.-light-11 {
  background-color: var(--color-light-11);
  border: 2px solid var(--color-light-11);
}

.button.-light-11:hover {
  background-color: transparent !important;
  color: var(--color-light-11);
}

.button.-outline-light-11 {
  border: 2px solid var(--color-light-11);
}

.button.-outline-light-11:hover {
  background-color: var(--color-light-11);
  border-color: transparent;
  color: white !important;
}

.button.-light-12 {
  background-color: var(--color-light-12);
  border: 2px solid var(--color-light-12);
}

.button.-light-12:hover {
  background-color: transparent !important;
  color: var(--color-light-12);
}

.button.-outline-light-12 {
  border: 2px solid var(--color-light-12);
}

.button.-outline-light-12:hover {
  background-color: var(--color-light-12);
  border-color: transparent;
  color: white !important;
}

.button.-purple-1 {
  background-color: var(--color-purple-1);
  border: 2px solid var(--color-purple-1);
}

.button.-purple-1:hover {
  background-color: transparent !important;
  color: var(--color-purple-1);
}

.button.-outline-purple-1 {
  border: 2px solid var(--color-purple-1);
}

.button.-outline-purple-1:hover {
  background-color: var(--color-purple-1);
  border-color: transparent;
  color: white !important;
}

.button.-purple-2 {
  background-color: var(--color-purple-2);
  border: 2px solid var(--color-purple-2);
}

.button.-purple-2:hover {
  background-color: transparent !important;
  color: var(--color-purple-2);
}

.button.-outline-purple-2 {
  border: 2px solid var(--color-purple-2);
}

.button.-outline-purple-2:hover {
  background-color: var(--color-purple-2);
  border-color: transparent;
  color: white !important;
}

.button.-purple-3 {
  background-color: var(--color-purple-3);
  border: 2px solid var(--color-purple-3);
}

.button.-purple-3:hover {
  background-color: transparent !important;
  color: var(--color-purple-3);
}

.button.-outline-purple-3 {
  border: 2px solid var(--color-purple-3);
}

.button.-outline-purple-3:hover {
  background-color: var(--color-purple-3);
  border-color: transparent;
  color: white !important;
}

.button.-purple-4 {
  background-color: var(--color-purple-4);
  border: 2px solid var(--color-purple-4);
}

.button.-purple-4:hover {
  background-color: transparent !important;
  color: var(--color-purple-4);
}

.button.-outline-purple-4 {
  border: 2px solid var(--color-purple-4);
}

.button.-outline-purple-4:hover {
  background-color: var(--color-purple-4);
  border-color: transparent;
  color: white !important;
}

.button.-purple-5 {
  background-color: var(--color-purple-5);
  border: 2px solid var(--color-purple-5);
}

.button.-purple-5:hover {
  background-color: transparent !important;
  color: var(--color-purple-5);
}

.button.-outline-purple-5 {
  border: 2px solid var(--color-purple-5);
}

.button.-outline-purple-5:hover {
  background-color: var(--color-purple-5);
  border-color: transparent;
  color: white !important;
}

.button.-green-1 {
  background-color: var(--color-green-1);
  border: 2px solid var(--color-green-1);
}

.button.-green-1:hover {
  background-color: transparent !important;
  color: var(--color-green-1);
}

.button.-outline-green-1 {
  border: 2px solid var(--color-green-1);
}

.button.-outline-green-1:hover {
  background-color: var(--color-green-1);
  border-color: transparent;
  color: white !important;
}

.button.-green-2 {
  background-color: var(--color-green-2);
  border: 2px solid var(--color-green-2);
}

.button.-green-2:hover {
  background-color: transparent !important;
  color: var(--color-green-2);
}

.button.-outline-green-2 {
  border: 2px solid var(--color-green-2);
}

.button.-outline-green-2:hover {
  background-color: var(--color-green-2);
  border-color: transparent;
  color: white !important;
}

.button.-green-3 {
  background-color: var(--color-green-3);
  border: 2px solid var(--color-green-3);
}

.button.-green-3:hover {
  background-color: transparent !important;
  color: var(--color-green-3);
}

.button.-outline-green-3 {
  border: 2px solid var(--color-green-3);
}

.button.-outline-green-3:hover {
  background-color: var(--color-green-3);
  border-color: transparent;
  color: white !important;
}

.button.-green-4 {
  background-color: var(--color-green-4);
  border: 2px solid var(--color-green-4);
}

.button.-green-4:hover {
  background-color: transparent !important;
  color: var(--color-green-4);
}

.button.-outline-green-4 {
  border: 2px solid var(--color-green-4);
}

.button.-outline-green-4:hover {
  background-color: var(--color-green-4);
  border-color: transparent;
  color: white !important;
}

.button.-green-5 {
  background-color: var(--color-green-5);
  border: 2px solid var(--color-green-5);
}

.button.-green-5:hover {
  background-color: transparent !important;
  color: var(--color-green-5);
}

.button.-outline-green-5 {
  border: 2px solid var(--color-green-5);
}

.button.-outline-green-5:hover {
  background-color: var(--color-green-5);
  border-color: transparent;
  color: white !important;
}

.button.-green-6 {
  background-color: var(--color-green-6);
  border: 2px solid var(--color-green-6);
}

.button.-green-6:hover {
  background-color: transparent !important;
  color: var(--color-green-6);
}

.button.-outline-green-6 {
  border: 2px solid var(--color-green-6);
}

.button.-outline-green-6:hover {
  background-color: var(--color-green-6);
  border-color: transparent;
  color: white !important;
}

.button.-green-7 {
  background-color: var(--color-green-7);
  border: 2px solid var(--color-green-7);
}

.button.-green-7:hover {
  background-color: transparent !important;
  color: var(--color-green-7);
}

.button.-outline-green-7 {
  border: 2px solid var(--color-green-7);
}

.button.-outline-green-7:hover {
  background-color: var(--color-green-7);
  border-color: transparent;
  color: white !important;
}

.button.-orange-1 {
  background-color: var(--color-orange-1);
  border: 2px solid var(--color-orange-1);
}

.button.-orange-1:hover {
  background-color: transparent !important;
  color: var(--color-orange-1);
}

.button.-outline-orange-1 {
  border: 2px solid var(--color-orange-1);
}

.button.-outline-orange-1:hover {
  background-color: var(--color-orange-1);
  border-color: transparent;
  color: white !important;
}

.button.-orange-2 {
  background-color: var(--color-orange-2);
  border: 2px solid var(--color-orange-2);
}

.button.-orange-2:hover {
  background-color: transparent !important;
  color: var(--color-orange-2);
}

.button.-outline-orange-2 {
  border: 2px solid var(--color-orange-2);
}

.button.-outline-orange-2:hover {
  background-color: var(--color-orange-2);
  border-color: transparent;
  color: white !important;
}

.button.-orange-3 {
  background-color: var(--color-orange-3);
  border: 2px solid var(--color-orange-3);
}

.button.-orange-3:hover {
  background-color: transparent !important;
  color: var(--color-orange-3);
}

.button.-outline-orange-3 {
  border: 2px solid var(--color-orange-3);
}

.button.-outline-orange-3:hover {
  background-color: var(--color-orange-3);
  border-color: transparent;
  color: white !important;
}

.button.-orange-4 {
  background-color: var(--color-orange-4);
  border: 2px solid var(--color-orange-4);
}

.button.-orange-4:hover {
  background-color: transparent !important;
  color: var(--color-orange-4);
}

.button.-outline-orange-4 {
  border: 2px solid var(--color-orange-4);
}

.button.-outline-orange-4:hover {
  background-color: var(--color-orange-4);
  border-color: transparent;
  color: white !important;
}

.button.-orange-5 {
  background-color: var(--color-orange-5);
  border: 2px solid var(--color-orange-5);
}

.button.-orange-5:hover {
  background-color: transparent !important;
  color: var(--color-orange-5);
}

.button.-outline-orange-5 {
  border: 2px solid var(--color-orange-5);
}

.button.-outline-orange-5:hover {
  background-color: var(--color-orange-5);
  border-color: transparent;
  color: white !important;
}

.button.-orange-6 {
  background-color: var(--color-orange-6);
  border: 2px solid var(--color-orange-6);
}

.button.-orange-6:hover {
  background-color: transparent !important;
  color: var(--color-orange-6);
}

.button.-outline-orange-6 {
  border: 2px solid var(--color-orange-6);
}

.button.-outline-orange-6:hover {
  background-color: var(--color-orange-6);
  border-color: transparent;
  color: white !important;
}

.button.-orange-7 {
  background-color: var(--color-orange-7);
  border: 2px solid var(--color-orange-7);
}

.button.-orange-7:hover {
  background-color: transparent !important;
  color: var(--color-orange-7);
}

.button.-outline-orange-7 {
  border: 2px solid var(--color-orange-7);
}

.button.-outline-orange-7:hover {
  background-color: var(--color-orange-7);
  border-color: transparent;
  color: white !important;
}

.button.-red-1 {
  background-color: var(--color-red-1);
  border: 2px solid var(--color-red-1);
}

.button.-red-1:hover {
  background-color: transparent !important;
  color: var(--color-red-1);
}

.button.-outline-red-1 {
  border: 2px solid var(--color-red-1);
}

.button.-outline-red-1:hover {
  background-color: var(--color-red-1);
  border-color: transparent;
  color: white !important;
}

.button.-red-2 {
  background-color: var(--color-red-2);
  border: 2px solid var(--color-red-2);
}

.button.-red-2:hover {
  background-color: transparent !important;
  color: var(--color-red-2);
}

.button.-outline-red-2 {
  border: 2px solid var(--color-red-2);
}

.button.-outline-red-2:hover {
  background-color: var(--color-red-2);
  border-color: transparent;
  color: white !important;
}

.button.-red-3 {
  background-color: var(--color-red-3);
  border: 2px solid var(--color-red-3);
}

.button.-red-3:hover {
  background-color: transparent !important;
  color: var(--color-red-3);
}

.button.-outline-red-3 {
  border: 2px solid var(--color-red-3);
}

.button.-outline-red-3:hover {
  background-color: var(--color-red-3);
  border-color: transparent;
  color: white !important;
}

.button.-beige-1 {
  background-color: var(--color-beige-1);
  border: 2px solid var(--color-beige-1);
}

.button.-beige-1:hover {
  background-color: transparent !important;
  color: var(--color-beige-1);
}

.button.-outline-beige-1 {
  border: 2px solid var(--color-beige-1);
}

.button.-outline-beige-1:hover {
  background-color: var(--color-beige-1);
  border-color: transparent;
  color: white !important;
}

.button.-blue-1 {
  background-color: var(--color-blue-1);
  border: 2px solid var(--color-blue-1);
}

.button.-blue-1:hover {
  background-color: transparent !important;
  color: var(--color-blue-1);
}

.button.-outline-blue-1 {
  border: 2px solid var(--color-blue-1);
}

.button.-outline-blue-1:hover {
  background-color: var(--color-blue-1);
  border-color: transparent;
  color: white !important;
}

.button.-blue-2 {
  background-color: var(--color-blue-2);
  border: 2px solid var(--color-blue-2);
}

.button.-blue-2:hover {
  background-color: transparent !important;
  color: var(--color-blue-2);
}

.button.-outline-blue-2 {
  border: 2px solid var(--color-blue-2);
}

.button.-outline-blue-2:hover {
  background-color: var(--color-blue-2);
  border-color: transparent;
  color: white !important;
}

.button.-blue-3 {
  background-color: var(--color-blue-3);
  border: 2px solid var(--color-blue-3);
}

.button.-blue-3:hover {
  background-color: transparent !important;
  color: var(--color-blue-3);
}

.button.-outline-blue-3 {
  border: 2px solid var(--color-blue-3);
}

.button.-outline-blue-3:hover {
  background-color: var(--color-blue-3);
  border-color: transparent;
  color: white !important;
}

.button.-blue-4 {
  background-color: var(--color-blue-4);
  border: 2px solid var(--color-blue-4);
}

.button.-blue-4:hover {
  background-color: transparent !important;
  color: var(--color-blue-4);
}

.button.-outline-blue-4 {
  border: 2px solid var(--color-blue-4);
}

.button.-outline-blue-4:hover {
  background-color: var(--color-blue-4);
  border-color: transparent;
  color: white !important;
}

.button.-blue-5 {
  background-color: var(--color-blue-5);
  border: 2px solid var(--color-blue-5);
}

.button.-blue-5:hover {
  background-color: transparent !important;
  color: var(--color-blue-5);
}

.button.-outline-blue-5 {
  border: 2px solid var(--color-blue-5);
}

.button.-outline-blue-5:hover {
  background-color: var(--color-blue-5);
  border-color: transparent;
  color: white !important;
}

.button.-blue-6 {
  background-color: var(--color-blue-6);
  border: 2px solid var(--color-blue-6);
}

.button.-blue-6:hover {
  background-color: transparent !important;
  color: var(--color-blue-6);
}

.button.-outline-blue-6 {
  border: 2px solid var(--color-blue-6);
}

.button.-outline-blue-6:hover {
  background-color: var(--color-blue-6);
  border-color: transparent;
  color: white !important;
}

.button.-blue-7 {
  background-color: var(--color-blue-7);
  border: 2px solid var(--color-blue-7);
}

.button.-blue-7:hover {
  background-color: transparent !important;
  color: var(--color-blue-7);
}

.button.-outline-blue-7 {
  border: 2px solid var(--color-blue-7);
}

.button.-outline-blue-7:hover {
  background-color: var(--color-blue-7);
  border-color: transparent;
  color: white !important;
}

.button.-yellow-1 {
  background-color: var(--color-yellow-1);
  border: 2px solid var(--color-yellow-1);
}

.button.-yellow-1:hover {
  background-color: transparent !important;
  color: var(--color-yellow-1);
}

.button.-outline-yellow-1 {
  border: 2px solid var(--color-yellow-1);
}

.button.-outline-yellow-1:hover {
  background-color: var(--color-yellow-1);
  border-color: transparent;
  color: white !important;
}

.button.-yellow-2 {
  background-color: var(--color-yellow-2);
  border: 2px solid var(--color-yellow-2);
}

.button.-yellow-2:hover {
  background-color: transparent !important;
  color: var(--color-yellow-2);
}

.button.-outline-yellow-2 {
  border: 2px solid var(--color-yellow-2);
}

.button.-outline-yellow-2:hover {
  background-color: var(--color-yellow-2);
  border-color: transparent;
  color: white !important;
}

.button.-yellow-3 {
  background-color: var(--color-yellow-3);
  border: 2px solid var(--color-yellow-3);
}

.button.-yellow-3:hover {
  background-color: transparent !important;
  color: var(--color-yellow-3);
}

.button.-outline-yellow-3 {
  border: 2px solid var(--color-yellow-3);
}

.button.-outline-yellow-3:hover {
  background-color: var(--color-yellow-3);
  border-color: transparent;
  color: white !important;
}

.button.-yellow-4 {
  background-color: var(--color-yellow-4);
  border: 2px solid var(--color-yellow-4);
}

.button.-yellow-4:hover {
  background-color: transparent !important;
  color: var(--color-yellow-4);
}

.button.-outline-yellow-4 {
  border: 2px solid var(--color-yellow-4);
}

.button.-outline-yellow-4:hover {
  background-color: var(--color-yellow-4);
  border-color: transparent;
  color: white !important;
}

.button.-yellow-5 {
  background-color: var(--color-yellow-5);
  border: 2px solid var(--color-yellow-5);
}

.button.-yellow-5:hover {
  background-color: transparent !important;
  color: var(--color-yellow-5);
}

.button.-outline-yellow-5 {
  border: 2px solid var(--color-yellow-5);
}

.button.-outline-yellow-5:hover {
  background-color: var(--color-yellow-5);
  border-color: transparent;
  color: white !important;
}

.button.-info-1 {
  background-color: var(--color-info-1);
  border: 2px solid var(--color-info-1);
}

.button.-info-1:hover {
  background-color: transparent !important;
  color: var(--color-info-1);
}

.button.-outline-info-1 {
  border: 2px solid var(--color-info-1);
}

.button.-outline-info-1:hover {
  background-color: var(--color-info-1);
  border-color: transparent;
  color: white !important;
}

.button.-info-2 {
  background-color: var(--color-info-2);
  border: 2px solid var(--color-info-2);
}

.button.-info-2:hover {
  background-color: transparent !important;
  color: var(--color-info-2);
}

.button.-outline-info-2 {
  border: 2px solid var(--color-info-2);
}

.button.-outline-info-2:hover {
  background-color: var(--color-info-2);
  border-color: transparent;
  color: white !important;
}

.button.-warning-1 {
  background-color: var(--color-warning-1);
  border: 2px solid var(--color-warning-1);
}

.button.-warning-1:hover {
  background-color: transparent !important;
  color: var(--color-warning-1);
}

.button.-outline-warning-1 {
  border: 2px solid var(--color-warning-1);
}

.button.-outline-warning-1:hover {
  background-color: var(--color-warning-1);
  border-color: transparent;
  color: white !important;
}

.button.-warning-2 {
  background-color: var(--color-warning-2);
  border: 2px solid var(--color-warning-2);
}

.button.-warning-2:hover {
  background-color: transparent !important;
  color: var(--color-warning-2);
}

.button.-outline-warning-2 {
  border: 2px solid var(--color-warning-2);
}

.button.-outline-warning-2:hover {
  background-color: var(--color-warning-2);
  border-color: transparent;
  color: white !important;
}

.button.-error-1 {
  background-color: var(--color-error-1);
  border: 2px solid var(--color-error-1);
}

.button.-error-1:hover {
  background-color: transparent !important;
  color: var(--color-error-1);
}

.button.-outline-error-1 {
  border: 2px solid var(--color-error-1);
}

.button.-outline-error-1:hover {
  background-color: var(--color-error-1);
  border-color: transparent;
  color: white !important;
}

.button.-error-2 {
  background-color: var(--color-error-2);
  border: 2px solid var(--color-error-2);
}

.button.-error-2:hover {
  background-color: transparent !important;
  color: var(--color-error-2);
}

.button.-outline-error-2 {
  border: 2px solid var(--color-error-2);
}

.button.-outline-error-2:hover {
  background-color: var(--color-error-2);
  border-color: transparent;
  color: white !important;
}

.button.-success-1 {
  background-color: var(--color-success-1);
  border: 2px solid var(--color-success-1);
}

.button.-success-1:hover {
  background-color: transparent !important;
  color: var(--color-success-1);
}

.button.-outline-success-1 {
  border: 2px solid var(--color-success-1);
}

.button.-outline-success-1:hover {
  background-color: var(--color-success-1);
  border-color: transparent;
  color: white !important;
}

.button.-success-2 {
  background-color: var(--color-success-2);
  border: 2px solid var(--color-success-2);
}

.button.-success-2:hover {
  background-color: transparent !important;
  color: var(--color-success-2);
}

.button.-outline-success-2 {
  border: 2px solid var(--color-success-2);
}

.button.-outline-success-2:hover {
  background-color: var(--color-success-2);
  border-color: transparent;
  color: white !important;
}

.button.-white-20:hover {
  background-color: white;
  color: var(--color-dark-1) !important;
}

.button.-gradient-1:hover {
  color: var(--color-dark-1) !important;
}

.button.-purple-3:hover {
  color: white !important;
  background-color: var(--color-purple-1) !important;
}

.button.-dark-6:hover {
  color: var(--color-dark-1) !important;
  background-color: white !important;
}

.button.-light-7:hover {
  color: white !important;
  background-color: var(--color-purple-1) !important;
  border-color: var(--color-purple-1) !important;
}

.button.-outline-green-1:hover {
  color: var(--color-dark-1) !important;
}

.button.-outline-white:hover {
  color: var(--color-dark-1) !important;
}

.button.-outline-light-5:hover {
  color: var(--color-dark-1) !important;
}

.dropdown__button {
  height: 50px;
  border-radius: 8px;
  background-color: var(--color-light-3);
  padding: 12px 16px;
}

.form-checkbox__mark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border: 2px solid var(--color-dark-3);
}

.form-checkbox input:checked~.form-checkbox__mark {
  background-color: var(--color-dark-1);
  border-color: var(--color-dark-1);
}

.form-checkbox:hover input~.form-checkbox__mark {
  background-color: var(--color-dark-1);
}

.form-checkbox:hover input:checked~.form-checkbox__mark {
  background-color: var(--color-dark-1);
}

.form-radio .radio__mark {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  border: 2px solid var(--color-dark-3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-radio .radio__icon {
  display: none;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: var(--color-dark-1);
}

.form-radio .radio input:checked~.radio__mark {
  border-color: var(--color-dark-1);
}

.form-switch .switch__slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 4px;
  background-color: var(--color-light-2);
  border-radius: 50%;
  transition: .3s;
}

.form-switch .switch input:checked+.switch__slider {
  background-color: var(--color-purple-1);
}

.form-single-field.-base>input.text-dark-1::-moz-placeholder {
  color: var(--color-dark-1);
}

.form-single-field.-base>input.text-dark-1:-ms-input-placeholder {
  color: var(--color-dark-1);
}

.form-single-field.-base>input.text-dark-1::placeholder {
  color: var(--color-dark-1);
}

.form-single-field.-help>input {
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-light-5);
  padding: 24px;
  border-radius: 8px;
}

.nice-select .option.selected {
  color: var(--color-purple-1);
}

.nice-select .nice-select-search {
  border: none !important;
  background-color: var(--color-light-3) !important;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
  color: var(--color-dark-1);
}

.about-content__title {
  font-size: 45px;
  line-height: 52px;
  font-weight: 700;
  color: var(--color-dark-1);
}

.about-content__title span {
  color: #6440FB;
}

.about-content__text {
  margin-top: 20px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: var(--color-dark-1);
}

.about-content .about-content-list__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
  color: var(--color-dark-1);
}

.app-content__title {
  font-size: 45px;
  line-height: 52px;
  font-weight: 700;
  color: var(--color-dark-1);
}

.app-content__text {
  margin-top: 20px;
  color: var(--color-dark-1);
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
}

.blogCard.-type-1 .blogCard__date {
  margin-top: 10px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: var(--color-light-1);
}

.blogCard.-type-2 .blogCard__date {
  margin-top: 10px;
  color: var(--color-light-1);
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
}

.coursesCard.-type-1 .coursesCard__image_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark-1);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.coursesCard.-type-1 .coursesCard-footer__author div {
  margin-left: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--color-light-1);
}

.coursesCard.-type-1 .coursesCard-footer__price>div:nth-child(1) {
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  margin-right: 10px;
  color: var(--color-light-1);
  text-decoration: line-through;
}

.coursesCard.-type-1 .coursesCard-footer__price>div:nth-child(2) {
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  color: var(--color-dark-1);
}

.coursesCard.-type-3:hover .coursesCard__icon {
  background-color: var(--color-purple-1) !important;
}

.coursesCard.-type-4 .coursesCard__image_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark-1);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.featureCard.-type-1 .featureCard__content {
  height: 100%;
  background: var(--color-light-3);
  border-radius: 8px;
  padding: 26px 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.featureCard.-type-1 .featureCard__title {
  margin-top: 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  color: var(--color-dark-1);
}

.featureCard.-type-1 .featureCard__text {
  margin-top: 10px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: var(--color-light-1);
}

.footer.-type-1.-dark {
  color: var(--color-dark-1);
}

.footer.-type-1.-dark a {
  color: var(--color-light-1);
}

.footer.-type-1 .footer-columns__links a:hover {
  color: var(--color-purple-1);
}

.footer.-type-1 .footer-columns .footer-columns-form .form-group input {
  width: 100%;
  border-radius: 100px;
  background-color: white;
  padding: 22px 30px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--color-light-1);
}

.footer.-type-1 .footer-columns .footer-columns-form .form-group input::-moz-placeholder {
  color: var(--color-light-1);
}

.footer.-type-1 .footer-columns .footer-columns-form .form-group input:-ms-input-placeholder {
  color: var(--color-light-1);
}

.footer.-type-1 .footer-columns .footer-columns-form .form-group input::placeholder {
  color: var(--color-light-1);
}

.footer.-type-1.-green-links .footer-columns a:hover {
  text-decoration: underline;
  color: var(--color-green-1) !important;
}

.footer.-type-4 .footer-header-socials__list a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--color-dark-6);
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.footer.-type-5 .footer-header-socials__list a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--color-dark-6);
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header__explore>a:hover {
  color: var(--color-green-1) !important;
}

.header.-type-1 {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-dark-1);
  padding: 0 20px;
}

@media (min-width: 1200px) {
  .header .header-menu .menu__nav>li:hover>a {
    color: var(--color-green-1);
    background-color: rgba(255, 255, 255, 0.15);
  }

  .header .header-menu .menu .subnav>li>a:hover {
    color: var(--color-purple-1);
  }
}

@media (max-width: 1199px) {
  .header .header-menu .menu__nav a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 20px;
    border-radius: 8px;
    color: var(--color-dark-1) !important;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .header .header-menu .menu__nav a:hover {
    color: var(--color-purple-1) !important;
    background-color: #F4F2FF;
  }

  .header .header-menu .menu .subnav>li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    padding: 0 20px;
    color: var(--color-dark-1) !important;
    transition: color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .header .header-menu .menu .subnav>li>a:hover {
    color: var(--color-purple-1) !important;
  }

  .header .header-menu .menu .subnav .menu__backButton a {
    justify-content: flex-start !important;
    height: 60px !important;
    font-weight: 600 !important;
    color: var(--color-purple-1) !important;
    font-size: 16px;
    background-color: var(--color-purple-3);
  }
}

@media (max-width: 1199px) {
  .header .header-menu .mobile-footer .mobile-socials a:hover {
    background-color: var(--color-light-4);
    color: var(--color-purple-1) !important;
  }
}

.header.-type-3 .header-search-field input {
  width: 100%;
  font-size: 13px;
  line-height: 1;
  background-color: var(--color-light-3);
  border-radius: 8px;
  padding: 18px 28px;
}

.header.-type-3 .header-search-field button .icon {
  font-size: 20px;
  color: var(--color-dark-1);
}

.header.-type-4 .header-search-field button .icon {
  font-size: 20px;
  color: var(--color-dark-1);
}

.sidebar.-base-sidebar .sidebar__item.-is-active {
  background-color: var(--color-purple-3);
  color: var(--color-purple-1) !important;
}

.sidebar.-base-sidebar .sidebar__links>div>a:hover {
  color: var(--color-dark-1);
}

.sidebar.-base-sidebar .sidebar__links>div>a:hover::before {
  background-color: var(--color-dark-1);
}

.header .header-search__field input:focus {
  outline: none;
  border-bottom: 1px solid var(--color-dark-1);
}

.header .header-search__field input::-moz-placeholder {
  color: var(--color-dark-1);
}

.header .header-search__field input:-ms-input-placeholder {
  color: var(--color-dark-1);
}

.header .header-search__field input::placeholder {
  color: var(--color-dark-1);
}

.header .header-menu .mega__menu a {
  padding: 6px 0;
  color: var(--color-dark-1) !important;
}

.header .header-menu .mega__menu a:hover {
  color: var(--color-purple-1) !important;
}

.masthead.-type-1 .masthead__bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark-1);
}

.masthead.-type-2 .masthead__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark-1);
  opacity: 0.7;
}

.masthead.-type-2 .masthead-form__group label {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--color-dark-1);
}

.masthead.-type-2 .masthead-form__group input {
  border: 1px solid var(--color-light-8);
  padding: 15px 22px;
  border-radius: 8px;
}

.masthead.-type-3 .masthead-search__form input::-moz-placeholder {
  color: var(--color-light-1);
}

.masthead.-type-3 .masthead-search__form input:-ms-input-placeholder {
  color: var(--color-light-1);
}

.masthead.-type-3 .masthead-search__form input::placeholder {
  color: var(--color-light-1);
}

.masthead.-type-7 .masthead-form__item+.masthead-form__item {
  border-left: 1px solid var(--color-light-5);
}

.teamCard.-type-1 .teamCard__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  color: var(--color-dark-1);
}

.teamCard.-type-1 .teamCard__text {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: var(--color-light-1);
}

.teamCard.-type-2 {
  box-shadow: 0px 6px 15px 0px #404F680D;
  border-radius: 8px;
  border: 1px solid var(--color-light-5);
  padding: 30px;
}

.teamCard.-type-2 .teamCard-tags__tag {
  padding: 10px 19px;
  font-size: 13px;
  line-height: 15px;
  border-radius: 100px;
  border: 1px solid var(--color-light-5);
}

.testimonials.-type-1 .testimonials__title {
  color: var(--color-black);
}

.testimonials.-type-1 .testimonials__text {
  margin-top: 14px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-dark-1);
}

.testimonials.-type-1 .testimonials-footer__text {
  margin-top: 5px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: var(--color-light-1);
}

.sectionTitle__title {
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: 700;
  color: var(--color-dark-1);
}

.sectionTitle__text {
  margin-top: 10px;
  color: var(--color-light-1);
}

.mainSlider.-type-1 .mainSlider__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark-1);
  opacity: 0.5;
}

.mainSlider.-type-1 .mainSlider__form input {
  width: 100%;
  height: 70px;
  font-size: 15px;
  line-height: 26px;
  background-color: white;
  color: var(--color-light-1);
  border-radius: 100px;
  padding: 22px 35px;
}

.pagination.-arrows {
  display: flex;
  color: var(--color-light-2);
}

.pagination.-arrows .pagination__item.is-active {
  background-color: var(--color-purple-1);
}

.arrow-left-hover:hover {
  color: var(--color-purple-1);
  transform: translateX(-5px) scale(1.25);
}

.arrow-right-hover:hover {
  color: var(--color-purple-1);
  transform: translateX(5px) scale(1.25);
}

.pagination.-buttons .pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  border-radius: 100%;
  background-color: var(--color-light-7);
  color: var(--color-purple-1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.pagination.-buttons .pagination__button .icon {
  font-size: 12px;
}

.pagination.-buttons .pagination__button:hover {
  background-color: var(--color-purple-1);
  color: white;
}

.pagination.-buttons .pagination__count>* {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: var(--color-dark-1);
}

.pagination.-buttons .pagination__count a::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 16px;
  height: 2px;
  transform: translateX(-50%);
  background-color: var(--color-purple-1);
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

.pagination.-buttons .pagination__count li.-count-is-active a {
  color: var(--color-purple-1);
}

.pagination.-buttons .pagination__count li.-count-is-active a::after {
  opacity: 1;
}

.pagination.-avatars .pagination__item::before {
  content: "";
  position: absolute;
  border-radius: 100%;
  width: 92px;
  height: 92px;
  border: 2px solid var(--color-dark-1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

.eventCard.-type-3:hover {
  background-color: var(--color-dark-5);
}

.eventCard.-type-4:hover .eventCard__date {
  background-color: var(--color-purple-1) !important;
}

.categoryCard.-type-2:hover .categoryCard__title {
  color: var(--color-purple-1);
}

.categoryCard.-type-3:hover .categoryCard__icon {
  background-color: var(--color-purple-1);
}

.categoryCard.-type-3:hover .categoryCard__icon .icon {
  color: white;
}

.categoryCard.-type-3:hover .categoryCard__title {
  color: var(--color-purple-1);
}

.categoryCard.-type-4:hover .categoryCard__icon .icon {
  color: var(--color-purple-1);
}

.categoryCard.-type-4:hover .categoryCard__title {
  color: var(--color-purple-1);
}

.breadcrumbs {
  margin-top: 90px;
  padding: 16px 0;
  display: flex;
  align-items: center;
  background-color: var(--color-light-6);
}

.breadcrumbs__content>*+*:last-child a {
  color: var(--color-dark-1);
}

.infoCard.-type-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  background-color: white;
  padding: 20px 20px;
  box-shadow: 0px 20px 30px rgba(25, 25, 46, 0.04);
  border: 1px solid var(--color-light-5);
  border-radius: 8px;
}

.accordion.-block .accordion__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-color: var(--color-light-7);
  border-radius: 100%;
  margin-right: 22px;
  transition: all 0.2s ease-out;
}

.accordion.-block .accordion__icon .icon {
  position: absolute;
  width: 18px;
  height: 18px;
  stroke-width: 2;
  color: var(--color-purple-1);
  transition: all 0.2s ease-out;
}

.accordion.-block .accordion__item.is-active .accordion__icon {
  background-color: var(--color-purple-1);
}

.tabs.-active-purple-1 .tabs__controls .tabs__button.is-active {
  color: var(--color-purple-1) !important;
}

.tabs.-active-purple-2 .tabs__controls {
  width: 100%;
  border-bottom: 2px solid var(--color-light-5);
  margin: 0;
}

.tabs.-active-purple-2 .tabs__controls .tabs__button::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-purple-1);
  opacity: 0;
}

.tabs.-active-purple-2 .tabs__controls .tabs__button.is-active {
  color: var(--color-purple-1) !important;
}

.tabs.-pills .tabs__controls .tabs__button.is-active {
  color: var(--color-purple-1) !important;
  font-weight: 500;
  background-color: var(--color-purple-3);
}

.tabs.-pills-2 .tabs__controls .tabs__button.is-active {
  color: var(--color-purple-1) !important;
  background-color: white !important;
}

.tabs.-side .tabs__controls {
  border-left: 1px solid var(--color-light-5);
}

.tabs.-side .tabs__controls .tabs__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  height: 100%;
  width: 2px;
  background-color: var(--color-purple-1);
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}

.tabs.-side .tabs__controls .tabs__button.is-active {
  color: var(--color-purple-1) !important;
}

.badge.-light-3 {
  background-color: var(--color-light-3);
}

.badge.-light-3:hover {
  background-color: var(--color-purple-1);
  color: white !important;
}

.related-nav__item:hover span,
.related-nav__item:hover .icon {
  color: var(--color-accent) !important;
}

.shopCompleted-header .icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-purple-1);
  border-radius: 100%;
}

.shopCompleted-info {
  margin-top: 40px;
  border: 1px dashed var(--color-purple-1);
  border-radius: 8px;
  background-color: var(--accent-light-color);
  padding: 40px 52px;
}

.sidebar.-dashboard .sidebar__item.-is-active {
  background-color: var(--color-dark-1);
  color: white !important;
}

.sidebar.-courses .sidebar-checkbox__title {
  font-size: 14px;
  line-height: 1;
  color: var(--color-dark-1);
}

.sidebar.-blog .sidebar-content.-list a:hover {
  font-weight: 500;
  color: var(--color-purple-1);
}

.sidebar.-blog .sidebar-tag a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 18px;
  background-color: var(--color-light-3);
  border-radius: 100px;
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sidebar.-blog .sidebar-tag a:hover {
  color: white !important;
  background-color: var(--color-purple-1);
}

.sidebar.-shop .sidebar__search .search .field {
  z-index: 1;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  padding: 16px;
  padding-left: 56px;
  border-radius: 8px;
  border: 1px solid var(--color-light-8);
}

.sidebar.-shop .sidebar-content.-list a:hover {
  font-weight: 500;
  color: var(--color-purple-1);
}

.sidebar.-shop .sidebar-tag a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 18px;
  background-color: var(--color-light-3);
  border-radius: 100px;
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sidebar.-shop .sidebar-tag a:hover {
  color: white !important;
  background-color: var(--color-purple-1);
}

[data-slider]>div>[data-inverse-left] {
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
  background-color: var(--color-light-12);
}

[data-slider]>div>[data-inverse-right] {
  position: absolute;
  right: 0;
  height: 5px;
  border-radius: 10px;
  background-color: var(--color-light-12);
}

[data-slider]>div>[data-range] {
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 14px;
  background-color: var(--color-purple-1);
}

[data-slider]>div>[data-thumb] {
  position: absolute;
  top: -7px;
  z-index: 2;
  height: 17px;
  width: 17px;
  text-align: left;
  margin-left: -11px;
  cursor: pointer;
  background-color: #FFF;
  border-radius: 50%;
  outline: none;
  border: 2px solid var(--color-purple-1);
}

.bg-white {
  background-color: var(--color-white);
}

.bg-black {
  background-color: var(--color-black);
}

.bg-dark-1 {
  background-color: var(--color-dark-1);
}

.bg-dark-2 {
  background-color: var(--color-dark-2);
}

.bg-dark-3 {
  background-color: var(--color-dark-3);
}

.bg-dark-4 {
  background-color: var(--color-dark-4);
}

.bg-dark-5 {
  background-color: var(--color-dark-5);
}

.bg-dark-6 {
  background-color: var(--color-dark-6);
}

.bg-dark-7 {
  background-color: var(--color-dark-7);
}

.bg-dark-8 {
  background-color: var(--color-dark-8);
}

.bg-light-1 {
  background-color: var(--color-light-1);
}

.bg-light-2 {
  background-color: var(--color-light-2);
}

.bg-light-3 {
  background-color: var(--color-light-3);
}

.bg-light-4 {
  background-color: var(--color-light-4);
}

.bg-light-5 {
  background-color: var(--color-light-5);
}

.bg-light-6 {
  background-color: var(--color-light-6);
}

.bg-light-7 {
  background-color: var(--color-light-7);
}

.bg-light-8 {
  background-color: var(--color-light-8);
}

.bg-light-9 {
  background-color: var(--color-light-9);
}

.bg-light-10 {
  background-color: var(--color-light-10);
}

.bg-light-11 {
  background-color: var(--color-light-11);
}

.bg-light-12 {
  background-color: var(--color-light-12);
}

.bg-purple-1 {
  background-color: var(--color-purple-1);
}

.bg-purple-2 {
  background-color: var(--color-purple-2);
}

.bg-purple-3 {
  background-color: var(--color-purple-3);
}

.bg-purple-4 {
  background-color: var(--color-purple-4);
}

.bg-purple-5 {
  background-color: var(--color-purple-5);
}

.bg-green-1 {
  background-color: var(--color-green-1);
}

.bg-green-2 {
  background-color: var(--color-green-2);
}

.bg-green-3 {
  background-color: var(--color-green-3);
}

.bg-green-4 {
  background-color: var(--color-green-4);
}

.bg-green-5 {
  background-color: var(--color-green-5);
}

.bg-green-6 {
  background-color: var(--color-green-6);
}

.bg-green-7 {
  background-color: var(--color-green-7);
}

.bg-orange-1 {
  background-color: var(--color-orange-1);
}

.bg-orange-2 {
  background-color: var(--color-orange-2);
}

.bg-orange-3 {
  background-color: var(--color-orange-3);
}

.bg-orange-4 {
  background-color: var(--color-orange-4);
}

.bg-orange-5 {
  background-color: var(--color-orange-5);
}

.bg-orange-6 {
  background-color: var(--color-orange-6);
}

.bg-orange-7 {
  background-color: var(--color-orange-7);
}

.bg-red-1 {
  background-color: var(--color-red-1);
}

.bg-red-2 {
  background-color: var(--color-red-2);
}

.bg-red-3 {
  background-color: var(--color-red-3);
}

.bg-beige-1 {
  background-color: var(--color-beige-1);
}

.bg-blue-1 {
  background-color: var(--color-blue-1);
}

.bg-blue-2 {
  background-color: var(--color-blue-2);
}

.bg-blue-3 {
  background-color: var(--color-blue-3);
}

.bg-blue-4 {
  background-color: var(--color-blue-4);
}

.bg-blue-5 {
  background-color: var(--color-blue-5);
}

.bg-blue-6 {
  background-color: var(--color-blue-6);
}

.bg-blue-7 {
  background-color: var(--color-blue-7);
}

.bg-yellow-1 {
  background-color: var(--color-yellow-1);
}

.bg-yellow-2 {
  background-color: var(--color-yellow-2);
}

.bg-yellow-3 {
  background-color: var(--color-yellow-3);
}

.bg-yellow-4 {
  background-color: var(--color-yellow-4);
}

.bg-yellow-5 {
  background-color: var(--color-yellow-5);
}

.bg-info-1 {
  background-color: var(--color-info-1);
}

.bg-info-2 {
  background-color: var(--color-info-2);
}

.bg-warning-1 {
  background-color: var(--color-warning-1);
}

.bg-warning-2 {
  background-color: var(--color-warning-2);
}

.bg-error-1 {
  background-color: var(--color-error-1);
}

.bg-error-2 {
  background-color: var(--color-error-2);
}

.bg-success-1 {
  background-color: var(--color-success-1);
}

.bg-success-2 {
  background-color: var(--color-success-2);
}

.text-theme-1 {
  color: var(--theme-color-1);
}

.text-white {
  color: var(--color-white);
}

.text-black {
  color: var(--color-black);
}

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

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

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

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

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

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

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

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

.text-light-1 {
  color: var(--color-light-1);
}

.text-light-2 {
  color: var(--color-light-2);
}

.text-light-3 {
  color: var(--color-light-3);
}

.text-light-4 {
  color: var(--color-light-4);
}

.text-light-5 {
  color: var(--color-light-5);
}

.text-light-6 {
  color: var(--color-light-6);
}

.text-light-7 {
  color: var(--color-light-7);
}

.text-light-8 {
  color: var(--color-light-8);
}

.text-light-9 {
  color: var(--color-light-9);
}

.text-light-10 {
  color: var(--color-light-10);
}

.text-light-11 {
  color: var(--color-light-11);
}

.text-light-12 {
  color: var(--color-light-12);
}

.text-purple-1 {
  color: var(--color-purple-1);
}

.text-purple-2 {
  color: var(--color-purple-2);
}

.text-purple-3 {
  color: var(--color-purple-3);
}

.text-purple-4 {
  color: var(--color-purple-4);
}

.text-purple-5 {
  color: var(--color-purple-5);
}

.text-green-1 {
  color: var(--color-green-1);
}

.text-green-2 {
  color: var(--color-green-2);
}

.text-green-3 {
  color: var(--color-green-3);
}

.text-green-4 {
  color: var(--color-green-4);
}

.text-green-5 {
  color: var(--color-green-5);
}

.text-green-6 {
  color: var(--color-green-6);
}

.text-green-7 {
  color: var(--color-green-7);
}

.text-orange-1 {
  color: var(--color-orange-1);
}

.text-orange-2 {
  color: var(--color-orange-2);
}

.text-orange-3 {
  color: var(--color-orange-3);
}

.text-orange-4 {
  color: var(--color-orange-4);
}

.text-orange-5 {
  color: var(--color-orange-5);
}

.text-orange-6 {
  color: var(--color-orange-6);
}

.text-orange-7 {
  color: var(--color-orange-7);
}

.text-red-1 {
  color: var(--color-red-1);
}

.text-red-2 {
  color: var(--color-red-2);
}

.text-red-3 {
  color: var(--color-red-3);
}

.text-beige-1 {
  color: var(--color-beige-1);
}

.text-blue-1 {
  color: var(--color-blue-1);
}

.text-blue-2 {
  color: var(--color-blue-2);
}

.text-blue-3 {
  color: var(--color-blue-3);
}

.text-blue-4 {
  color: var(--color-blue-4);
}

.text-blue-5 {
  color: var(--color-blue-5);
}

.text-blue-6 {
  color: var(--color-blue-6);
}

.text-blue-7 {
  color: var(--color-blue-7);
}

.text-yellow-1 {
  color: var(--color-yellow-1);
}

.text-yellow-2 {
  color: var(--color-yellow-2);
}

.text-yellow-3 {
  color: var(--color-yellow-3);
}

.text-yellow-4 {
  color: var(--color-yellow-4);
}

.text-yellow-5 {
  color: var(--color-yellow-5);
}

.text-info-1 {
  color: var(--color-info-1);
}

.text-info-2 {
  color: var(--color-info-2);
}

.text-warning-1 {
  color: var(--color-warning-1);
}

.text-warning-2 {
  color: var(--color-warning-2);
}

.text-error-1 {
  color: var(--color-error-1);
}

.text-error-2 {
  color: var(--color-error-2);
}

.text-success-1 {
  color: var(--color-success-1);
}

.text-success-2 {
  color: var(--color-success-2);
}

.border-light {
  border: 1px solid var(--color-light-5);
}

.border-dark-1-lg {
  border: 2px solid var(--color-dark-1);
}

.border-bottom-light {
  border-bottom: 1px solid var(--color-light-5);
}

.border-right-light {
  border-right: 1px solid var(--color-light-5);
}

.border-top-light {
  border-top: 1px solid var(--color-light-5);
}

.-hover-dshb-header-light:hover {
  color: var(--color-purple-1) !important;
  background-color: var(--color-light-4) !important;
}

.-base-sidebar-menu-hover:hover {
  background-color: var(--color-light-4) !important;
}

.-stepCard-hover:hover .stepCard__icon>* {
  color: var(--color-dark-1) !important;
}

.-stepCard-hover:hover .stepCard__title {
  color: var(--color-dark-1) !important;
}

.-stepCard-hover:hover .stepCard__text {
  color: var(--color-light-1) !important;
}

.-infoCard-hover:hover .infoCard__title {
  color: var(--color-dark-1) !important;
}

.-featureCard-hover:hover .featureCard__content {
  background-color: var(--color-dark-1) !important;
}

.-featureCard-hover-3:hover .featureCard__content {
  background-color: var(--color-purple-1) !important;
}

.-featureCard-hover-2:hover .featureCard__icon {
  color: white !important;
  background-color: var(--color-dark-1) !important;
}

.section-slider-nav.-white:hover {
  background-color: var(--color-purple-1) !important;
  color: white !important;
}

.section-slider-nav.-outline-white {
  border: 2px solid white;
}

.section-slider-nav.-outline-white:hover {
  background-color: white !important;
  color: var(--color-dark-1) !important;
}

.section-slider-nav.-outline-dark-1 {
  border: 2px solid var(--color-dark-1);
}

.section-slider-nav.-outline-dark-1:hover {
  background-color: var(--color-dark-1) !important;
  color: white !important;
}

.page-nav-menu.-line {
  border-bottom: 2px solid var(--color-light-5);
}

.page-nav-menu.-line .page-nav-menu__link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-purple-1);
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.page-nav-menu.-line .page-nav-menu__link.is-active {
  color: var(--color-purple-1) !important;
}

table.table thead {
  background-color: var(--color-purple-3);
}

table.table th {
  padding: 25px;
  font-size: 16px;
  line-height: 1;
  color: var(--color-purple-1);
  font-weight: 500;
}

table.table td {
  padding: 25px;
  border-bottom: 1px solid var(--color-light-5);
}

.tooltip__content {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 11px;
  font-size: 14px;
  line-height: 1.2;
  background-color: var(--color-dark-8);
  color: white;
  border-radius: 8px;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}

.sidebar-calendar__button:hover {
  background-color: var(--color-light-3);
}

.sidebar-calendar__button.-is-active {
  background-color: var(--color-purple-1);
}

.dot-left::before {
  content: "";
  position: absolute;
  right: calc(100% + 5px);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--color-purple-1);
}

.dot-left.-orange::before {
  background-color: var(--color-orange-1);
}

.absolute-bookmark {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: var(--color-purple-1) !important;
  border-radius: 100%;
  background: white;
}

.headerIcon {
  background: unset;
}

.headerIcon a:hover,
.headerIcon img:hover {
  background-color: var(--theme-color-1-link-hover) !important;
  opacity: 1;
}

.headerBtn {
  background: unset;
  border: unset;
}

.dropdown:hover .notice-wrap .munuIcon {
  background: var(--theme-color-1-active);
}