@charset "UTF-8";
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

:root {
  --bg: #f1f5f9;
  --bg-elevated: #ffffff;
  --bg-overlay: #e2e8f0;
  --surface: #ffffff;
  --surface-2: #f1f5f9;
  --border: #cbd5e1;
  --border-soft: #e2e8f0;
  --color-text: #1e293b;
  --color-text-muted: #475569;
  --color-text-subtle: #94a3b8;
  --color-primary: #5865F2;
  --color-success: #22c55e;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;
  --color-info: #38bdf8;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #1e293b;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
  font-weight: 700;
  line-height: 1.25;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.25rem;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

p {
  margin-bottom: 1rem;
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: #5865F2;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  text-decoration: underline;
}

img, video, svg {
  display: block;
  max-width: 100%;
}

ul, ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

code, kbd, pre, samp {
  font-family: "JetBrains Mono", "Fira Code", monospace;
  font-size: 0.9em;
}

pre {
  overflow-x: auto;
  padding: 1rem;
  border-radius: 0.375rem;
}

code {
  padding: 0.15em 0.35em;
  border-radius: 0.25rem;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
  font-size: inherit;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
}

table {
  border-collapse: collapse;
  width: 100%;
}

hr {
  border: none;
  border-top: 1px solid #e2e8f0;
  margin: 1.5rem 0;
}

:focus-visible {
  outline: 2px solid #5865F2;
  outline-offset: 2px;
}

:root {
  --color-primary-100: rgb(175.3672, 180.9104, 241.0328);
  --on-primary-100: #0f172a;
  --color-primary-200: rgb(156.234, 163.488, 242.166);
  --on-primary-200: #0f172a;
  --color-primary-300: rgb(130.4208, 139.9056, 242.7792);
  --on-primary-300: #0f172a;
  --color-primary-400: rgb(107.0553, 118.5096, 242.7447);
  --on-primary-400: #0f172a;
  --color-primary-500: #5865f2;
  --on-primary-500: #000000;
  --color-primary-600: rgb(50.7842, 66.7245298701, 239.6158);
  --on-primary-600: #ffffff;
  --color-primary-700: rgb(16.8025, 34.8585714286, 230.6975);
  --on-primary-700: #ffffff;
  --color-primary-800: rgb(13.4467666667, 28.4479619048, 191.1532333333);
  --on-primary-800: #ffffff;
  --color-primary-900: rgb(10.4866666667, 22.6447619048, 154.5133333333);
  --on-primary-900: #ffffff;
  --color-primary2-100: rgb(119.2693671642, 230.0506328358, 193.3420477612);
  --on-primary2-100: #0f172a;
  --color-primary2-200: rgb(86.7241343284, 231.6958656716, 183.6578955224);
  --on-primary2-200: #0f172a;
  --color-primary2-300: rgb(42.8027820896, 232.3572179104, 169.546280597);
  --on-primary2-300: #0f172a;
  --color-primary2-400: rgb(19.6935649254, 215.2964350746, 150.4812828358);
  --on-primary2-400: #0f172a;
  --color-primary2-500: #10b981;
  --on-primary2-500: #0f172a;
  --color-primary2-600: rgb(13.6576, 163.2224, 113.6624662722);
  --on-primary2-600: #0f172a;
  --color-primary2-700: rgb(11.28, 139.47, 96.9928402367);
  --on-primary2-700: #000000;
  --color-primary2-800: rgb(9.0272, 115.5928, 80.2811218935);
  --on-primary2-800: #ffffff;
  --color-primary2-900: rgb(7.04, 93.46, 64.8237869822);
  --on-primary2-900: #ffffff;
  --color-secondary-100: rgb(175.1119213389, 182.8477807531, 193.9680786611);
  --on-secondary-100: #0f172a;
  --color-secondary-200: rgb(158.6521297071, 168.7755104603, 183.3278702929);
  --on-secondary-200: #0f172a;
  --color-secondary-300: rgb(135.8879029289, 149.1244953975, 168.1520970711);
  --on-secondary-300: #0f172a;
  --color-secondary-400: rgb(114.9231048117, 130.9082495816, 153.8868951883);
  --on-secondary-400: #0f172a;
  --color-secondary-500: #64748b;
  --on-secondary-500: #000000;
  --color-secondary-600: rgb(85.36, 101.6061538462, 124.96);
  --on-secondary-600: #ffffff;
  --color-secondary-700: rgb(70.5, 86.1923076923, 108.75);
  --on-secondary-700: #ffffff;
  --color-secondary-800: rgb(56.42, 70.9184615385, 91.76);
  --on-secondary-800: #ffffff;
  --color-secondary-900: rgb(44, 56.9230769231, 75.5);
  --on-secondary-900: #ffffff;
  --color-success-100: rgb(140.4872883117, 224.4327116883, 171.3874441558);
  --on-success-100: #0f172a;
  --color-success-200: rgb(113.5832337662, 223.4367662338, 154.0201168831);
  --on-success-200: #0f172a;
  --color-success-300: rgb(77.1617766234, 220.7982233766, 130.0340883117);
  --on-success-300: #0f172a;
  --color-success-400: rgb(44.1138642857, 217.5761357143, 107.9650071429);
  --on-success-400: #0f172a;
  --color-success-500: #22c55e;
  --on-success-500: #0f172a;
  --color-success-600: rgb(29.0224, 174.2576, 82.483209816);
  --on-success-600: #0f172a;
  --color-success-700: rgb(23.97, 149.28, 70.0963803681);
  --on-success-700: #0f172a;
  --color-success-800: rgb(19.1828, 124.0372, 57.7795116564);
  --on-success-800: #ffffff;
  --color-success-900: rgb(14.96, 100.54, 46.4618404908);
  --on-success-900: #ffffff;
  --color-danger-100: rgb(238.6772, 165.7628, 165.7628);
  --on-danger-100: #0f172a;
  --color-danger-200: rgb(239.779, 144.361, 144.361);
  --on-danger-200: #0f172a;
  --color-danger-300: rgb(240.2408, 115.4792, 115.4792);
  --on-danger-300: #0f172a;
  --color-danger-400: rgb(239.99905, 89.33095, 89.33095);
  --on-danger-400: #0f172a;
  --color-danger-500: #ef4444;
  --on-danger-500: #0f172a;
  --color-danger-600: rgb(236.6634640394, 33.4965359606, 33.4965359606);
  --on-danger-600: #000000;
  --color-danger-700: rgb(213.1910837438, 17.0589162562, 17.0589162562);
  --on-danger-700: #ffffff;
  --color-danger-800: rgb(176.6880275862, 13.6519724138, 13.6519724138);
  --on-danger-800: #ffffff;
  --color-danger-900: rgb(142.8533004926, 10.6466995074, 10.6466995074);
  --on-danger-900: #ffffff;
  --color-warning-100: rgb(238.8488, 201.752, 139.0712);
  --on-warning-100: #0f172a;
  --color-warning-200: rgb(241.546, 193, 110.974);
  --on-warning-200: #0f172a;
  --color-warning-300: rgb(243.8432, 180.368, 73.1168);
  --on-warning-300: #0f172a;
  --color-warning-400: rgb(245.0587, 168.403, 38.8813);
  --on-warning-400: #0f172a;
  --color-warning-500: #f59e0b;
  --on-warning-500: #0f172a;
  --color-warning-600: rgb(216.6767874016, 139.3160993337, 8.6032125984);
  --on-warning-600: #0f172a;
  --color-warning-700: rgb(184.894488189, 118.79345851, 7.105511811);
  --on-warning-700: #0f172a;
  --color-warning-800: rgb(153.0335748031, 98.2506602059, 5.6864251969);
  --on-warning-800: #000000;
  --color-warning-900: rgb(123.5653543307, 79.2731677771, 4.4346456693);
  --on-warning-900: #ffffff;
  --color-info-100: rgb(160.5056, 217.2168, 242.3744);
  --on-info-100: #0f172a;
  --color-info-200: rgb(137.572, 211.786, 244.708);
  --on-info-200: #0f172a;
  --color-info-300: rgb(106.6784, 203.7152, 246.7616);
  --on-info-300: #0f172a;
  --color-info-400: rgb(78.7444, 195.9307, 247.9156);
  --on-info-400: #0f172a;
  --color-info-500: #38bdf8;
  --on-info-500: #0f172a;
  --color-info-600: rgb(20.512423301, 177.4075035194, 247.007576699);
  --on-info-600: #0f172a;
  --color-info-700: rgb(7.2827184466, 155.130618932, 220.7172815534);
  --on-info-700: #0f172a;
  --color-info-800: rgb(5.8282407767, 128.315365534, 182.6517592233);
  --on-info-800: #000000;
  --color-info-900: rgb(4.5452427184, 103.5398543689, 147.4547572816);
  --on-info-900: #ffffff;
  --color-dark-100: rgb(131.5907891892, 141.64, 151.6892108108);
  --on-dark-100: #0f172a;
  --color-dark-200: rgb(108.1798918919, 119.84, 131.5001081081);
  --on-dark-200: #000000;
  --color-dark-300: rgb(80.0500324324, 89.32, 98.5899675676);
  --on-dark-300: #ffffff;
  --color-dark-400: rgb(54.4534918919, 60.98, 67.5065081081);
  --on-dark-400: #ffffff;
  --color-dark-500: #212529;
  --on-dark-500: #ffffff;
  --color-dark-600: rgb(28.1688, 32.56, 36.9512);
  --on-dark-600: #ffffff;
  --color-dark-700: rgb(23.265, 27.75, 32.235);
  --on-dark-700: #ffffff;
  --color-dark-800: rgb(18.6186, 22.94, 27.2614);
  --on-dark-800: #ffffff;
  --color-dark-900: rgb(14.52, 18.5, 22.48);
  --on-dark-900: #ffffff;
  --color-eg-100: rgb(128.2685714286, 225.7314285714, 158.7257142857);
  --on-eg-100: #0f172a;
  --color-eg-200: rgb(98.2285714286, 225.7714285714, 138.0857142857);
  --on-eg-200: #0f172a;
  --color-eg-300: rgb(57.6171428571, 224.3828571429, 109.7314285714);
  --on-eg-300: #0f172a;
  --color-eg-400: rgb(29.8542857143, 213.1457142857, 87.1328571429);
  --on-eg-400: #0f172a;
  --color-eg-500: #19b94b;
  --on-eg-500: #0f172a;
  --color-eg-600: rgb(21.34, 163.46, 65.7525);
  --on-eg-600: #0f172a;
  --color-eg-700: rgb(17.625, 139.875, 55.828125);
  --on-eg-700: #000000;
  --color-eg-800: rgb(14.105, 116.095, 45.976875);
  --on-eg-800: #ffffff;
  --color-eg-900: rgb(11, 94, 36.9375);
  --on-eg-900: #ffffff;
  --color-es-100: rgb(141.1322040816, 194.1711428571, 231.0677959184);
  --on-es-100: #0f172a;
  --color-es-200: rgb(114.0037755102, 183.4121428571, 231.6962244898);
  --on-es-200: #0f172a;
  --color-es-300: rgb(77.3569795918, 168.1102857143, 231.2430204082);
  --on-es-300: #0f172a;
  --color-es-400: rgb(44.1549132653, 153.7529642857, 229.9950867347);
  --on-es-400: #0f172a;
  --color-es-500: #198cdc;
  --on-es-500: #0f172a;
  --color-es-600: rgb(21.34, 123.3184615385, 194.26);
  --on-es-600: #000000;
  --color-es-700: rgb(17.625, 105.2019230769, 166.125);
  --on-es-700: #ffffff;
  --color-es-800: rgb(14.105, 87.0503846154, 137.795);
  --on-es-800: #ffffff;
  --color-es-900: rgb(11, 70.2692307692, 111.5);
  --on-es-900: #ffffff;
  --color-eb-100: rgb(232.7336, 170.9056, 148.3064);
  --on-eb-100: #0f172a;
  --color-eb-200: rgb(233.362, 152.452, 122.878);
  --on-eb-200: #0f172a;
  --color-eb-300: rgb(232.9904, 127.1984, 88.5296);
  --on-eb-300: #0f172a;
  --color-eb-400: rgb(231.8689, 104.1094, 57.4111);
  --on-eb-400: #0f172a;
  --color-eb-500: #e65520;
  --on-eb-500: #0f172a;
  --color-eb-600: rgb(208.0153225806, 72.1908602151, 22.5446774194);
  --on-eb-600: #000000;
  --color-eb-700: rgb(177.8800403226, 61.2501832845, 18.6199596774);
  --on-eb-700: #ffffff;
  --color-eb-800: rgb(147.53875, 50.4052272727, 14.90125);
  --on-eb-800: #ffffff;
  --color-eb-900: rgb(119.3790322581, 40.4652981427, 11.6209677419);
  --on-eb-900: #ffffff;
  --color-en-100: rgb(128.2396, 225.4588, 233.5604);
  --on-en-100: #0f172a;
  --color-en-200: rgb(97.737, 224.961, 235.563);
  --on-en-200: #0f172a;
  --color-en-300: rgb(56.5944, 222.9432, 236.8056);
  --on-en-300: #0f172a;
  --color-en-400: rgb(19.35915, 220.24995, 236.99085);
  --on-en-400: #0f172a;
  --color-en-500: #0fc3d2;
  --on-en-500: #0f172a;
  --color-en-600: rgb(12.804, 171.9350769231, 185.196);
  --on-en-600: #0f172a;
  --color-en-700: rgb(10.575, 146.8211538462, 158.175);
  --on-en-700: #0f172a;
  --color-en-800: rgb(8.463, 121.6082307692, 131.037);
  --on-en-800: #000000;
  --color-en-900: rgb(6.6, 98.2615384615, 105.9);
  --on-en-900: #ffffff;
  --color-ep-100: rgb(175.3672, 180.9104, 241.0328);
  --on-ep-100: #0f172a;
  --color-ep-200: rgb(156.234, 163.488, 242.166);
  --on-ep-200: #0f172a;
  --color-ep-300: rgb(130.4208, 139.9056, 242.7792);
  --on-ep-300: #0f172a;
  --color-ep-400: rgb(107.0553, 118.5096, 242.7447);
  --on-ep-400: #0f172a;
  --color-ep-500: #5865f2;
  --on-ep-500: #000000;
  --color-ep-600: rgb(50.7842, 66.7245298701, 239.6158);
  --on-ep-600: #ffffff;
  --color-ep-700: rgb(16.8025, 34.8585714286, 230.6975);
  --on-ep-700: #ffffff;
  --color-ep-800: rgb(13.4467666667, 28.4479619048, 191.1532333333);
  --on-ep-800: #ffffff;
  --color-ep-900: rgb(10.4866666667, 22.6447619048, 154.5133333333);
  --on-ep-900: #ffffff;
  --color-primary: #5865F2;
  --color-primary2: #10b981;
  --color-secondary: #64748b;
  --color-success: #22c55e;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;
  --color-info: #38bdf8;
  --color-light: #f8fafc;
  --color-dark: #212529;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-eg: #19B94B;
  --color-es: #198CDC;
  --color-eb: #E65520;
  --color-en: #0FC3D2;
  --color-ep: #5865F2;
}

.bg-primary-100 {
  background-color: rgb(175.3672, 180.9104, 241.0328) !important;
}

.text-primary-100 {
  color: rgb(175.3672, 180.9104, 241.0328) !important;
}

.border-primary-100 {
  border-color: rgb(175.3672, 180.9104, 241.0328) !important;
}

.fill-primary-100 {
  fill: rgb(175.3672, 180.9104, 241.0328) !important;
}

.ring-primary-100 {
  outline: 2px solid rgb(175.3672, 180.9104, 241.0328) !important;
  outline-offset: 2px !important;
}

.bg-primary-200 {
  background-color: rgb(156.234, 163.488, 242.166) !important;
}

.text-primary-200 {
  color: rgb(156.234, 163.488, 242.166) !important;
}

.border-primary-200 {
  border-color: rgb(156.234, 163.488, 242.166) !important;
}

.fill-primary-200 {
  fill: rgb(156.234, 163.488, 242.166) !important;
}

.ring-primary-200 {
  outline: 2px solid rgb(156.234, 163.488, 242.166) !important;
  outline-offset: 2px !important;
}

.bg-primary-300 {
  background-color: rgb(130.4208, 139.9056, 242.7792) !important;
}

.text-primary-300 {
  color: rgb(130.4208, 139.9056, 242.7792) !important;
}

.border-primary-300 {
  border-color: rgb(130.4208, 139.9056, 242.7792) !important;
}

.fill-primary-300 {
  fill: rgb(130.4208, 139.9056, 242.7792) !important;
}

.ring-primary-300 {
  outline: 2px solid rgb(130.4208, 139.9056, 242.7792) !important;
  outline-offset: 2px !important;
}

.bg-primary-400 {
  background-color: rgb(107.0553, 118.5096, 242.7447) !important;
}

.text-primary-400 {
  color: rgb(107.0553, 118.5096, 242.7447) !important;
}

.border-primary-400 {
  border-color: rgb(107.0553, 118.5096, 242.7447) !important;
}

.fill-primary-400 {
  fill: rgb(107.0553, 118.5096, 242.7447) !important;
}

.ring-primary-400 {
  outline: 2px solid rgb(107.0553, 118.5096, 242.7447) !important;
  outline-offset: 2px !important;
}

.bg-primary-500 {
  background-color: #5865f2 !important;
}

.text-primary-500 {
  color: #5865f2 !important;
}

.border-primary-500 {
  border-color: #5865f2 !important;
}

.fill-primary-500 {
  fill: #5865f2 !important;
}

.ring-primary-500 {
  outline: 2px solid #5865f2 !important;
  outline-offset: 2px !important;
}

.bg-primary-600 {
  background-color: rgb(50.7842, 66.7245298701, 239.6158) !important;
}

.text-primary-600 {
  color: rgb(50.7842, 66.7245298701, 239.6158) !important;
}

.border-primary-600 {
  border-color: rgb(50.7842, 66.7245298701, 239.6158) !important;
}

.fill-primary-600 {
  fill: rgb(50.7842, 66.7245298701, 239.6158) !important;
}

.ring-primary-600 {
  outline: 2px solid rgb(50.7842, 66.7245298701, 239.6158) !important;
  outline-offset: 2px !important;
}

.bg-primary-700 {
  background-color: rgb(16.8025, 34.8585714286, 230.6975) !important;
}

.text-primary-700 {
  color: rgb(16.8025, 34.8585714286, 230.6975) !important;
}

.border-primary-700 {
  border-color: rgb(16.8025, 34.8585714286, 230.6975) !important;
}

.fill-primary-700 {
  fill: rgb(16.8025, 34.8585714286, 230.6975) !important;
}

.ring-primary-700 {
  outline: 2px solid rgb(16.8025, 34.8585714286, 230.6975) !important;
  outline-offset: 2px !important;
}

.bg-primary-800 {
  background-color: rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
}

.text-primary-800 {
  color: rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
}

.border-primary-800 {
  border-color: rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
}

.fill-primary-800 {
  fill: rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
}

.ring-primary-800 {
  outline: 2px solid rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
  outline-offset: 2px !important;
}

.bg-primary-900 {
  background-color: rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
}

.text-primary-900 {
  color: rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
}

.border-primary-900 {
  border-color: rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
}

.fill-primary-900 {
  fill: rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
}

.ring-primary-900 {
  outline: 2px solid rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
  outline-offset: 2px !important;
}

.bg-primary2-100 {
  background-color: rgb(119.2693671642, 230.0506328358, 193.3420477612) !important;
}

.text-primary2-100 {
  color: rgb(119.2693671642, 230.0506328358, 193.3420477612) !important;
}

.border-primary2-100 {
  border-color: rgb(119.2693671642, 230.0506328358, 193.3420477612) !important;
}

.fill-primary2-100 {
  fill: rgb(119.2693671642, 230.0506328358, 193.3420477612) !important;
}

.ring-primary2-100 {
  outline: 2px solid rgb(119.2693671642, 230.0506328358, 193.3420477612) !important;
  outline-offset: 2px !important;
}

.bg-primary2-200 {
  background-color: rgb(86.7241343284, 231.6958656716, 183.6578955224) !important;
}

.text-primary2-200 {
  color: rgb(86.7241343284, 231.6958656716, 183.6578955224) !important;
}

.border-primary2-200 {
  border-color: rgb(86.7241343284, 231.6958656716, 183.6578955224) !important;
}

.fill-primary2-200 {
  fill: rgb(86.7241343284, 231.6958656716, 183.6578955224) !important;
}

.ring-primary2-200 {
  outline: 2px solid rgb(86.7241343284, 231.6958656716, 183.6578955224) !important;
  outline-offset: 2px !important;
}

.bg-primary2-300 {
  background-color: rgb(42.8027820896, 232.3572179104, 169.546280597) !important;
}

.text-primary2-300 {
  color: rgb(42.8027820896, 232.3572179104, 169.546280597) !important;
}

.border-primary2-300 {
  border-color: rgb(42.8027820896, 232.3572179104, 169.546280597) !important;
}

.fill-primary2-300 {
  fill: rgb(42.8027820896, 232.3572179104, 169.546280597) !important;
}

.ring-primary2-300 {
  outline: 2px solid rgb(42.8027820896, 232.3572179104, 169.546280597) !important;
  outline-offset: 2px !important;
}

.bg-primary2-400 {
  background-color: rgb(19.6935649254, 215.2964350746, 150.4812828358) !important;
}

.text-primary2-400 {
  color: rgb(19.6935649254, 215.2964350746, 150.4812828358) !important;
}

.border-primary2-400 {
  border-color: rgb(19.6935649254, 215.2964350746, 150.4812828358) !important;
}

.fill-primary2-400 {
  fill: rgb(19.6935649254, 215.2964350746, 150.4812828358) !important;
}

.ring-primary2-400 {
  outline: 2px solid rgb(19.6935649254, 215.2964350746, 150.4812828358) !important;
  outline-offset: 2px !important;
}

.bg-primary2-500 {
  background-color: #10b981 !important;
}

.text-primary2-500 {
  color: #10b981 !important;
}

.border-primary2-500 {
  border-color: #10b981 !important;
}

.fill-primary2-500 {
  fill: #10b981 !important;
}

.ring-primary2-500 {
  outline: 2px solid #10b981 !important;
  outline-offset: 2px !important;
}

.bg-primary2-600 {
  background-color: rgb(13.6576, 163.2224, 113.6624662722) !important;
}

.text-primary2-600 {
  color: rgb(13.6576, 163.2224, 113.6624662722) !important;
}

.border-primary2-600 {
  border-color: rgb(13.6576, 163.2224, 113.6624662722) !important;
}

.fill-primary2-600 {
  fill: rgb(13.6576, 163.2224, 113.6624662722) !important;
}

.ring-primary2-600 {
  outline: 2px solid rgb(13.6576, 163.2224, 113.6624662722) !important;
  outline-offset: 2px !important;
}

.bg-primary2-700 {
  background-color: rgb(11.28, 139.47, 96.9928402367) !important;
}

.text-primary2-700 {
  color: rgb(11.28, 139.47, 96.9928402367) !important;
}

.border-primary2-700 {
  border-color: rgb(11.28, 139.47, 96.9928402367) !important;
}

.fill-primary2-700 {
  fill: rgb(11.28, 139.47, 96.9928402367) !important;
}

.ring-primary2-700 {
  outline: 2px solid rgb(11.28, 139.47, 96.9928402367) !important;
  outline-offset: 2px !important;
}

.bg-primary2-800 {
  background-color: rgb(9.0272, 115.5928, 80.2811218935) !important;
}

.text-primary2-800 {
  color: rgb(9.0272, 115.5928, 80.2811218935) !important;
}

.border-primary2-800 {
  border-color: rgb(9.0272, 115.5928, 80.2811218935) !important;
}

.fill-primary2-800 {
  fill: rgb(9.0272, 115.5928, 80.2811218935) !important;
}

.ring-primary2-800 {
  outline: 2px solid rgb(9.0272, 115.5928, 80.2811218935) !important;
  outline-offset: 2px !important;
}

.bg-primary2-900 {
  background-color: rgb(7.04, 93.46, 64.8237869822) !important;
}

.text-primary2-900 {
  color: rgb(7.04, 93.46, 64.8237869822) !important;
}

.border-primary2-900 {
  border-color: rgb(7.04, 93.46, 64.8237869822) !important;
}

.fill-primary2-900 {
  fill: rgb(7.04, 93.46, 64.8237869822) !important;
}

.ring-primary2-900 {
  outline: 2px solid rgb(7.04, 93.46, 64.8237869822) !important;
  outline-offset: 2px !important;
}

.bg-secondary-100 {
  background-color: rgb(175.1119213389, 182.8477807531, 193.9680786611) !important;
}

.text-secondary-100 {
  color: rgb(175.1119213389, 182.8477807531, 193.9680786611) !important;
}

.border-secondary-100 {
  border-color: rgb(175.1119213389, 182.8477807531, 193.9680786611) !important;
}

.fill-secondary-100 {
  fill: rgb(175.1119213389, 182.8477807531, 193.9680786611) !important;
}

.ring-secondary-100 {
  outline: 2px solid rgb(175.1119213389, 182.8477807531, 193.9680786611) !important;
  outline-offset: 2px !important;
}

.bg-secondary-200 {
  background-color: rgb(158.6521297071, 168.7755104603, 183.3278702929) !important;
}

.text-secondary-200 {
  color: rgb(158.6521297071, 168.7755104603, 183.3278702929) !important;
}

.border-secondary-200 {
  border-color: rgb(158.6521297071, 168.7755104603, 183.3278702929) !important;
}

.fill-secondary-200 {
  fill: rgb(158.6521297071, 168.7755104603, 183.3278702929) !important;
}

.ring-secondary-200 {
  outline: 2px solid rgb(158.6521297071, 168.7755104603, 183.3278702929) !important;
  outline-offset: 2px !important;
}

.bg-secondary-300 {
  background-color: rgb(135.8879029289, 149.1244953975, 168.1520970711) !important;
}

.text-secondary-300 {
  color: rgb(135.8879029289, 149.1244953975, 168.1520970711) !important;
}

.border-secondary-300 {
  border-color: rgb(135.8879029289, 149.1244953975, 168.1520970711) !important;
}

.fill-secondary-300 {
  fill: rgb(135.8879029289, 149.1244953975, 168.1520970711) !important;
}

.ring-secondary-300 {
  outline: 2px solid rgb(135.8879029289, 149.1244953975, 168.1520970711) !important;
  outline-offset: 2px !important;
}

.bg-secondary-400 {
  background-color: rgb(114.9231048117, 130.9082495816, 153.8868951883) !important;
}

.text-secondary-400 {
  color: rgb(114.9231048117, 130.9082495816, 153.8868951883) !important;
}

.border-secondary-400 {
  border-color: rgb(114.9231048117, 130.9082495816, 153.8868951883) !important;
}

.fill-secondary-400 {
  fill: rgb(114.9231048117, 130.9082495816, 153.8868951883) !important;
}

.ring-secondary-400 {
  outline: 2px solid rgb(114.9231048117, 130.9082495816, 153.8868951883) !important;
  outline-offset: 2px !important;
}

.bg-secondary-500 {
  background-color: #64748b !important;
}

.text-secondary-500 {
  color: #64748b !important;
}

.border-secondary-500 {
  border-color: #64748b !important;
}

.fill-secondary-500 {
  fill: #64748b !important;
}

.ring-secondary-500 {
  outline: 2px solid #64748b !important;
  outline-offset: 2px !important;
}

.bg-secondary-600 {
  background-color: rgb(85.36, 101.6061538462, 124.96) !important;
}

.text-secondary-600 {
  color: rgb(85.36, 101.6061538462, 124.96) !important;
}

.border-secondary-600 {
  border-color: rgb(85.36, 101.6061538462, 124.96) !important;
}

.fill-secondary-600 {
  fill: rgb(85.36, 101.6061538462, 124.96) !important;
}

.ring-secondary-600 {
  outline: 2px solid rgb(85.36, 101.6061538462, 124.96) !important;
  outline-offset: 2px !important;
}

.bg-secondary-700 {
  background-color: rgb(70.5, 86.1923076923, 108.75) !important;
}

.text-secondary-700 {
  color: rgb(70.5, 86.1923076923, 108.75) !important;
}

.border-secondary-700 {
  border-color: rgb(70.5, 86.1923076923, 108.75) !important;
}

.fill-secondary-700 {
  fill: rgb(70.5, 86.1923076923, 108.75) !important;
}

.ring-secondary-700 {
  outline: 2px solid rgb(70.5, 86.1923076923, 108.75) !important;
  outline-offset: 2px !important;
}

.bg-secondary-800 {
  background-color: rgb(56.42, 70.9184615385, 91.76) !important;
}

.text-secondary-800 {
  color: rgb(56.42, 70.9184615385, 91.76) !important;
}

.border-secondary-800 {
  border-color: rgb(56.42, 70.9184615385, 91.76) !important;
}

.fill-secondary-800 {
  fill: rgb(56.42, 70.9184615385, 91.76) !important;
}

.ring-secondary-800 {
  outline: 2px solid rgb(56.42, 70.9184615385, 91.76) !important;
  outline-offset: 2px !important;
}

.bg-secondary-900 {
  background-color: rgb(44, 56.9230769231, 75.5) !important;
}

.text-secondary-900 {
  color: rgb(44, 56.9230769231, 75.5) !important;
}

.border-secondary-900 {
  border-color: rgb(44, 56.9230769231, 75.5) !important;
}

.fill-secondary-900 {
  fill: rgb(44, 56.9230769231, 75.5) !important;
}

.ring-secondary-900 {
  outline: 2px solid rgb(44, 56.9230769231, 75.5) !important;
  outline-offset: 2px !important;
}

.bg-success-100 {
  background-color: rgb(140.4872883117, 224.4327116883, 171.3874441558) !important;
}

.text-success-100 {
  color: rgb(140.4872883117, 224.4327116883, 171.3874441558) !important;
}

.border-success-100 {
  border-color: rgb(140.4872883117, 224.4327116883, 171.3874441558) !important;
}

.fill-success-100 {
  fill: rgb(140.4872883117, 224.4327116883, 171.3874441558) !important;
}

.ring-success-100 {
  outline: 2px solid rgb(140.4872883117, 224.4327116883, 171.3874441558) !important;
  outline-offset: 2px !important;
}

.bg-success-200 {
  background-color: rgb(113.5832337662, 223.4367662338, 154.0201168831) !important;
}

.text-success-200 {
  color: rgb(113.5832337662, 223.4367662338, 154.0201168831) !important;
}

.border-success-200 {
  border-color: rgb(113.5832337662, 223.4367662338, 154.0201168831) !important;
}

.fill-success-200 {
  fill: rgb(113.5832337662, 223.4367662338, 154.0201168831) !important;
}

.ring-success-200 {
  outline: 2px solid rgb(113.5832337662, 223.4367662338, 154.0201168831) !important;
  outline-offset: 2px !important;
}

.bg-success-300 {
  background-color: rgb(77.1617766234, 220.7982233766, 130.0340883117) !important;
}

.text-success-300 {
  color: rgb(77.1617766234, 220.7982233766, 130.0340883117) !important;
}

.border-success-300 {
  border-color: rgb(77.1617766234, 220.7982233766, 130.0340883117) !important;
}

.fill-success-300 {
  fill: rgb(77.1617766234, 220.7982233766, 130.0340883117) !important;
}

.ring-success-300 {
  outline: 2px solid rgb(77.1617766234, 220.7982233766, 130.0340883117) !important;
  outline-offset: 2px !important;
}

.bg-success-400 {
  background-color: rgb(44.1138642857, 217.5761357143, 107.9650071429) !important;
}

.text-success-400 {
  color: rgb(44.1138642857, 217.5761357143, 107.9650071429) !important;
}

.border-success-400 {
  border-color: rgb(44.1138642857, 217.5761357143, 107.9650071429) !important;
}

.fill-success-400 {
  fill: rgb(44.1138642857, 217.5761357143, 107.9650071429) !important;
}

.ring-success-400 {
  outline: 2px solid rgb(44.1138642857, 217.5761357143, 107.9650071429) !important;
  outline-offset: 2px !important;
}

.bg-success-500 {
  background-color: #22c55e !important;
}

.text-success-500 {
  color: #22c55e !important;
}

.border-success-500 {
  border-color: #22c55e !important;
}

.fill-success-500 {
  fill: #22c55e !important;
}

.ring-success-500 {
  outline: 2px solid #22c55e !important;
  outline-offset: 2px !important;
}

.bg-success-600 {
  background-color: rgb(29.0224, 174.2576, 82.483209816) !important;
}

.text-success-600 {
  color: rgb(29.0224, 174.2576, 82.483209816) !important;
}

.border-success-600 {
  border-color: rgb(29.0224, 174.2576, 82.483209816) !important;
}

.fill-success-600 {
  fill: rgb(29.0224, 174.2576, 82.483209816) !important;
}

.ring-success-600 {
  outline: 2px solid rgb(29.0224, 174.2576, 82.483209816) !important;
  outline-offset: 2px !important;
}

.bg-success-700 {
  background-color: rgb(23.97, 149.28, 70.0963803681) !important;
}

.text-success-700 {
  color: rgb(23.97, 149.28, 70.0963803681) !important;
}

.border-success-700 {
  border-color: rgb(23.97, 149.28, 70.0963803681) !important;
}

.fill-success-700 {
  fill: rgb(23.97, 149.28, 70.0963803681) !important;
}

.ring-success-700 {
  outline: 2px solid rgb(23.97, 149.28, 70.0963803681) !important;
  outline-offset: 2px !important;
}

.bg-success-800 {
  background-color: rgb(19.1828, 124.0372, 57.7795116564) !important;
}

.text-success-800 {
  color: rgb(19.1828, 124.0372, 57.7795116564) !important;
}

.border-success-800 {
  border-color: rgb(19.1828, 124.0372, 57.7795116564) !important;
}

.fill-success-800 {
  fill: rgb(19.1828, 124.0372, 57.7795116564) !important;
}

.ring-success-800 {
  outline: 2px solid rgb(19.1828, 124.0372, 57.7795116564) !important;
  outline-offset: 2px !important;
}

.bg-success-900 {
  background-color: rgb(14.96, 100.54, 46.4618404908) !important;
}

.text-success-900 {
  color: rgb(14.96, 100.54, 46.4618404908) !important;
}

.border-success-900 {
  border-color: rgb(14.96, 100.54, 46.4618404908) !important;
}

.fill-success-900 {
  fill: rgb(14.96, 100.54, 46.4618404908) !important;
}

.ring-success-900 {
  outline: 2px solid rgb(14.96, 100.54, 46.4618404908) !important;
  outline-offset: 2px !important;
}

.bg-danger-100 {
  background-color: rgb(238.6772, 165.7628, 165.7628) !important;
}

.text-danger-100 {
  color: rgb(238.6772, 165.7628, 165.7628) !important;
}

.border-danger-100 {
  border-color: rgb(238.6772, 165.7628, 165.7628) !important;
}

.fill-danger-100 {
  fill: rgb(238.6772, 165.7628, 165.7628) !important;
}

.ring-danger-100 {
  outline: 2px solid rgb(238.6772, 165.7628, 165.7628) !important;
  outline-offset: 2px !important;
}

.bg-danger-200 {
  background-color: rgb(239.779, 144.361, 144.361) !important;
}

.text-danger-200 {
  color: rgb(239.779, 144.361, 144.361) !important;
}

.border-danger-200 {
  border-color: rgb(239.779, 144.361, 144.361) !important;
}

.fill-danger-200 {
  fill: rgb(239.779, 144.361, 144.361) !important;
}

.ring-danger-200 {
  outline: 2px solid rgb(239.779, 144.361, 144.361) !important;
  outline-offset: 2px !important;
}

.bg-danger-300 {
  background-color: rgb(240.2408, 115.4792, 115.4792) !important;
}

.text-danger-300 {
  color: rgb(240.2408, 115.4792, 115.4792) !important;
}

.border-danger-300 {
  border-color: rgb(240.2408, 115.4792, 115.4792) !important;
}

.fill-danger-300 {
  fill: rgb(240.2408, 115.4792, 115.4792) !important;
}

.ring-danger-300 {
  outline: 2px solid rgb(240.2408, 115.4792, 115.4792) !important;
  outline-offset: 2px !important;
}

.bg-danger-400 {
  background-color: rgb(239.99905, 89.33095, 89.33095) !important;
}

.text-danger-400 {
  color: rgb(239.99905, 89.33095, 89.33095) !important;
}

.border-danger-400 {
  border-color: rgb(239.99905, 89.33095, 89.33095) !important;
}

.fill-danger-400 {
  fill: rgb(239.99905, 89.33095, 89.33095) !important;
}

.ring-danger-400 {
  outline: 2px solid rgb(239.99905, 89.33095, 89.33095) !important;
  outline-offset: 2px !important;
}

.bg-danger-500 {
  background-color: #ef4444 !important;
}

.text-danger-500 {
  color: #ef4444 !important;
}

.border-danger-500 {
  border-color: #ef4444 !important;
}

.fill-danger-500 {
  fill: #ef4444 !important;
}

.ring-danger-500 {
  outline: 2px solid #ef4444 !important;
  outline-offset: 2px !important;
}

.bg-danger-600 {
  background-color: rgb(236.6634640394, 33.4965359606, 33.4965359606) !important;
}

.text-danger-600 {
  color: rgb(236.6634640394, 33.4965359606, 33.4965359606) !important;
}

.border-danger-600 {
  border-color: rgb(236.6634640394, 33.4965359606, 33.4965359606) !important;
}

.fill-danger-600 {
  fill: rgb(236.6634640394, 33.4965359606, 33.4965359606) !important;
}

.ring-danger-600 {
  outline: 2px solid rgb(236.6634640394, 33.4965359606, 33.4965359606) !important;
  outline-offset: 2px !important;
}

.bg-danger-700 {
  background-color: rgb(213.1910837438, 17.0589162562, 17.0589162562) !important;
}

.text-danger-700 {
  color: rgb(213.1910837438, 17.0589162562, 17.0589162562) !important;
}

.border-danger-700 {
  border-color: rgb(213.1910837438, 17.0589162562, 17.0589162562) !important;
}

.fill-danger-700 {
  fill: rgb(213.1910837438, 17.0589162562, 17.0589162562) !important;
}

.ring-danger-700 {
  outline: 2px solid rgb(213.1910837438, 17.0589162562, 17.0589162562) !important;
  outline-offset: 2px !important;
}

.bg-danger-800 {
  background-color: rgb(176.6880275862, 13.6519724138, 13.6519724138) !important;
}

.text-danger-800 {
  color: rgb(176.6880275862, 13.6519724138, 13.6519724138) !important;
}

.border-danger-800 {
  border-color: rgb(176.6880275862, 13.6519724138, 13.6519724138) !important;
}

.fill-danger-800 {
  fill: rgb(176.6880275862, 13.6519724138, 13.6519724138) !important;
}

.ring-danger-800 {
  outline: 2px solid rgb(176.6880275862, 13.6519724138, 13.6519724138) !important;
  outline-offset: 2px !important;
}

.bg-danger-900 {
  background-color: rgb(142.8533004926, 10.6466995074, 10.6466995074) !important;
}

.text-danger-900 {
  color: rgb(142.8533004926, 10.6466995074, 10.6466995074) !important;
}

.border-danger-900 {
  border-color: rgb(142.8533004926, 10.6466995074, 10.6466995074) !important;
}

.fill-danger-900 {
  fill: rgb(142.8533004926, 10.6466995074, 10.6466995074) !important;
}

.ring-danger-900 {
  outline: 2px solid rgb(142.8533004926, 10.6466995074, 10.6466995074) !important;
  outline-offset: 2px !important;
}

.bg-warning-100 {
  background-color: rgb(238.8488, 201.752, 139.0712) !important;
}

.text-warning-100 {
  color: rgb(238.8488, 201.752, 139.0712) !important;
}

.border-warning-100 {
  border-color: rgb(238.8488, 201.752, 139.0712) !important;
}

.fill-warning-100 {
  fill: rgb(238.8488, 201.752, 139.0712) !important;
}

.ring-warning-100 {
  outline: 2px solid rgb(238.8488, 201.752, 139.0712) !important;
  outline-offset: 2px !important;
}

.bg-warning-200 {
  background-color: rgb(241.546, 193, 110.974) !important;
}

.text-warning-200 {
  color: rgb(241.546, 193, 110.974) !important;
}

.border-warning-200 {
  border-color: rgb(241.546, 193, 110.974) !important;
}

.fill-warning-200 {
  fill: rgb(241.546, 193, 110.974) !important;
}

.ring-warning-200 {
  outline: 2px solid rgb(241.546, 193, 110.974) !important;
  outline-offset: 2px !important;
}

.bg-warning-300 {
  background-color: rgb(243.8432, 180.368, 73.1168) !important;
}

.text-warning-300 {
  color: rgb(243.8432, 180.368, 73.1168) !important;
}

.border-warning-300 {
  border-color: rgb(243.8432, 180.368, 73.1168) !important;
}

.fill-warning-300 {
  fill: rgb(243.8432, 180.368, 73.1168) !important;
}

.ring-warning-300 {
  outline: 2px solid rgb(243.8432, 180.368, 73.1168) !important;
  outline-offset: 2px !important;
}

.bg-warning-400 {
  background-color: rgb(245.0587, 168.403, 38.8813) !important;
}

.text-warning-400 {
  color: rgb(245.0587, 168.403, 38.8813) !important;
}

.border-warning-400 {
  border-color: rgb(245.0587, 168.403, 38.8813) !important;
}

.fill-warning-400 {
  fill: rgb(245.0587, 168.403, 38.8813) !important;
}

.ring-warning-400 {
  outline: 2px solid rgb(245.0587, 168.403, 38.8813) !important;
  outline-offset: 2px !important;
}

.bg-warning-500 {
  background-color: #f59e0b !important;
}

.text-warning-500 {
  color: #f59e0b !important;
}

.border-warning-500 {
  border-color: #f59e0b !important;
}

.fill-warning-500 {
  fill: #f59e0b !important;
}

.ring-warning-500 {
  outline: 2px solid #f59e0b !important;
  outline-offset: 2px !important;
}

.bg-warning-600 {
  background-color: rgb(216.6767874016, 139.3160993337, 8.6032125984) !important;
}

.text-warning-600 {
  color: rgb(216.6767874016, 139.3160993337, 8.6032125984) !important;
}

.border-warning-600 {
  border-color: rgb(216.6767874016, 139.3160993337, 8.6032125984) !important;
}

.fill-warning-600 {
  fill: rgb(216.6767874016, 139.3160993337, 8.6032125984) !important;
}

.ring-warning-600 {
  outline: 2px solid rgb(216.6767874016, 139.3160993337, 8.6032125984) !important;
  outline-offset: 2px !important;
}

.bg-warning-700 {
  background-color: rgb(184.894488189, 118.79345851, 7.105511811) !important;
}

.text-warning-700 {
  color: rgb(184.894488189, 118.79345851, 7.105511811) !important;
}

.border-warning-700 {
  border-color: rgb(184.894488189, 118.79345851, 7.105511811) !important;
}

.fill-warning-700 {
  fill: rgb(184.894488189, 118.79345851, 7.105511811) !important;
}

.ring-warning-700 {
  outline: 2px solid rgb(184.894488189, 118.79345851, 7.105511811) !important;
  outline-offset: 2px !important;
}

.bg-warning-800 {
  background-color: rgb(153.0335748031, 98.2506602059, 5.6864251969) !important;
}

.text-warning-800 {
  color: rgb(153.0335748031, 98.2506602059, 5.6864251969) !important;
}

.border-warning-800 {
  border-color: rgb(153.0335748031, 98.2506602059, 5.6864251969) !important;
}

.fill-warning-800 {
  fill: rgb(153.0335748031, 98.2506602059, 5.6864251969) !important;
}

.ring-warning-800 {
  outline: 2px solid rgb(153.0335748031, 98.2506602059, 5.6864251969) !important;
  outline-offset: 2px !important;
}

.bg-warning-900 {
  background-color: rgb(123.5653543307, 79.2731677771, 4.4346456693) !important;
}

.text-warning-900 {
  color: rgb(123.5653543307, 79.2731677771, 4.4346456693) !important;
}

.border-warning-900 {
  border-color: rgb(123.5653543307, 79.2731677771, 4.4346456693) !important;
}

.fill-warning-900 {
  fill: rgb(123.5653543307, 79.2731677771, 4.4346456693) !important;
}

.ring-warning-900 {
  outline: 2px solid rgb(123.5653543307, 79.2731677771, 4.4346456693) !important;
  outline-offset: 2px !important;
}

.bg-info-100 {
  background-color: rgb(160.5056, 217.2168, 242.3744) !important;
}

.text-info-100 {
  color: rgb(160.5056, 217.2168, 242.3744) !important;
}

.border-info-100 {
  border-color: rgb(160.5056, 217.2168, 242.3744) !important;
}

.fill-info-100 {
  fill: rgb(160.5056, 217.2168, 242.3744) !important;
}

.ring-info-100 {
  outline: 2px solid rgb(160.5056, 217.2168, 242.3744) !important;
  outline-offset: 2px !important;
}

.bg-info-200 {
  background-color: rgb(137.572, 211.786, 244.708) !important;
}

.text-info-200 {
  color: rgb(137.572, 211.786, 244.708) !important;
}

.border-info-200 {
  border-color: rgb(137.572, 211.786, 244.708) !important;
}

.fill-info-200 {
  fill: rgb(137.572, 211.786, 244.708) !important;
}

.ring-info-200 {
  outline: 2px solid rgb(137.572, 211.786, 244.708) !important;
  outline-offset: 2px !important;
}

.bg-info-300 {
  background-color: rgb(106.6784, 203.7152, 246.7616) !important;
}

.text-info-300 {
  color: rgb(106.6784, 203.7152, 246.7616) !important;
}

.border-info-300 {
  border-color: rgb(106.6784, 203.7152, 246.7616) !important;
}

.fill-info-300 {
  fill: rgb(106.6784, 203.7152, 246.7616) !important;
}

.ring-info-300 {
  outline: 2px solid rgb(106.6784, 203.7152, 246.7616) !important;
  outline-offset: 2px !important;
}

.bg-info-400 {
  background-color: rgb(78.7444, 195.9307, 247.9156) !important;
}

.text-info-400 {
  color: rgb(78.7444, 195.9307, 247.9156) !important;
}

.border-info-400 {
  border-color: rgb(78.7444, 195.9307, 247.9156) !important;
}

.fill-info-400 {
  fill: rgb(78.7444, 195.9307, 247.9156) !important;
}

.ring-info-400 {
  outline: 2px solid rgb(78.7444, 195.9307, 247.9156) !important;
  outline-offset: 2px !important;
}

.bg-info-500 {
  background-color: #38bdf8 !important;
}

.text-info-500 {
  color: #38bdf8 !important;
}

.border-info-500 {
  border-color: #38bdf8 !important;
}

.fill-info-500 {
  fill: #38bdf8 !important;
}

.ring-info-500 {
  outline: 2px solid #38bdf8 !important;
  outline-offset: 2px !important;
}

.bg-info-600 {
  background-color: rgb(20.512423301, 177.4075035194, 247.007576699) !important;
}

.text-info-600 {
  color: rgb(20.512423301, 177.4075035194, 247.007576699) !important;
}

.border-info-600 {
  border-color: rgb(20.512423301, 177.4075035194, 247.007576699) !important;
}

.fill-info-600 {
  fill: rgb(20.512423301, 177.4075035194, 247.007576699) !important;
}

.ring-info-600 {
  outline: 2px solid rgb(20.512423301, 177.4075035194, 247.007576699) !important;
  outline-offset: 2px !important;
}

.bg-info-700 {
  background-color: rgb(7.2827184466, 155.130618932, 220.7172815534) !important;
}

.text-info-700 {
  color: rgb(7.2827184466, 155.130618932, 220.7172815534) !important;
}

.border-info-700 {
  border-color: rgb(7.2827184466, 155.130618932, 220.7172815534) !important;
}

.fill-info-700 {
  fill: rgb(7.2827184466, 155.130618932, 220.7172815534) !important;
}

.ring-info-700 {
  outline: 2px solid rgb(7.2827184466, 155.130618932, 220.7172815534) !important;
  outline-offset: 2px !important;
}

.bg-info-800 {
  background-color: rgb(5.8282407767, 128.315365534, 182.6517592233) !important;
}

.text-info-800 {
  color: rgb(5.8282407767, 128.315365534, 182.6517592233) !important;
}

.border-info-800 {
  border-color: rgb(5.8282407767, 128.315365534, 182.6517592233) !important;
}

.fill-info-800 {
  fill: rgb(5.8282407767, 128.315365534, 182.6517592233) !important;
}

.ring-info-800 {
  outline: 2px solid rgb(5.8282407767, 128.315365534, 182.6517592233) !important;
  outline-offset: 2px !important;
}

.bg-info-900 {
  background-color: rgb(4.5452427184, 103.5398543689, 147.4547572816) !important;
}

.text-info-900 {
  color: rgb(4.5452427184, 103.5398543689, 147.4547572816) !important;
}

.border-info-900 {
  border-color: rgb(4.5452427184, 103.5398543689, 147.4547572816) !important;
}

.fill-info-900 {
  fill: rgb(4.5452427184, 103.5398543689, 147.4547572816) !important;
}

.ring-info-900 {
  outline: 2px solid rgb(4.5452427184, 103.5398543689, 147.4547572816) !important;
  outline-offset: 2px !important;
}

.bg-dark-100 {
  background-color: rgb(131.5907891892, 141.64, 151.6892108108) !important;
}

.text-dark-100 {
  color: rgb(131.5907891892, 141.64, 151.6892108108) !important;
}

.border-dark-100 {
  border-color: rgb(131.5907891892, 141.64, 151.6892108108) !important;
}

.fill-dark-100 {
  fill: rgb(131.5907891892, 141.64, 151.6892108108) !important;
}

.ring-dark-100 {
  outline: 2px solid rgb(131.5907891892, 141.64, 151.6892108108) !important;
  outline-offset: 2px !important;
}

.bg-dark-200 {
  background-color: rgb(108.1798918919, 119.84, 131.5001081081) !important;
}

.text-dark-200 {
  color: rgb(108.1798918919, 119.84, 131.5001081081) !important;
}

.border-dark-200 {
  border-color: rgb(108.1798918919, 119.84, 131.5001081081) !important;
}

.fill-dark-200 {
  fill: rgb(108.1798918919, 119.84, 131.5001081081) !important;
}

.ring-dark-200 {
  outline: 2px solid rgb(108.1798918919, 119.84, 131.5001081081) !important;
  outline-offset: 2px !important;
}

.bg-dark-300 {
  background-color: rgb(80.0500324324, 89.32, 98.5899675676) !important;
}

.text-dark-300 {
  color: rgb(80.0500324324, 89.32, 98.5899675676) !important;
}

.border-dark-300 {
  border-color: rgb(80.0500324324, 89.32, 98.5899675676) !important;
}

.fill-dark-300 {
  fill: rgb(80.0500324324, 89.32, 98.5899675676) !important;
}

.ring-dark-300 {
  outline: 2px solid rgb(80.0500324324, 89.32, 98.5899675676) !important;
  outline-offset: 2px !important;
}

.bg-dark-400 {
  background-color: rgb(54.4534918919, 60.98, 67.5065081081) !important;
}

.text-dark-400 {
  color: rgb(54.4534918919, 60.98, 67.5065081081) !important;
}

.border-dark-400 {
  border-color: rgb(54.4534918919, 60.98, 67.5065081081) !important;
}

.fill-dark-400 {
  fill: rgb(54.4534918919, 60.98, 67.5065081081) !important;
}

.ring-dark-400 {
  outline: 2px solid rgb(54.4534918919, 60.98, 67.5065081081) !important;
  outline-offset: 2px !important;
}

.bg-dark-500 {
  background-color: #212529 !important;
}

.text-dark-500 {
  color: #212529 !important;
}

.border-dark-500 {
  border-color: #212529 !important;
}

.fill-dark-500 {
  fill: #212529 !important;
}

.ring-dark-500 {
  outline: 2px solid #212529 !important;
  outline-offset: 2px !important;
}

.bg-dark-600 {
  background-color: rgb(28.1688, 32.56, 36.9512) !important;
}

.text-dark-600 {
  color: rgb(28.1688, 32.56, 36.9512) !important;
}

.border-dark-600 {
  border-color: rgb(28.1688, 32.56, 36.9512) !important;
}

.fill-dark-600 {
  fill: rgb(28.1688, 32.56, 36.9512) !important;
}

.ring-dark-600 {
  outline: 2px solid rgb(28.1688, 32.56, 36.9512) !important;
  outline-offset: 2px !important;
}

.bg-dark-700 {
  background-color: rgb(23.265, 27.75, 32.235) !important;
}

.text-dark-700 {
  color: rgb(23.265, 27.75, 32.235) !important;
}

.border-dark-700 {
  border-color: rgb(23.265, 27.75, 32.235) !important;
}

.fill-dark-700 {
  fill: rgb(23.265, 27.75, 32.235) !important;
}

.ring-dark-700 {
  outline: 2px solid rgb(23.265, 27.75, 32.235) !important;
  outline-offset: 2px !important;
}

.bg-dark-800 {
  background-color: rgb(18.6186, 22.94, 27.2614) !important;
}

.text-dark-800 {
  color: rgb(18.6186, 22.94, 27.2614) !important;
}

.border-dark-800 {
  border-color: rgb(18.6186, 22.94, 27.2614) !important;
}

.fill-dark-800 {
  fill: rgb(18.6186, 22.94, 27.2614) !important;
}

.ring-dark-800 {
  outline: 2px solid rgb(18.6186, 22.94, 27.2614) !important;
  outline-offset: 2px !important;
}

.bg-dark-900 {
  background-color: rgb(14.52, 18.5, 22.48) !important;
}

.text-dark-900 {
  color: rgb(14.52, 18.5, 22.48) !important;
}

.border-dark-900 {
  border-color: rgb(14.52, 18.5, 22.48) !important;
}

.fill-dark-900 {
  fill: rgb(14.52, 18.5, 22.48) !important;
}

.ring-dark-900 {
  outline: 2px solid rgb(14.52, 18.5, 22.48) !important;
  outline-offset: 2px !important;
}

.bg-eg-100 {
  background-color: rgb(128.2685714286, 225.7314285714, 158.7257142857) !important;
}

.text-eg-100 {
  color: rgb(128.2685714286, 225.7314285714, 158.7257142857) !important;
}

.border-eg-100 {
  border-color: rgb(128.2685714286, 225.7314285714, 158.7257142857) !important;
}

.fill-eg-100 {
  fill: rgb(128.2685714286, 225.7314285714, 158.7257142857) !important;
}

.ring-eg-100 {
  outline: 2px solid rgb(128.2685714286, 225.7314285714, 158.7257142857) !important;
  outline-offset: 2px !important;
}

.bg-eg-200 {
  background-color: rgb(98.2285714286, 225.7714285714, 138.0857142857) !important;
}

.text-eg-200 {
  color: rgb(98.2285714286, 225.7714285714, 138.0857142857) !important;
}

.border-eg-200 {
  border-color: rgb(98.2285714286, 225.7714285714, 138.0857142857) !important;
}

.fill-eg-200 {
  fill: rgb(98.2285714286, 225.7714285714, 138.0857142857) !important;
}

.ring-eg-200 {
  outline: 2px solid rgb(98.2285714286, 225.7714285714, 138.0857142857) !important;
  outline-offset: 2px !important;
}

.bg-eg-300 {
  background-color: rgb(57.6171428571, 224.3828571429, 109.7314285714) !important;
}

.text-eg-300 {
  color: rgb(57.6171428571, 224.3828571429, 109.7314285714) !important;
}

.border-eg-300 {
  border-color: rgb(57.6171428571, 224.3828571429, 109.7314285714) !important;
}

.fill-eg-300 {
  fill: rgb(57.6171428571, 224.3828571429, 109.7314285714) !important;
}

.ring-eg-300 {
  outline: 2px solid rgb(57.6171428571, 224.3828571429, 109.7314285714) !important;
  outline-offset: 2px !important;
}

.bg-eg-400 {
  background-color: rgb(29.8542857143, 213.1457142857, 87.1328571429) !important;
}

.text-eg-400 {
  color: rgb(29.8542857143, 213.1457142857, 87.1328571429) !important;
}

.border-eg-400 {
  border-color: rgb(29.8542857143, 213.1457142857, 87.1328571429) !important;
}

.fill-eg-400 {
  fill: rgb(29.8542857143, 213.1457142857, 87.1328571429) !important;
}

.ring-eg-400 {
  outline: 2px solid rgb(29.8542857143, 213.1457142857, 87.1328571429) !important;
  outline-offset: 2px !important;
}

.bg-eg-500 {
  background-color: #19b94b !important;
}

.text-eg-500 {
  color: #19b94b !important;
}

.border-eg-500 {
  border-color: #19b94b !important;
}

.fill-eg-500 {
  fill: #19b94b !important;
}

.ring-eg-500 {
  outline: 2px solid #19b94b !important;
  outline-offset: 2px !important;
}

.bg-eg-600 {
  background-color: rgb(21.34, 163.46, 65.7525) !important;
}

.text-eg-600 {
  color: rgb(21.34, 163.46, 65.7525) !important;
}

.border-eg-600 {
  border-color: rgb(21.34, 163.46, 65.7525) !important;
}

.fill-eg-600 {
  fill: rgb(21.34, 163.46, 65.7525) !important;
}

.ring-eg-600 {
  outline: 2px solid rgb(21.34, 163.46, 65.7525) !important;
  outline-offset: 2px !important;
}

.bg-eg-700 {
  background-color: rgb(17.625, 139.875, 55.828125) !important;
}

.text-eg-700 {
  color: rgb(17.625, 139.875, 55.828125) !important;
}

.border-eg-700 {
  border-color: rgb(17.625, 139.875, 55.828125) !important;
}

.fill-eg-700 {
  fill: rgb(17.625, 139.875, 55.828125) !important;
}

.ring-eg-700 {
  outline: 2px solid rgb(17.625, 139.875, 55.828125) !important;
  outline-offset: 2px !important;
}

.bg-eg-800 {
  background-color: rgb(14.105, 116.095, 45.976875) !important;
}

.text-eg-800 {
  color: rgb(14.105, 116.095, 45.976875) !important;
}

.border-eg-800 {
  border-color: rgb(14.105, 116.095, 45.976875) !important;
}

.fill-eg-800 {
  fill: rgb(14.105, 116.095, 45.976875) !important;
}

.ring-eg-800 {
  outline: 2px solid rgb(14.105, 116.095, 45.976875) !important;
  outline-offset: 2px !important;
}

.bg-eg-900 {
  background-color: rgb(11, 94, 36.9375) !important;
}

.text-eg-900 {
  color: rgb(11, 94, 36.9375) !important;
}

.border-eg-900 {
  border-color: rgb(11, 94, 36.9375) !important;
}

.fill-eg-900 {
  fill: rgb(11, 94, 36.9375) !important;
}

.ring-eg-900 {
  outline: 2px solid rgb(11, 94, 36.9375) !important;
  outline-offset: 2px !important;
}

.bg-es-100 {
  background-color: rgb(141.1322040816, 194.1711428571, 231.0677959184) !important;
}

.text-es-100 {
  color: rgb(141.1322040816, 194.1711428571, 231.0677959184) !important;
}

.border-es-100 {
  border-color: rgb(141.1322040816, 194.1711428571, 231.0677959184) !important;
}

.fill-es-100 {
  fill: rgb(141.1322040816, 194.1711428571, 231.0677959184) !important;
}

.ring-es-100 {
  outline: 2px solid rgb(141.1322040816, 194.1711428571, 231.0677959184) !important;
  outline-offset: 2px !important;
}

.bg-es-200 {
  background-color: rgb(114.0037755102, 183.4121428571, 231.6962244898) !important;
}

.text-es-200 {
  color: rgb(114.0037755102, 183.4121428571, 231.6962244898) !important;
}

.border-es-200 {
  border-color: rgb(114.0037755102, 183.4121428571, 231.6962244898) !important;
}

.fill-es-200 {
  fill: rgb(114.0037755102, 183.4121428571, 231.6962244898) !important;
}

.ring-es-200 {
  outline: 2px solid rgb(114.0037755102, 183.4121428571, 231.6962244898) !important;
  outline-offset: 2px !important;
}

.bg-es-300 {
  background-color: rgb(77.3569795918, 168.1102857143, 231.2430204082) !important;
}

.text-es-300 {
  color: rgb(77.3569795918, 168.1102857143, 231.2430204082) !important;
}

.border-es-300 {
  border-color: rgb(77.3569795918, 168.1102857143, 231.2430204082) !important;
}

.fill-es-300 {
  fill: rgb(77.3569795918, 168.1102857143, 231.2430204082) !important;
}

.ring-es-300 {
  outline: 2px solid rgb(77.3569795918, 168.1102857143, 231.2430204082) !important;
  outline-offset: 2px !important;
}

.bg-es-400 {
  background-color: rgb(44.1549132653, 153.7529642857, 229.9950867347) !important;
}

.text-es-400 {
  color: rgb(44.1549132653, 153.7529642857, 229.9950867347) !important;
}

.border-es-400 {
  border-color: rgb(44.1549132653, 153.7529642857, 229.9950867347) !important;
}

.fill-es-400 {
  fill: rgb(44.1549132653, 153.7529642857, 229.9950867347) !important;
}

.ring-es-400 {
  outline: 2px solid rgb(44.1549132653, 153.7529642857, 229.9950867347) !important;
  outline-offset: 2px !important;
}

.bg-es-500 {
  background-color: #198cdc !important;
}

.text-es-500 {
  color: #198cdc !important;
}

.border-es-500 {
  border-color: #198cdc !important;
}

.fill-es-500 {
  fill: #198cdc !important;
}

.ring-es-500 {
  outline: 2px solid #198cdc !important;
  outline-offset: 2px !important;
}

.bg-es-600 {
  background-color: rgb(21.34, 123.3184615385, 194.26) !important;
}

.text-es-600 {
  color: rgb(21.34, 123.3184615385, 194.26) !important;
}

.border-es-600 {
  border-color: rgb(21.34, 123.3184615385, 194.26) !important;
}

.fill-es-600 {
  fill: rgb(21.34, 123.3184615385, 194.26) !important;
}

.ring-es-600 {
  outline: 2px solid rgb(21.34, 123.3184615385, 194.26) !important;
  outline-offset: 2px !important;
}

.bg-es-700 {
  background-color: rgb(17.625, 105.2019230769, 166.125) !important;
}

.text-es-700 {
  color: rgb(17.625, 105.2019230769, 166.125) !important;
}

.border-es-700 {
  border-color: rgb(17.625, 105.2019230769, 166.125) !important;
}

.fill-es-700 {
  fill: rgb(17.625, 105.2019230769, 166.125) !important;
}

.ring-es-700 {
  outline: 2px solid rgb(17.625, 105.2019230769, 166.125) !important;
  outline-offset: 2px !important;
}

.bg-es-800 {
  background-color: rgb(14.105, 87.0503846154, 137.795) !important;
}

.text-es-800 {
  color: rgb(14.105, 87.0503846154, 137.795) !important;
}

.border-es-800 {
  border-color: rgb(14.105, 87.0503846154, 137.795) !important;
}

.fill-es-800 {
  fill: rgb(14.105, 87.0503846154, 137.795) !important;
}

.ring-es-800 {
  outline: 2px solid rgb(14.105, 87.0503846154, 137.795) !important;
  outline-offset: 2px !important;
}

.bg-es-900 {
  background-color: rgb(11, 70.2692307692, 111.5) !important;
}

.text-es-900 {
  color: rgb(11, 70.2692307692, 111.5) !important;
}

.border-es-900 {
  border-color: rgb(11, 70.2692307692, 111.5) !important;
}

.fill-es-900 {
  fill: rgb(11, 70.2692307692, 111.5) !important;
}

.ring-es-900 {
  outline: 2px solid rgb(11, 70.2692307692, 111.5) !important;
  outline-offset: 2px !important;
}

.bg-eb-100 {
  background-color: rgb(232.7336, 170.9056, 148.3064) !important;
}

.text-eb-100 {
  color: rgb(232.7336, 170.9056, 148.3064) !important;
}

.border-eb-100 {
  border-color: rgb(232.7336, 170.9056, 148.3064) !important;
}

.fill-eb-100 {
  fill: rgb(232.7336, 170.9056, 148.3064) !important;
}

.ring-eb-100 {
  outline: 2px solid rgb(232.7336, 170.9056, 148.3064) !important;
  outline-offset: 2px !important;
}

.bg-eb-200 {
  background-color: rgb(233.362, 152.452, 122.878) !important;
}

.text-eb-200 {
  color: rgb(233.362, 152.452, 122.878) !important;
}

.border-eb-200 {
  border-color: rgb(233.362, 152.452, 122.878) !important;
}

.fill-eb-200 {
  fill: rgb(233.362, 152.452, 122.878) !important;
}

.ring-eb-200 {
  outline: 2px solid rgb(233.362, 152.452, 122.878) !important;
  outline-offset: 2px !important;
}

.bg-eb-300 {
  background-color: rgb(232.9904, 127.1984, 88.5296) !important;
}

.text-eb-300 {
  color: rgb(232.9904, 127.1984, 88.5296) !important;
}

.border-eb-300 {
  border-color: rgb(232.9904, 127.1984, 88.5296) !important;
}

.fill-eb-300 {
  fill: rgb(232.9904, 127.1984, 88.5296) !important;
}

.ring-eb-300 {
  outline: 2px solid rgb(232.9904, 127.1984, 88.5296) !important;
  outline-offset: 2px !important;
}

.bg-eb-400 {
  background-color: rgb(231.8689, 104.1094, 57.4111) !important;
}

.text-eb-400 {
  color: rgb(231.8689, 104.1094, 57.4111) !important;
}

.border-eb-400 {
  border-color: rgb(231.8689, 104.1094, 57.4111) !important;
}

.fill-eb-400 {
  fill: rgb(231.8689, 104.1094, 57.4111) !important;
}

.ring-eb-400 {
  outline: 2px solid rgb(231.8689, 104.1094, 57.4111) !important;
  outline-offset: 2px !important;
}

.bg-eb-500 {
  background-color: #e65520 !important;
}

.text-eb-500 {
  color: #e65520 !important;
}

.border-eb-500 {
  border-color: #e65520 !important;
}

.fill-eb-500 {
  fill: #e65520 !important;
}

.ring-eb-500 {
  outline: 2px solid #e65520 !important;
  outline-offset: 2px !important;
}

.bg-eb-600 {
  background-color: rgb(208.0153225806, 72.1908602151, 22.5446774194) !important;
}

.text-eb-600 {
  color: rgb(208.0153225806, 72.1908602151, 22.5446774194) !important;
}

.border-eb-600 {
  border-color: rgb(208.0153225806, 72.1908602151, 22.5446774194) !important;
}

.fill-eb-600 {
  fill: rgb(208.0153225806, 72.1908602151, 22.5446774194) !important;
}

.ring-eb-600 {
  outline: 2px solid rgb(208.0153225806, 72.1908602151, 22.5446774194) !important;
  outline-offset: 2px !important;
}

.bg-eb-700 {
  background-color: rgb(177.8800403226, 61.2501832845, 18.6199596774) !important;
}

.text-eb-700 {
  color: rgb(177.8800403226, 61.2501832845, 18.6199596774) !important;
}

.border-eb-700 {
  border-color: rgb(177.8800403226, 61.2501832845, 18.6199596774) !important;
}

.fill-eb-700 {
  fill: rgb(177.8800403226, 61.2501832845, 18.6199596774) !important;
}

.ring-eb-700 {
  outline: 2px solid rgb(177.8800403226, 61.2501832845, 18.6199596774) !important;
  outline-offset: 2px !important;
}

.bg-eb-800 {
  background-color: rgb(147.53875, 50.4052272727, 14.90125) !important;
}

.text-eb-800 {
  color: rgb(147.53875, 50.4052272727, 14.90125) !important;
}

.border-eb-800 {
  border-color: rgb(147.53875, 50.4052272727, 14.90125) !important;
}

.fill-eb-800 {
  fill: rgb(147.53875, 50.4052272727, 14.90125) !important;
}

.ring-eb-800 {
  outline: 2px solid rgb(147.53875, 50.4052272727, 14.90125) !important;
  outline-offset: 2px !important;
}

.bg-eb-900 {
  background-color: rgb(119.3790322581, 40.4652981427, 11.6209677419) !important;
}

.text-eb-900 {
  color: rgb(119.3790322581, 40.4652981427, 11.6209677419) !important;
}

.border-eb-900 {
  border-color: rgb(119.3790322581, 40.4652981427, 11.6209677419) !important;
}

.fill-eb-900 {
  fill: rgb(119.3790322581, 40.4652981427, 11.6209677419) !important;
}

.ring-eb-900 {
  outline: 2px solid rgb(119.3790322581, 40.4652981427, 11.6209677419) !important;
  outline-offset: 2px !important;
}

.bg-en-100 {
  background-color: rgb(128.2396, 225.4588, 233.5604) !important;
}

.text-en-100 {
  color: rgb(128.2396, 225.4588, 233.5604) !important;
}

.border-en-100 {
  border-color: rgb(128.2396, 225.4588, 233.5604) !important;
}

.fill-en-100 {
  fill: rgb(128.2396, 225.4588, 233.5604) !important;
}

.ring-en-100 {
  outline: 2px solid rgb(128.2396, 225.4588, 233.5604) !important;
  outline-offset: 2px !important;
}

.bg-en-200 {
  background-color: rgb(97.737, 224.961, 235.563) !important;
}

.text-en-200 {
  color: rgb(97.737, 224.961, 235.563) !important;
}

.border-en-200 {
  border-color: rgb(97.737, 224.961, 235.563) !important;
}

.fill-en-200 {
  fill: rgb(97.737, 224.961, 235.563) !important;
}

.ring-en-200 {
  outline: 2px solid rgb(97.737, 224.961, 235.563) !important;
  outline-offset: 2px !important;
}

.bg-en-300 {
  background-color: rgb(56.5944, 222.9432, 236.8056) !important;
}

.text-en-300 {
  color: rgb(56.5944, 222.9432, 236.8056) !important;
}

.border-en-300 {
  border-color: rgb(56.5944, 222.9432, 236.8056) !important;
}

.fill-en-300 {
  fill: rgb(56.5944, 222.9432, 236.8056) !important;
}

.ring-en-300 {
  outline: 2px solid rgb(56.5944, 222.9432, 236.8056) !important;
  outline-offset: 2px !important;
}

.bg-en-400 {
  background-color: rgb(19.35915, 220.24995, 236.99085) !important;
}

.text-en-400 {
  color: rgb(19.35915, 220.24995, 236.99085) !important;
}

.border-en-400 {
  border-color: rgb(19.35915, 220.24995, 236.99085) !important;
}

.fill-en-400 {
  fill: rgb(19.35915, 220.24995, 236.99085) !important;
}

.ring-en-400 {
  outline: 2px solid rgb(19.35915, 220.24995, 236.99085) !important;
  outline-offset: 2px !important;
}

.bg-en-500 {
  background-color: #0fc3d2 !important;
}

.text-en-500 {
  color: #0fc3d2 !important;
}

.border-en-500 {
  border-color: #0fc3d2 !important;
}

.fill-en-500 {
  fill: #0fc3d2 !important;
}

.ring-en-500 {
  outline: 2px solid #0fc3d2 !important;
  outline-offset: 2px !important;
}

.bg-en-600 {
  background-color: rgb(12.804, 171.9350769231, 185.196) !important;
}

.text-en-600 {
  color: rgb(12.804, 171.9350769231, 185.196) !important;
}

.border-en-600 {
  border-color: rgb(12.804, 171.9350769231, 185.196) !important;
}

.fill-en-600 {
  fill: rgb(12.804, 171.9350769231, 185.196) !important;
}

.ring-en-600 {
  outline: 2px solid rgb(12.804, 171.9350769231, 185.196) !important;
  outline-offset: 2px !important;
}

.bg-en-700 {
  background-color: rgb(10.575, 146.8211538462, 158.175) !important;
}

.text-en-700 {
  color: rgb(10.575, 146.8211538462, 158.175) !important;
}

.border-en-700 {
  border-color: rgb(10.575, 146.8211538462, 158.175) !important;
}

.fill-en-700 {
  fill: rgb(10.575, 146.8211538462, 158.175) !important;
}

.ring-en-700 {
  outline: 2px solid rgb(10.575, 146.8211538462, 158.175) !important;
  outline-offset: 2px !important;
}

.bg-en-800 {
  background-color: rgb(8.463, 121.6082307692, 131.037) !important;
}

.text-en-800 {
  color: rgb(8.463, 121.6082307692, 131.037) !important;
}

.border-en-800 {
  border-color: rgb(8.463, 121.6082307692, 131.037) !important;
}

.fill-en-800 {
  fill: rgb(8.463, 121.6082307692, 131.037) !important;
}

.ring-en-800 {
  outline: 2px solid rgb(8.463, 121.6082307692, 131.037) !important;
  outline-offset: 2px !important;
}

.bg-en-900 {
  background-color: rgb(6.6, 98.2615384615, 105.9) !important;
}

.text-en-900 {
  color: rgb(6.6, 98.2615384615, 105.9) !important;
}

.border-en-900 {
  border-color: rgb(6.6, 98.2615384615, 105.9) !important;
}

.fill-en-900 {
  fill: rgb(6.6, 98.2615384615, 105.9) !important;
}

.ring-en-900 {
  outline: 2px solid rgb(6.6, 98.2615384615, 105.9) !important;
  outline-offset: 2px !important;
}

.bg-ep-100 {
  background-color: rgb(175.3672, 180.9104, 241.0328) !important;
}

.text-ep-100 {
  color: rgb(175.3672, 180.9104, 241.0328) !important;
}

.border-ep-100 {
  border-color: rgb(175.3672, 180.9104, 241.0328) !important;
}

.fill-ep-100 {
  fill: rgb(175.3672, 180.9104, 241.0328) !important;
}

.ring-ep-100 {
  outline: 2px solid rgb(175.3672, 180.9104, 241.0328) !important;
  outline-offset: 2px !important;
}

.bg-ep-200 {
  background-color: rgb(156.234, 163.488, 242.166) !important;
}

.text-ep-200 {
  color: rgb(156.234, 163.488, 242.166) !important;
}

.border-ep-200 {
  border-color: rgb(156.234, 163.488, 242.166) !important;
}

.fill-ep-200 {
  fill: rgb(156.234, 163.488, 242.166) !important;
}

.ring-ep-200 {
  outline: 2px solid rgb(156.234, 163.488, 242.166) !important;
  outline-offset: 2px !important;
}

.bg-ep-300 {
  background-color: rgb(130.4208, 139.9056, 242.7792) !important;
}

.text-ep-300 {
  color: rgb(130.4208, 139.9056, 242.7792) !important;
}

.border-ep-300 {
  border-color: rgb(130.4208, 139.9056, 242.7792) !important;
}

.fill-ep-300 {
  fill: rgb(130.4208, 139.9056, 242.7792) !important;
}

.ring-ep-300 {
  outline: 2px solid rgb(130.4208, 139.9056, 242.7792) !important;
  outline-offset: 2px !important;
}

.bg-ep-400 {
  background-color: rgb(107.0553, 118.5096, 242.7447) !important;
}

.text-ep-400 {
  color: rgb(107.0553, 118.5096, 242.7447) !important;
}

.border-ep-400 {
  border-color: rgb(107.0553, 118.5096, 242.7447) !important;
}

.fill-ep-400 {
  fill: rgb(107.0553, 118.5096, 242.7447) !important;
}

.ring-ep-400 {
  outline: 2px solid rgb(107.0553, 118.5096, 242.7447) !important;
  outline-offset: 2px !important;
}

.bg-ep-500 {
  background-color: #5865f2 !important;
}

.text-ep-500 {
  color: #5865f2 !important;
}

.border-ep-500 {
  border-color: #5865f2 !important;
}

.fill-ep-500 {
  fill: #5865f2 !important;
}

.ring-ep-500 {
  outline: 2px solid #5865f2 !important;
  outline-offset: 2px !important;
}

.bg-ep-600 {
  background-color: rgb(50.7842, 66.7245298701, 239.6158) !important;
}

.text-ep-600 {
  color: rgb(50.7842, 66.7245298701, 239.6158) !important;
}

.border-ep-600 {
  border-color: rgb(50.7842, 66.7245298701, 239.6158) !important;
}

.fill-ep-600 {
  fill: rgb(50.7842, 66.7245298701, 239.6158) !important;
}

.ring-ep-600 {
  outline: 2px solid rgb(50.7842, 66.7245298701, 239.6158) !important;
  outline-offset: 2px !important;
}

.bg-ep-700 {
  background-color: rgb(16.8025, 34.8585714286, 230.6975) !important;
}

.text-ep-700 {
  color: rgb(16.8025, 34.8585714286, 230.6975) !important;
}

.border-ep-700 {
  border-color: rgb(16.8025, 34.8585714286, 230.6975) !important;
}

.fill-ep-700 {
  fill: rgb(16.8025, 34.8585714286, 230.6975) !important;
}

.ring-ep-700 {
  outline: 2px solid rgb(16.8025, 34.8585714286, 230.6975) !important;
  outline-offset: 2px !important;
}

.bg-ep-800 {
  background-color: rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
}

.text-ep-800 {
  color: rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
}

.border-ep-800 {
  border-color: rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
}

.fill-ep-800 {
  fill: rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
}

.ring-ep-800 {
  outline: 2px solid rgb(13.4467666667, 28.4479619048, 191.1532333333) !important;
  outline-offset: 2px !important;
}

.bg-ep-900 {
  background-color: rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
}

.text-ep-900 {
  color: rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
}

.border-ep-900 {
  border-color: rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
}

.fill-ep-900 {
  fill: rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
}

.ring-ep-900 {
  outline: 2px solid rgb(10.4866666667, 22.6447619048, 154.5133333333) !important;
  outline-offset: 2px !important;
}

.on-primary-100 {
  color: #0f172a !important;
}

.on-primary-200 {
  color: #0f172a !important;
}

.on-primary-300 {
  color: #0f172a !important;
}

.on-primary-400 {
  color: #0f172a !important;
}

.on-primary-500 {
  color: #000000 !important;
}

.on-primary-600 {
  color: #ffffff !important;
}

.on-primary-700 {
  color: #ffffff !important;
}

.on-primary-800 {
  color: #ffffff !important;
}

.on-primary-900 {
  color: #ffffff !important;
}

.on-primary2-100 {
  color: #0f172a !important;
}

.on-primary2-200 {
  color: #0f172a !important;
}

.on-primary2-300 {
  color: #0f172a !important;
}

.on-primary2-400 {
  color: #0f172a !important;
}

.on-primary2-500 {
  color: #0f172a !important;
}

.on-primary2-600 {
  color: #0f172a !important;
}

.on-primary2-700 {
  color: #000000 !important;
}

.on-primary2-800 {
  color: #ffffff !important;
}

.on-primary2-900 {
  color: #ffffff !important;
}

.on-secondary-100 {
  color: #0f172a !important;
}

.on-secondary-200 {
  color: #0f172a !important;
}

.on-secondary-300 {
  color: #0f172a !important;
}

.on-secondary-400 {
  color: #0f172a !important;
}

.on-secondary-500 {
  color: #000000 !important;
}

.on-secondary-600 {
  color: #ffffff !important;
}

.on-secondary-700 {
  color: #ffffff !important;
}

.on-secondary-800 {
  color: #ffffff !important;
}

.on-secondary-900 {
  color: #ffffff !important;
}

.on-success-100 {
  color: #0f172a !important;
}

.on-success-200 {
  color: #0f172a !important;
}

.on-success-300 {
  color: #0f172a !important;
}

.on-success-400 {
  color: #0f172a !important;
}

.on-success-500 {
  color: #0f172a !important;
}

.on-success-600 {
  color: #0f172a !important;
}

.on-success-700 {
  color: #0f172a !important;
}

.on-success-800 {
  color: #ffffff !important;
}

.on-success-900 {
  color: #ffffff !important;
}

.on-danger-100 {
  color: #0f172a !important;
}

.on-danger-200 {
  color: #0f172a !important;
}

.on-danger-300 {
  color: #0f172a !important;
}

.on-danger-400 {
  color: #0f172a !important;
}

.on-danger-500 {
  color: #0f172a !important;
}

.on-danger-600 {
  color: #000000 !important;
}

.on-danger-700 {
  color: #ffffff !important;
}

.on-danger-800 {
  color: #ffffff !important;
}

.on-danger-900 {
  color: #ffffff !important;
}

.on-warning-100 {
  color: #0f172a !important;
}

.on-warning-200 {
  color: #0f172a !important;
}

.on-warning-300 {
  color: #0f172a !important;
}

.on-warning-400 {
  color: #0f172a !important;
}

.on-warning-500 {
  color: #0f172a !important;
}

.on-warning-600 {
  color: #0f172a !important;
}

.on-warning-700 {
  color: #0f172a !important;
}

.on-warning-800 {
  color: #000000 !important;
}

.on-warning-900 {
  color: #ffffff !important;
}

.on-info-100 {
  color: #0f172a !important;
}

.on-info-200 {
  color: #0f172a !important;
}

.on-info-300 {
  color: #0f172a !important;
}

.on-info-400 {
  color: #0f172a !important;
}

.on-info-500 {
  color: #0f172a !important;
}

.on-info-600 {
  color: #0f172a !important;
}

.on-info-700 {
  color: #0f172a !important;
}

.on-info-800 {
  color: #000000 !important;
}

.on-info-900 {
  color: #ffffff !important;
}

.on-dark-100 {
  color: #0f172a !important;
}

.on-dark-200 {
  color: #000000 !important;
}

.on-dark-300 {
  color: #ffffff !important;
}

.on-dark-400 {
  color: #ffffff !important;
}

.on-dark-500 {
  color: #ffffff !important;
}

.on-dark-600 {
  color: #ffffff !important;
}

.on-dark-700 {
  color: #ffffff !important;
}

.on-dark-800 {
  color: #ffffff !important;
}

.on-dark-900 {
  color: #ffffff !important;
}

.on-eg-100 {
  color: #0f172a !important;
}

.on-eg-200 {
  color: #0f172a !important;
}

.on-eg-300 {
  color: #0f172a !important;
}

.on-eg-400 {
  color: #0f172a !important;
}

.on-eg-500 {
  color: #0f172a !important;
}

.on-eg-600 {
  color: #0f172a !important;
}

.on-eg-700 {
  color: #000000 !important;
}

.on-eg-800 {
  color: #ffffff !important;
}

.on-eg-900 {
  color: #ffffff !important;
}

.on-es-100 {
  color: #0f172a !important;
}

.on-es-200 {
  color: #0f172a !important;
}

.on-es-300 {
  color: #0f172a !important;
}

.on-es-400 {
  color: #0f172a !important;
}

.on-es-500 {
  color: #0f172a !important;
}

.on-es-600 {
  color: #000000 !important;
}

.on-es-700 {
  color: #ffffff !important;
}

.on-es-800 {
  color: #ffffff !important;
}

.on-es-900 {
  color: #ffffff !important;
}

.on-eb-100 {
  color: #0f172a !important;
}

.on-eb-200 {
  color: #0f172a !important;
}

.on-eb-300 {
  color: #0f172a !important;
}

.on-eb-400 {
  color: #0f172a !important;
}

.on-eb-500 {
  color: #0f172a !important;
}

.on-eb-600 {
  color: #000000 !important;
}

.on-eb-700 {
  color: #ffffff !important;
}

.on-eb-800 {
  color: #ffffff !important;
}

.on-eb-900 {
  color: #ffffff !important;
}

.on-en-100 {
  color: #0f172a !important;
}

.on-en-200 {
  color: #0f172a !important;
}

.on-en-300 {
  color: #0f172a !important;
}

.on-en-400 {
  color: #0f172a !important;
}

.on-en-500 {
  color: #0f172a !important;
}

.on-en-600 {
  color: #0f172a !important;
}

.on-en-700 {
  color: #0f172a !important;
}

.on-en-800 {
  color: #000000 !important;
}

.on-en-900 {
  color: #ffffff !important;
}

.on-ep-100 {
  color: #0f172a !important;
}

.on-ep-200 {
  color: #0f172a !important;
}

.on-ep-300 {
  color: #0f172a !important;
}

.on-ep-400 {
  color: #0f172a !important;
}

.on-ep-500 {
  color: #000000 !important;
}

.on-ep-600 {
  color: #ffffff !important;
}

.on-ep-700 {
  color: #ffffff !important;
}

.on-ep-800 {
  color: #ffffff !important;
}

.on-ep-900 {
  color: #ffffff !important;
}

.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.container-fluid {
  width: 100%;
  padding-inline: 1rem;
}

.container-sm {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
}
@media (min-width: 576px) {
  .container-sm {
    max-width: 540px;
  }
}

.container-md {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
}
@media (min-width: 768px) {
  .container-md {
    max-width: 720px;
  }
}

.container-lg {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
}
@media (min-width: 992px) {
  .container-lg {
    max-width: 960px;
  }
}

.container-xl {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
}
@media (min-width: 1200px) {
  .container-xl {
    max-width: 1140px;
  }
}

.container-xxl {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
}
@media (min-width: 1400px) {
  .container-xxl {
    max-width: 1320px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(0.75rem * -1);
}
.row > * {
  padding-inline: 0.75rem;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

.row-gap-0 {
  gap: 0;
  margin-inline: 0;
}
.row-gap-0 > * {
  padding-inline: 0;
}

.row-gap-sm {
  margin-inline: -0.375rem;
}
.row-gap-sm > * {
  padding-inline: 0.375rem;
}

.row-gap-lg {
  margin-inline: -1.5rem;
}
.row-gap-lg > * {
  padding-inline: 1.5rem;
}

.row-gap-xl {
  margin-inline: -2rem;
}
.row-gap-xl > * {
  padding-inline: 2rem;
}

.row-center {
  justify-content: center;
}

.row-end {
  justify-content: flex-end;
}

.row-between {
  justify-content: space-between;
}

.row-around {
  justify-content: space-around;
}

.row-align-center {
  align-items: center;
}

.row-align-start {
  align-items: flex-start;
}

.row-align-end {
  align-items: flex-end;
}

.row-align-stretch {
  align-items: stretch;
}

.col-1 {
  width: 4.1666666667%;
  flex: 0 0 4.1666666667%;
  max-width: 4.1666666667%;
}

.col-2 {
  width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-3 {
  width: 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.col-4 {
  width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-5 {
  width: 20.8333333333%;
  flex: 0 0 20.8333333333%;
  max-width: 20.8333333333%;
}

.col-6 {
  width: 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-7 {
  width: 29.1666666667%;
  flex: 0 0 29.1666666667%;
  max-width: 29.1666666667%;
}

.col-8 {
  width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-9 {
  width: 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.col-10 {
  width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-11 {
  width: 45.8333333333%;
  flex: 0 0 45.8333333333%;
  max-width: 45.8333333333%;
}

.col-12 {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-13 {
  width: 54.1666666667%;
  flex: 0 0 54.1666666667%;
  max-width: 54.1666666667%;
}

.col-14 {
  width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-15 {
  width: 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.col-16 {
  width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-17 {
  width: 70.8333333333%;
  flex: 0 0 70.8333333333%;
  max-width: 70.8333333333%;
}

.col-18 {
  width: 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-19 {
  width: 79.1666666667%;
  flex: 0 0 79.1666666667%;
  max-width: 79.1666666667%;
}

.col-20 {
  width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-21 {
  width: 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.col-22 {
  width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-23 {
  width: 95.8333333333%;
  flex: 0 0 95.8333333333%;
  max-width: 95.8333333333%;
}

.col-24 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.col {
  flex: 1 1 0;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

@media (min-width: 576px) {
  .col-sm-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-sm-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-sm-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-sm-6 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-sm-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-sm-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-sm-12 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-sm-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-sm-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-sm-18 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-sm-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-sm-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-sm-24 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm {
    flex: 1 1 0;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-md-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-md-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-md-6 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-md-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-md-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-md-12 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-md-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-md-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-md-18 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-md-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-md-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-md-24 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md {
    flex: 1 1 0;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-lg-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-lg-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-lg-6 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-lg-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-lg-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-lg-12 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-lg-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-lg-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-lg-18 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-lg-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-lg-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-lg-24 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg {
    flex: 1 1 0;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-xl-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xl-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-xl-6 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-xl-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xl-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-xl-12 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-xl-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xl-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-xl-18 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-xl-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xl-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-xl-24 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl {
    flex: 1 1 0;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-xxl-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xxl-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-xxl-6 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-xxl-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xxl-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-xxl-12 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-xxl-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xxl-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-xxl-18 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-xxl-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xxl-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-xxl-24 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xxl {
    flex: 1 1 0;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
}
.offset-0 {
  margin-left: 0;
}

.offset-1 {
  margin-left: 4.1666666667%;
}

.offset-2 {
  margin-left: 8.3333333333%;
}

.offset-3 {
  margin-left: 12.5%;
}

.offset-4 {
  margin-left: 16.6666666667%;
}

.offset-5 {
  margin-left: 20.8333333333%;
}

.offset-6 {
  margin-left: 25%;
}

.offset-7 {
  margin-left: 29.1666666667%;
}

.offset-8 {
  margin-left: 33.3333333333%;
}

.offset-9 {
  margin-left: 37.5%;
}

.offset-10 {
  margin-left: 41.6666666667%;
}

.offset-11 {
  margin-left: 45.8333333333%;
}

.offset-12 {
  margin-left: 50%;
}

.offset-13 {
  margin-left: 54.1666666667%;
}

.offset-14 {
  margin-left: 58.3333333333%;
}

.offset-15 {
  margin-left: 62.5%;
}

.offset-16 {
  margin-left: 66.6666666667%;
}

.offset-17 {
  margin-left: 70.8333333333%;
}

.offset-18 {
  margin-left: 75%;
}

.offset-19 {
  margin-left: 79.1666666667%;
}

.offset-20 {
  margin-left: 83.3333333333%;
}

.offset-21 {
  margin-left: 87.5%;
}

.offset-22 {
  margin-left: 91.6666666667%;
}

.offset-23 {
  margin-left: 95.8333333333%;
}

@media (min-width: 576px) {
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 4.1666666667%;
  }
  .offset-sm-2 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-3 {
    margin-left: 12.5%;
  }
  .offset-sm-4 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 20.8333333333%;
  }
  .offset-sm-6 {
    margin-left: 25%;
  }
  .offset-sm-7 {
    margin-left: 29.1666666667%;
  }
  .offset-sm-8 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-9 {
    margin-left: 37.5%;
  }
  .offset-sm-10 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 45.8333333333%;
  }
  .offset-sm-12 {
    margin-left: 50%;
  }
  .offset-sm-13 {
    margin-left: 54.1666666667%;
  }
  .offset-sm-14 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-15 {
    margin-left: 62.5%;
  }
  .offset-sm-16 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-17 {
    margin-left: 70.8333333333%;
  }
  .offset-sm-18 {
    margin-left: 75%;
  }
  .offset-sm-19 {
    margin-left: 79.1666666667%;
  }
  .offset-sm-20 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-21 {
    margin-left: 87.5%;
  }
  .offset-sm-22 {
    margin-left: 91.6666666667%;
  }
  .offset-sm-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 768px) {
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 4.1666666667%;
  }
  .offset-md-2 {
    margin-left: 8.3333333333%;
  }
  .offset-md-3 {
    margin-left: 12.5%;
  }
  .offset-md-4 {
    margin-left: 16.6666666667%;
  }
  .offset-md-5 {
    margin-left: 20.8333333333%;
  }
  .offset-md-6 {
    margin-left: 25%;
  }
  .offset-md-7 {
    margin-left: 29.1666666667%;
  }
  .offset-md-8 {
    margin-left: 33.3333333333%;
  }
  .offset-md-9 {
    margin-left: 37.5%;
  }
  .offset-md-10 {
    margin-left: 41.6666666667%;
  }
  .offset-md-11 {
    margin-left: 45.8333333333%;
  }
  .offset-md-12 {
    margin-left: 50%;
  }
  .offset-md-13 {
    margin-left: 54.1666666667%;
  }
  .offset-md-14 {
    margin-left: 58.3333333333%;
  }
  .offset-md-15 {
    margin-left: 62.5%;
  }
  .offset-md-16 {
    margin-left: 66.6666666667%;
  }
  .offset-md-17 {
    margin-left: 70.8333333333%;
  }
  .offset-md-18 {
    margin-left: 75%;
  }
  .offset-md-19 {
    margin-left: 79.1666666667%;
  }
  .offset-md-20 {
    margin-left: 83.3333333333%;
  }
  .offset-md-21 {
    margin-left: 87.5%;
  }
  .offset-md-22 {
    margin-left: 91.6666666667%;
  }
  .offset-md-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 992px) {
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 4.1666666667%;
  }
  .offset-lg-2 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-3 {
    margin-left: 12.5%;
  }
  .offset-lg-4 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 20.8333333333%;
  }
  .offset-lg-6 {
    margin-left: 25%;
  }
  .offset-lg-7 {
    margin-left: 29.1666666667%;
  }
  .offset-lg-8 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-9 {
    margin-left: 37.5%;
  }
  .offset-lg-10 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 45.8333333333%;
  }
  .offset-lg-12 {
    margin-left: 50%;
  }
  .offset-lg-13 {
    margin-left: 54.1666666667%;
  }
  .offset-lg-14 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-15 {
    margin-left: 62.5%;
  }
  .offset-lg-16 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-17 {
    margin-left: 70.8333333333%;
  }
  .offset-lg-18 {
    margin-left: 75%;
  }
  .offset-lg-19 {
    margin-left: 79.1666666667%;
  }
  .offset-lg-20 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-21 {
    margin-left: 87.5%;
  }
  .offset-lg-22 {
    margin-left: 91.6666666667%;
  }
  .offset-lg-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1200px) {
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xl-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-3 {
    margin-left: 12.5%;
  }
  .offset-xl-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xl-6 {
    margin-left: 25%;
  }
  .offset-xl-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xl-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-9 {
    margin-left: 37.5%;
  }
  .offset-xl-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xl-12 {
    margin-left: 50%;
  }
  .offset-xl-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xl-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-15 {
    margin-left: 62.5%;
  }
  .offset-xl-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xl-18 {
    margin-left: 75%;
  }
  .offset-xl-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xl-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-21 {
    margin-left: 87.5%;
  }
  .offset-xl-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xl-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1400px) {
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xxl-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-3 {
    margin-left: 12.5%;
  }
  .offset-xxl-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xxl-6 {
    margin-left: 25%;
  }
  .offset-xxl-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xxl-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-9 {
    margin-left: 37.5%;
  }
  .offset-xxl-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xxl-12 {
    margin-left: 50%;
  }
  .offset-xxl-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xxl-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-15 {
    margin-left: 62.5%;
  }
  .offset-xxl-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xxl-18 {
    margin-left: 75%;
  }
  .offset-xxl-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xxl-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-21 {
    margin-left: 87.5%;
  }
  .offset-xxl-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xxl-23 {
    margin-left: 95.8333333333%;
  }
}
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-first {
  order: -1;
}

.order-last {
  order: 9999;
}

@media (min-width: 576px) {
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 9999;
  }
}
@media (min-width: 768px) {
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 9999;
  }
}
@media (min-width: 992px) {
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 9999;
  }
}
@media (min-width: 1200px) {
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 9999;
  }
}
@media (min-width: 1400px) {
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 9999;
  }
}
.grid {
  display: grid;
  gap: 1.5rem;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.row-span-1 {
  grid-row: span 1/span 1;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.row-span-4 {
  grid-row: span 4/span 4;
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.col-span-5 {
  grid-column: span 5/span 5;
}

.row-span-5 {
  grid-row: span 5/span 5;
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.col-span-6 {
  grid-column: span 6/span 6;
}

.row-span-6 {
  grid-row: span 6/span 6;
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}

.col-span-7 {
  grid-column: span 7/span 7;
}

.row-span-7 {
  grid-row: span 7/span 7;
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}

.col-span-8 {
  grid-column: span 8/span 8;
}

.row-span-8 {
  grid-row: span 8/span 8;
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}

.col-span-9 {
  grid-column: span 9/span 9;
}

.row-span-9 {
  grid-row: span 9/span 9;
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}

.col-span-10 {
  grid-column: span 10/span 10;
}

.row-span-10 {
  grid-row: span 10/span 10;
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}

.col-span-11 {
  grid-column: span 11/span 11;
}

.row-span-11 {
  grid-row: span 11/span 11;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}

.col-span-12 {
  grid-column: span 12/span 12;
}

.row-span-12 {
  grid-row: span 12/span 12;
}

.col-span-full {
  grid-column: 1/-1;
}

@media (min-width: 576px) {
  .grid-cols-sm-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-span-sm-1 {
    grid-column: span 1/span 1;
  }
  .grid-cols-sm-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-span-sm-2 {
    grid-column: span 2/span 2;
  }
  .grid-cols-sm-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-span-sm-3 {
    grid-column: span 3/span 3;
  }
  .grid-cols-sm-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-span-sm-4 {
    grid-column: span 4/span 4;
  }
  .grid-cols-sm-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-span-sm-5 {
    grid-column: span 5/span 5;
  }
  .grid-cols-sm-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-span-sm-6 {
    grid-column: span 6/span 6;
  }
  .grid-cols-sm-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-span-sm-7 {
    grid-column: span 7/span 7;
  }
  .grid-cols-sm-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-span-sm-8 {
    grid-column: span 8/span 8;
  }
  .grid-cols-sm-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-span-sm-9 {
    grid-column: span 9/span 9;
  }
  .grid-cols-sm-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-span-sm-10 {
    grid-column: span 10/span 10;
  }
  .grid-cols-sm-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-span-sm-11 {
    grid-column: span 11/span 11;
  }
  .grid-cols-sm-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-sm-12 {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 768px) {
  .grid-cols-md-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-span-md-1 {
    grid-column: span 1/span 1;
  }
  .grid-cols-md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-span-md-2 {
    grid-column: span 2/span 2;
  }
  .grid-cols-md-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-span-md-3 {
    grid-column: span 3/span 3;
  }
  .grid-cols-md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-span-md-4 {
    grid-column: span 4/span 4;
  }
  .grid-cols-md-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-span-md-5 {
    grid-column: span 5/span 5;
  }
  .grid-cols-md-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-span-md-6 {
    grid-column: span 6/span 6;
  }
  .grid-cols-md-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-span-md-7 {
    grid-column: span 7/span 7;
  }
  .grid-cols-md-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-span-md-8 {
    grid-column: span 8/span 8;
  }
  .grid-cols-md-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-span-md-9 {
    grid-column: span 9/span 9;
  }
  .grid-cols-md-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-span-md-10 {
    grid-column: span 10/span 10;
  }
  .grid-cols-md-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-span-md-11 {
    grid-column: span 11/span 11;
  }
  .grid-cols-md-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-md-12 {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 992px) {
  .grid-cols-lg-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-span-lg-1 {
    grid-column: span 1/span 1;
  }
  .grid-cols-lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-span-lg-2 {
    grid-column: span 2/span 2;
  }
  .grid-cols-lg-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-span-lg-3 {
    grid-column: span 3/span 3;
  }
  .grid-cols-lg-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-span-lg-4 {
    grid-column: span 4/span 4;
  }
  .grid-cols-lg-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-span-lg-5 {
    grid-column: span 5/span 5;
  }
  .grid-cols-lg-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-span-lg-6 {
    grid-column: span 6/span 6;
  }
  .grid-cols-lg-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-span-lg-7 {
    grid-column: span 7/span 7;
  }
  .grid-cols-lg-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-span-lg-8 {
    grid-column: span 8/span 8;
  }
  .grid-cols-lg-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-span-lg-9 {
    grid-column: span 9/span 9;
  }
  .grid-cols-lg-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-span-lg-10 {
    grid-column: span 10/span 10;
  }
  .grid-cols-lg-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-span-lg-11 {
    grid-column: span 11/span 11;
  }
  .grid-cols-lg-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-lg-12 {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1200px) {
  .grid-cols-xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-span-xl-1 {
    grid-column: span 1/span 1;
  }
  .grid-cols-xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-span-xl-2 {
    grid-column: span 2/span 2;
  }
  .grid-cols-xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-span-xl-3 {
    grid-column: span 3/span 3;
  }
  .grid-cols-xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-span-xl-4 {
    grid-column: span 4/span 4;
  }
  .grid-cols-xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-span-xl-5 {
    grid-column: span 5/span 5;
  }
  .grid-cols-xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-span-xl-6 {
    grid-column: span 6/span 6;
  }
  .grid-cols-xl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-span-xl-7 {
    grid-column: span 7/span 7;
  }
  .grid-cols-xl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-span-xl-8 {
    grid-column: span 8/span 8;
  }
  .grid-cols-xl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-span-xl-9 {
    grid-column: span 9/span 9;
  }
  .grid-cols-xl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-span-xl-10 {
    grid-column: span 10/span 10;
  }
  .grid-cols-xl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-span-xl-11 {
    grid-column: span 11/span 11;
  }
  .grid-cols-xl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-xl-12 {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xxl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .col-span-xxl-1 {
    grid-column: span 1/span 1;
  }
  .grid-cols-xxl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .col-span-xxl-2 {
    grid-column: span 2/span 2;
  }
  .grid-cols-xxl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .col-span-xxl-3 {
    grid-column: span 3/span 3;
  }
  .grid-cols-xxl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .col-span-xxl-4 {
    grid-column: span 4/span 4;
  }
  .grid-cols-xxl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .col-span-xxl-5 {
    grid-column: span 5/span 5;
  }
  .grid-cols-xxl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .col-span-xxl-6 {
    grid-column: span 6/span 6;
  }
  .grid-cols-xxl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .col-span-xxl-7 {
    grid-column: span 7/span 7;
  }
  .grid-cols-xxl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .col-span-xxl-8 {
    grid-column: span 8/span 8;
  }
  .grid-cols-xxl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .col-span-xxl-9 {
    grid-column: span 9/span 9;
  }
  .grid-cols-xxl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .col-span-xxl-10 {
    grid-column: span 10/span 10;
  }
  .grid-cols-xxl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .col-span-xxl-11 {
    grid-column: span 11/span 11;
  }
  .grid-cols-xxl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-xxl-12 {
    grid-column: span 12/span 12;
  }
}
.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-0 {
  column-gap: 0;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-y-4 {
  row-gap: 1rem;
}

.grid-auto-fill-xs {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.grid-auto-xs {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.grid-auto-fill-sm {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.grid-auto-sm {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.grid-auto-fill-md {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.grid-auto-md {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.grid-auto-fill-lg {
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}

.grid-auto-lg {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.grid-auto-fill-xl {
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
}

.grid-auto-xl {
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
}

.grid-cols-auto-2 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 576px) {
  .grid-cols-auto-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.grid-cols-auto-3 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 576px) {
  .grid-cols-auto-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .grid-cols-auto-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.grid-cols-auto-4 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 576px) {
  .grid-cols-auto-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .grid-cols-auto-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .grid-cols-auto-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.grid-cols-auto-6 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 576px) {
  .grid-cols-auto-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .grid-cols-auto-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .grid-cols-auto-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 576px) {
  .gap-sm-0 {
    gap: 0;
  }
  .gap-x-sm-0 {
    column-gap: 0;
  }
  .gap-y-sm-0 {
    row-gap: 0;
  }
  .gap-sm-1 {
    gap: 0.25rem;
  }
  .gap-x-sm-1 {
    column-gap: 0.25rem;
  }
  .gap-y-sm-1 {
    row-gap: 0.25rem;
  }
  .gap-sm-2 {
    gap: 0.5rem;
  }
  .gap-x-sm-2 {
    column-gap: 0.5rem;
  }
  .gap-y-sm-2 {
    row-gap: 0.5rem;
  }
  .gap-sm-3 {
    gap: 0.75rem;
  }
  .gap-x-sm-3 {
    column-gap: 0.75rem;
  }
  .gap-y-sm-3 {
    row-gap: 0.75rem;
  }
  .gap-sm-4 {
    gap: 1rem;
  }
  .gap-x-sm-4 {
    column-gap: 1rem;
  }
  .gap-y-sm-4 {
    row-gap: 1rem;
  }
  .gap-sm-5 {
    gap: 1.25rem;
  }
  .gap-x-sm-5 {
    column-gap: 1.25rem;
  }
  .gap-y-sm-5 {
    row-gap: 1.25rem;
  }
  .gap-sm-6 {
    gap: 1.5rem;
  }
  .gap-x-sm-6 {
    column-gap: 1.5rem;
  }
  .gap-y-sm-6 {
    row-gap: 1.5rem;
  }
  .gap-sm-8 {
    gap: 2rem;
  }
  .gap-x-sm-8 {
    column-gap: 2rem;
  }
  .gap-y-sm-8 {
    row-gap: 2rem;
  }
  .gap-sm-10 {
    gap: 2.5rem;
  }
  .gap-x-sm-10 {
    column-gap: 2.5rem;
  }
  .gap-y-sm-10 {
    row-gap: 2.5rem;
  }
  .gap-sm-12 {
    gap: 3rem;
  }
  .gap-x-sm-12 {
    column-gap: 3rem;
  }
  .gap-y-sm-12 {
    row-gap: 3rem;
  }
}
@media (min-width: 768px) {
  .gap-md-0 {
    gap: 0;
  }
  .gap-x-md-0 {
    column-gap: 0;
  }
  .gap-y-md-0 {
    row-gap: 0;
  }
  .gap-md-1 {
    gap: 0.25rem;
  }
  .gap-x-md-1 {
    column-gap: 0.25rem;
  }
  .gap-y-md-1 {
    row-gap: 0.25rem;
  }
  .gap-md-2 {
    gap: 0.5rem;
  }
  .gap-x-md-2 {
    column-gap: 0.5rem;
  }
  .gap-y-md-2 {
    row-gap: 0.5rem;
  }
  .gap-md-3 {
    gap: 0.75rem;
  }
  .gap-x-md-3 {
    column-gap: 0.75rem;
  }
  .gap-y-md-3 {
    row-gap: 0.75rem;
  }
  .gap-md-4 {
    gap: 1rem;
  }
  .gap-x-md-4 {
    column-gap: 1rem;
  }
  .gap-y-md-4 {
    row-gap: 1rem;
  }
  .gap-md-5 {
    gap: 1.25rem;
  }
  .gap-x-md-5 {
    column-gap: 1.25rem;
  }
  .gap-y-md-5 {
    row-gap: 1.25rem;
  }
  .gap-md-6 {
    gap: 1.5rem;
  }
  .gap-x-md-6 {
    column-gap: 1.5rem;
  }
  .gap-y-md-6 {
    row-gap: 1.5rem;
  }
  .gap-md-8 {
    gap: 2rem;
  }
  .gap-x-md-8 {
    column-gap: 2rem;
  }
  .gap-y-md-8 {
    row-gap: 2rem;
  }
  .gap-md-10 {
    gap: 2.5rem;
  }
  .gap-x-md-10 {
    column-gap: 2.5rem;
  }
  .gap-y-md-10 {
    row-gap: 2.5rem;
  }
  .gap-md-12 {
    gap: 3rem;
  }
  .gap-x-md-12 {
    column-gap: 3rem;
  }
  .gap-y-md-12 {
    row-gap: 3rem;
  }
}
@media (min-width: 992px) {
  .gap-lg-0 {
    gap: 0;
  }
  .gap-x-lg-0 {
    column-gap: 0;
  }
  .gap-y-lg-0 {
    row-gap: 0;
  }
  .gap-lg-1 {
    gap: 0.25rem;
  }
  .gap-x-lg-1 {
    column-gap: 0.25rem;
  }
  .gap-y-lg-1 {
    row-gap: 0.25rem;
  }
  .gap-lg-2 {
    gap: 0.5rem;
  }
  .gap-x-lg-2 {
    column-gap: 0.5rem;
  }
  .gap-y-lg-2 {
    row-gap: 0.5rem;
  }
  .gap-lg-3 {
    gap: 0.75rem;
  }
  .gap-x-lg-3 {
    column-gap: 0.75rem;
  }
  .gap-y-lg-3 {
    row-gap: 0.75rem;
  }
  .gap-lg-4 {
    gap: 1rem;
  }
  .gap-x-lg-4 {
    column-gap: 1rem;
  }
  .gap-y-lg-4 {
    row-gap: 1rem;
  }
  .gap-lg-5 {
    gap: 1.25rem;
  }
  .gap-x-lg-5 {
    column-gap: 1.25rem;
  }
  .gap-y-lg-5 {
    row-gap: 1.25rem;
  }
  .gap-lg-6 {
    gap: 1.5rem;
  }
  .gap-x-lg-6 {
    column-gap: 1.5rem;
  }
  .gap-y-lg-6 {
    row-gap: 1.5rem;
  }
  .gap-lg-8 {
    gap: 2rem;
  }
  .gap-x-lg-8 {
    column-gap: 2rem;
  }
  .gap-y-lg-8 {
    row-gap: 2rem;
  }
  .gap-lg-10 {
    gap: 2.5rem;
  }
  .gap-x-lg-10 {
    column-gap: 2.5rem;
  }
  .gap-y-lg-10 {
    row-gap: 2.5rem;
  }
  .gap-lg-12 {
    gap: 3rem;
  }
  .gap-x-lg-12 {
    column-gap: 3rem;
  }
  .gap-y-lg-12 {
    row-gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .gap-xl-0 {
    gap: 0;
  }
  .gap-x-xl-0 {
    column-gap: 0;
  }
  .gap-y-xl-0 {
    row-gap: 0;
  }
  .gap-xl-1 {
    gap: 0.25rem;
  }
  .gap-x-xl-1 {
    column-gap: 0.25rem;
  }
  .gap-y-xl-1 {
    row-gap: 0.25rem;
  }
  .gap-xl-2 {
    gap: 0.5rem;
  }
  .gap-x-xl-2 {
    column-gap: 0.5rem;
  }
  .gap-y-xl-2 {
    row-gap: 0.5rem;
  }
  .gap-xl-3 {
    gap: 0.75rem;
  }
  .gap-x-xl-3 {
    column-gap: 0.75rem;
  }
  .gap-y-xl-3 {
    row-gap: 0.75rem;
  }
  .gap-xl-4 {
    gap: 1rem;
  }
  .gap-x-xl-4 {
    column-gap: 1rem;
  }
  .gap-y-xl-4 {
    row-gap: 1rem;
  }
  .gap-xl-5 {
    gap: 1.25rem;
  }
  .gap-x-xl-5 {
    column-gap: 1.25rem;
  }
  .gap-y-xl-5 {
    row-gap: 1.25rem;
  }
  .gap-xl-6 {
    gap: 1.5rem;
  }
  .gap-x-xl-6 {
    column-gap: 1.5rem;
  }
  .gap-y-xl-6 {
    row-gap: 1.5rem;
  }
  .gap-xl-8 {
    gap: 2rem;
  }
  .gap-x-xl-8 {
    column-gap: 2rem;
  }
  .gap-y-xl-8 {
    row-gap: 2rem;
  }
  .gap-xl-10 {
    gap: 2.5rem;
  }
  .gap-x-xl-10 {
    column-gap: 2.5rem;
  }
  .gap-y-xl-10 {
    row-gap: 2.5rem;
  }
  .gap-xl-12 {
    gap: 3rem;
  }
  .gap-x-xl-12 {
    column-gap: 3rem;
  }
  .gap-y-xl-12 {
    row-gap: 3rem;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-0 {
    gap: 0;
  }
  .gap-x-xxl-0 {
    column-gap: 0;
  }
  .gap-y-xxl-0 {
    row-gap: 0;
  }
  .gap-xxl-1 {
    gap: 0.25rem;
  }
  .gap-x-xxl-1 {
    column-gap: 0.25rem;
  }
  .gap-y-xxl-1 {
    row-gap: 0.25rem;
  }
  .gap-xxl-2 {
    gap: 0.5rem;
  }
  .gap-x-xxl-2 {
    column-gap: 0.5rem;
  }
  .gap-y-xxl-2 {
    row-gap: 0.5rem;
  }
  .gap-xxl-3 {
    gap: 0.75rem;
  }
  .gap-x-xxl-3 {
    column-gap: 0.75rem;
  }
  .gap-y-xxl-3 {
    row-gap: 0.75rem;
  }
  .gap-xxl-4 {
    gap: 1rem;
  }
  .gap-x-xxl-4 {
    column-gap: 1rem;
  }
  .gap-y-xxl-4 {
    row-gap: 1rem;
  }
  .gap-xxl-5 {
    gap: 1.25rem;
  }
  .gap-x-xxl-5 {
    column-gap: 1.25rem;
  }
  .gap-y-xxl-5 {
    row-gap: 1.25rem;
  }
  .gap-xxl-6 {
    gap: 1.5rem;
  }
  .gap-x-xxl-6 {
    column-gap: 1.5rem;
  }
  .gap-y-xxl-6 {
    row-gap: 1.5rem;
  }
  .gap-xxl-8 {
    gap: 2rem;
  }
  .gap-x-xxl-8 {
    column-gap: 2rem;
  }
  .gap-y-xxl-8 {
    row-gap: 2rem;
  }
  .gap-xxl-10 {
    gap: 2.5rem;
  }
  .gap-x-xxl-10 {
    column-gap: 2.5rem;
  }
  .gap-y-xxl-10 {
    row-gap: 2.5rem;
  }
  .gap-xxl-12 {
    gap: 3rem;
  }
  .gap-x-xxl-12 {
    column-gap: 3rem;
  }
  .gap-y-xxl-12 {
    row-gap: 3rem;
  }
}
.m-0 {
  margin: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mx-0 {
  margin-inline: 0rem !important;
}

.my-0 {
  margin-block: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.px-0 {
  padding-inline: 0rem !important;
}

.py-0 {
  padding-block: 0rem !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mx-1 {
  margin-inline: 0.25rem !important;
}

.my-1 {
  margin-block: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.px-1 {
  padding-inline: 0.25rem !important;
}

.py-1 {
  padding-block: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-inline: 0.5rem !important;
}

.my-2 {
  margin-block: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.px-2 {
  padding-inline: 0.5rem !important;
}

.py-2 {
  padding-block: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mx-3 {
  margin-inline: 0.75rem !important;
}

.my-3 {
  margin-block: 0.75rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.px-3 {
  padding-inline: 0.75rem !important;
}

.py-3 {
  padding-block: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mx-4 {
  margin-inline: 1rem !important;
}

.my-4 {
  margin-block: 1rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.px-4 {
  padding-inline: 1rem !important;
}

.py-4 {
  padding-block: 1rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.ml-5 {
  margin-left: 1.25rem !important;
}

.mr-5 {
  margin-right: 1.25rem !important;
}

.mx-5 {
  margin-inline: 1.25rem !important;
}

.my-5 {
  margin-block: 1.25rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.pl-5 {
  padding-left: 1.25rem !important;
}

.pr-5 {
  padding-right: 1.25rem !important;
}

.px-5 {
  padding-inline: 1.25rem !important;
}

.py-5 {
  padding-block: 1.25rem !important;
}

.m-6 {
  margin: 1.5rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.ml-6 {
  margin-left: 1.5rem !important;
}

.mr-6 {
  margin-right: 1.5rem !important;
}

.mx-6 {
  margin-inline: 1.5rem !important;
}

.my-6 {
  margin-block: 1.5rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.pt-6 {
  padding-top: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.pl-6 {
  padding-left: 1.5rem !important;
}

.pr-6 {
  padding-right: 1.5rem !important;
}

.px-6 {
  padding-inline: 1.5rem !important;
}

.py-6 {
  padding-block: 1.5rem !important;
}

.m-7 {
  margin: 1.75rem !important;
}

.mt-7 {
  margin-top: 1.75rem !important;
}

.mb-7 {
  margin-bottom: 1.75rem !important;
}

.ml-7 {
  margin-left: 1.75rem !important;
}

.mr-7 {
  margin-right: 1.75rem !important;
}

.mx-7 {
  margin-inline: 1.75rem !important;
}

.my-7 {
  margin-block: 1.75rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.pt-7 {
  padding-top: 1.75rem !important;
}

.pb-7 {
  padding-bottom: 1.75rem !important;
}

.pl-7 {
  padding-left: 1.75rem !important;
}

.pr-7 {
  padding-right: 1.75rem !important;
}

.px-7 {
  padding-inline: 1.75rem !important;
}

.py-7 {
  padding-block: 1.75rem !important;
}

.m-8 {
  margin: 2rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.ml-8 {
  margin-left: 2rem !important;
}

.mr-8 {
  margin-right: 2rem !important;
}

.mx-8 {
  margin-inline: 2rem !important;
}

.my-8 {
  margin-block: 2rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.pl-8 {
  padding-left: 2rem !important;
}

.pr-8 {
  padding-right: 2rem !important;
}

.px-8 {
  padding-inline: 2rem !important;
}

.py-8 {
  padding-block: 2rem !important;
}

.m-9 {
  margin: 2.25rem !important;
}

.mt-9 {
  margin-top: 2.25rem !important;
}

.mb-9 {
  margin-bottom: 2.25rem !important;
}

.ml-9 {
  margin-left: 2.25rem !important;
}

.mr-9 {
  margin-right: 2.25rem !important;
}

.mx-9 {
  margin-inline: 2.25rem !important;
}

.my-9 {
  margin-block: 2.25rem !important;
}

.p-9 {
  padding: 2.25rem !important;
}

.pt-9 {
  padding-top: 2.25rem !important;
}

.pb-9 {
  padding-bottom: 2.25rem !important;
}

.pl-9 {
  padding-left: 2.25rem !important;
}

.pr-9 {
  padding-right: 2.25rem !important;
}

.px-9 {
  padding-inline: 2.25rem !important;
}

.py-9 {
  padding-block: 2.25rem !important;
}

.m-10 {
  margin: 2.5rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.mb-10 {
  margin-bottom: 2.5rem !important;
}

.ml-10 {
  margin-left: 2.5rem !important;
}

.mr-10 {
  margin-right: 2.5rem !important;
}

.mx-10 {
  margin-inline: 2.5rem !important;
}

.my-10 {
  margin-block: 2.5rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.pt-10 {
  padding-top: 2.5rem !important;
}

.pb-10 {
  padding-bottom: 2.5rem !important;
}

.pl-10 {
  padding-left: 2.5rem !important;
}

.pr-10 {
  padding-right: 2.5rem !important;
}

.px-10 {
  padding-inline: 2.5rem !important;
}

.py-10 {
  padding-block: 2.5rem !important;
}

.m-12 {
  margin: 3rem !important;
}

.mt-12 {
  margin-top: 3rem !important;
}

.mb-12 {
  margin-bottom: 3rem !important;
}

.ml-12 {
  margin-left: 3rem !important;
}

.mr-12 {
  margin-right: 3rem !important;
}

.mx-12 {
  margin-inline: 3rem !important;
}

.my-12 {
  margin-block: 3rem !important;
}

.p-12 {
  padding: 3rem !important;
}

.pt-12 {
  padding-top: 3rem !important;
}

.pb-12 {
  padding-bottom: 3rem !important;
}

.pl-12 {
  padding-left: 3rem !important;
}

.pr-12 {
  padding-right: 3rem !important;
}

.px-12 {
  padding-inline: 3rem !important;
}

.py-12 {
  padding-block: 3rem !important;
}

.m-14 {
  margin: 3.5rem !important;
}

.mt-14 {
  margin-top: 3.5rem !important;
}

.mb-14 {
  margin-bottom: 3.5rem !important;
}

.ml-14 {
  margin-left: 3.5rem !important;
}

.mr-14 {
  margin-right: 3.5rem !important;
}

.mx-14 {
  margin-inline: 3.5rem !important;
}

.my-14 {
  margin-block: 3.5rem !important;
}

.p-14 {
  padding: 3.5rem !important;
}

.pt-14 {
  padding-top: 3.5rem !important;
}

.pb-14 {
  padding-bottom: 3.5rem !important;
}

.pl-14 {
  padding-left: 3.5rem !important;
}

.pr-14 {
  padding-right: 3.5rem !important;
}

.px-14 {
  padding-inline: 3.5rem !important;
}

.py-14 {
  padding-block: 3.5rem !important;
}

.m-16 {
  margin: 4rem !important;
}

.mt-16 {
  margin-top: 4rem !important;
}

.mb-16 {
  margin-bottom: 4rem !important;
}

.ml-16 {
  margin-left: 4rem !important;
}

.mr-16 {
  margin-right: 4rem !important;
}

.mx-16 {
  margin-inline: 4rem !important;
}

.my-16 {
  margin-block: 4rem !important;
}

.p-16 {
  padding: 4rem !important;
}

.pt-16 {
  padding-top: 4rem !important;
}

.pb-16 {
  padding-bottom: 4rem !important;
}

.pl-16 {
  padding-left: 4rem !important;
}

.pr-16 {
  padding-right: 4rem !important;
}

.px-16 {
  padding-inline: 4rem !important;
}

.py-16 {
  padding-block: 4rem !important;
}

.m-20 {
  margin: 5rem !important;
}

.mt-20 {
  margin-top: 5rem !important;
}

.mb-20 {
  margin-bottom: 5rem !important;
}

.ml-20 {
  margin-left: 5rem !important;
}

.mr-20 {
  margin-right: 5rem !important;
}

.mx-20 {
  margin-inline: 5rem !important;
}

.my-20 {
  margin-block: 5rem !important;
}

.p-20 {
  padding: 5rem !important;
}

.pt-20 {
  padding-top: 5rem !important;
}

.pb-20 {
  padding-bottom: 5rem !important;
}

.pl-20 {
  padding-left: 5rem !important;
}

.pr-20 {
  padding-right: 5rem !important;
}

.px-20 {
  padding-inline: 5rem !important;
}

.py-20 {
  padding-block: 5rem !important;
}

.m-24 {
  margin: 6rem !important;
}

.mt-24 {
  margin-top: 6rem !important;
}

.mb-24 {
  margin-bottom: 6rem !important;
}

.ml-24 {
  margin-left: 6rem !important;
}

.mr-24 {
  margin-right: 6rem !important;
}

.mx-24 {
  margin-inline: 6rem !important;
}

.my-24 {
  margin-block: 6rem !important;
}

.p-24 {
  padding: 6rem !important;
}

.pt-24 {
  padding-top: 6rem !important;
}

.pb-24 {
  padding-bottom: 6rem !important;
}

.pl-24 {
  padding-left: 6rem !important;
}

.pr-24 {
  padding-right: 6rem !important;
}

.px-24 {
  padding-inline: 6rem !important;
}

.py-24 {
  padding-block: 6rem !important;
}

.m-28 {
  margin: 7rem !important;
}

.mt-28 {
  margin-top: 7rem !important;
}

.mb-28 {
  margin-bottom: 7rem !important;
}

.ml-28 {
  margin-left: 7rem !important;
}

.mr-28 {
  margin-right: 7rem !important;
}

.mx-28 {
  margin-inline: 7rem !important;
}

.my-28 {
  margin-block: 7rem !important;
}

.p-28 {
  padding: 7rem !important;
}

.pt-28 {
  padding-top: 7rem !important;
}

.pb-28 {
  padding-bottom: 7rem !important;
}

.pl-28 {
  padding-left: 7rem !important;
}

.pr-28 {
  padding-right: 7rem !important;
}

.px-28 {
  padding-inline: 7rem !important;
}

.py-28 {
  padding-block: 7rem !important;
}

.m-32 {
  margin: 8rem !important;
}

.mt-32 {
  margin-top: 8rem !important;
}

.mb-32 {
  margin-bottom: 8rem !important;
}

.ml-32 {
  margin-left: 8rem !important;
}

.mr-32 {
  margin-right: 8rem !important;
}

.mx-32 {
  margin-inline: 8rem !important;
}

.my-32 {
  margin-block: 8rem !important;
}

.p-32 {
  padding: 8rem !important;
}

.pt-32 {
  padding-top: 8rem !important;
}

.pb-32 {
  padding-bottom: 8rem !important;
}

.pl-32 {
  padding-left: 8rem !important;
}

.pr-32 {
  padding-right: 8rem !important;
}

.px-32 {
  padding-inline: 8rem !important;
}

.py-32 {
  padding-block: 8rem !important;
}

.m-36 {
  margin: 9rem !important;
}

.mt-36 {
  margin-top: 9rem !important;
}

.mb-36 {
  margin-bottom: 9rem !important;
}

.ml-36 {
  margin-left: 9rem !important;
}

.mr-36 {
  margin-right: 9rem !important;
}

.mx-36 {
  margin-inline: 9rem !important;
}

.my-36 {
  margin-block: 9rem !important;
}

.p-36 {
  padding: 9rem !important;
}

.pt-36 {
  padding-top: 9rem !important;
}

.pb-36 {
  padding-bottom: 9rem !important;
}

.pl-36 {
  padding-left: 9rem !important;
}

.pr-36 {
  padding-right: 9rem !important;
}

.px-36 {
  padding-inline: 9rem !important;
}

.py-36 {
  padding-block: 9rem !important;
}

.m-40 {
  margin: 10rem !important;
}

.mt-40 {
  margin-top: 10rem !important;
}

.mb-40 {
  margin-bottom: 10rem !important;
}

.ml-40 {
  margin-left: 10rem !important;
}

.mr-40 {
  margin-right: 10rem !important;
}

.mx-40 {
  margin-inline: 10rem !important;
}

.my-40 {
  margin-block: 10rem !important;
}

.p-40 {
  padding: 10rem !important;
}

.pt-40 {
  padding-top: 10rem !important;
}

.pb-40 {
  padding-bottom: 10rem !important;
}

.pl-40 {
  padding-left: 10rem !important;
}

.pr-40 {
  padding-right: 10rem !important;
}

.px-40 {
  padding-inline: 10rem !important;
}

.py-40 {
  padding-block: 10rem !important;
}

.m-48 {
  margin: 12rem !important;
}

.mt-48 {
  margin-top: 12rem !important;
}

.mb-48 {
  margin-bottom: 12rem !important;
}

.ml-48 {
  margin-left: 12rem !important;
}

.mr-48 {
  margin-right: 12rem !important;
}

.mx-48 {
  margin-inline: 12rem !important;
}

.my-48 {
  margin-block: 12rem !important;
}

.p-48 {
  padding: 12rem !important;
}

.pt-48 {
  padding-top: 12rem !important;
}

.pb-48 {
  padding-bottom: 12rem !important;
}

.pl-48 {
  padding-left: 12rem !important;
}

.pr-48 {
  padding-right: 12rem !important;
}

.px-48 {
  padding-inline: 12rem !important;
}

.py-48 {
  padding-block: 12rem !important;
}

.m-56 {
  margin: 14rem !important;
}

.mt-56 {
  margin-top: 14rem !important;
}

.mb-56 {
  margin-bottom: 14rem !important;
}

.ml-56 {
  margin-left: 14rem !important;
}

.mr-56 {
  margin-right: 14rem !important;
}

.mx-56 {
  margin-inline: 14rem !important;
}

.my-56 {
  margin-block: 14rem !important;
}

.p-56 {
  padding: 14rem !important;
}

.pt-56 {
  padding-top: 14rem !important;
}

.pb-56 {
  padding-bottom: 14rem !important;
}

.pl-56 {
  padding-left: 14rem !important;
}

.pr-56 {
  padding-right: 14rem !important;
}

.px-56 {
  padding-inline: 14rem !important;
}

.py-56 {
  padding-block: 14rem !important;
}

.m-64 {
  margin: 16rem !important;
}

.mt-64 {
  margin-top: 16rem !important;
}

.mb-64 {
  margin-bottom: 16rem !important;
}

.ml-64 {
  margin-left: 16rem !important;
}

.mr-64 {
  margin-right: 16rem !important;
}

.mx-64 {
  margin-inline: 16rem !important;
}

.my-64 {
  margin-block: 16rem !important;
}

.p-64 {
  padding: 16rem !important;
}

.pt-64 {
  padding-top: 16rem !important;
}

.pb-64 {
  padding-bottom: 16rem !important;
}

.pl-64 {
  padding-left: 16rem !important;
}

.pr-64 {
  padding-right: 16rem !important;
}

.px-64 {
  padding-inline: 16rem !important;
}

.py-64 {
  padding-block: 16rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-inline: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.my-auto {
  margin-block: auto !important;
}

.-mt-1 {
  margin-top: -0.25rem !important;
}

.-mb-1 {
  margin-bottom: -0.25rem !important;
}

.-ml-1 {
  margin-left: -0.25rem !important;
}

.-mr-1 {
  margin-right: -0.25rem !important;
}

.-mx-1 {
  margin-inline: -0.25rem !important;
}

.-my-1 {
  margin-block: -0.25rem !important;
}

.-mt-2 {
  margin-top: -0.5rem !important;
}

.-mb-2 {
  margin-bottom: -0.5rem !important;
}

.-ml-2 {
  margin-left: -0.5rem !important;
}

.-mr-2 {
  margin-right: -0.5rem !important;
}

.-mx-2 {
  margin-inline: -0.5rem !important;
}

.-my-2 {
  margin-block: -0.5rem !important;
}

.-mt-3 {
  margin-top: -0.75rem !important;
}

.-mb-3 {
  margin-bottom: -0.75rem !important;
}

.-ml-3 {
  margin-left: -0.75rem !important;
}

.-mr-3 {
  margin-right: -0.75rem !important;
}

.-mx-3 {
  margin-inline: -0.75rem !important;
}

.-my-3 {
  margin-block: -0.75rem !important;
}

.-mt-4 {
  margin-top: -1rem !important;
}

.-mb-4 {
  margin-bottom: -1rem !important;
}

.-ml-4 {
  margin-left: -1rem !important;
}

.-mr-4 {
  margin-right: -1rem !important;
}

.-mx-4 {
  margin-inline: -1rem !important;
}

.-my-4 {
  margin-block: -1rem !important;
}

.-mt-5 {
  margin-top: -1.25rem !important;
}

.-mb-5 {
  margin-bottom: -1.25rem !important;
}

.-ml-5 {
  margin-left: -1.25rem !important;
}

.-mr-5 {
  margin-right: -1.25rem !important;
}

.-mx-5 {
  margin-inline: -1.25rem !important;
}

.-my-5 {
  margin-block: -1.25rem !important;
}

.-mt-6 {
  margin-top: -1.5rem !important;
}

.-mb-6 {
  margin-bottom: -1.5rem !important;
}

.-ml-6 {
  margin-left: -1.5rem !important;
}

.-mr-6 {
  margin-right: -1.5rem !important;
}

.-mx-6 {
  margin-inline: -1.5rem !important;
}

.-my-6 {
  margin-block: -1.5rem !important;
}

.-mt-8 {
  margin-top: -2rem !important;
}

.-mb-8 {
  margin-bottom: -2rem !important;
}

.-ml-8 {
  margin-left: -2rem !important;
}

.-mr-8 {
  margin-right: -2rem !important;
}

.-mx-8 {
  margin-inline: -2rem !important;
}

.-my-8 {
  margin-block: -2rem !important;
}

.-mt-10 {
  margin-top: -2.5rem !important;
}

.-mb-10 {
  margin-bottom: -2.5rem !important;
}

.-ml-10 {
  margin-left: -2.5rem !important;
}

.-mr-10 {
  margin-right: -2.5rem !important;
}

.-mx-10 {
  margin-inline: -2.5rem !important;
}

.-my-10 {
  margin-block: -2.5rem !important;
}

.-mt-12 {
  margin-top: -3rem !important;
}

.-mb-12 {
  margin-bottom: -3rem !important;
}

.-ml-12 {
  margin-left: -3rem !important;
}

.-mr-12 {
  margin-right: -3rem !important;
}

.-mx-12 {
  margin-inline: -3rem !important;
}

.-my-12 {
  margin-block: -3rem !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0rem !important;
  }
  .mt-sm-0 {
    margin-top: 0rem !important;
  }
  .mb-sm-0 {
    margin-bottom: 0rem !important;
  }
  .ml-sm-0 {
    margin-left: 0rem !important;
  }
  .mr-sm-0 {
    margin-right: 0rem !important;
  }
  .mx-sm-0 {
    margin-inline: 0rem !important;
  }
  .my-sm-0 {
    margin-block: 0rem !important;
  }
  .p-sm-0 {
    padding: 0rem !important;
  }
  .pt-sm-0 {
    padding-top: 0rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }
  .pl-sm-0 {
    padding-left: 0rem !important;
  }
  .pr-sm-0 {
    padding-right: 0rem !important;
  }
  .px-sm-0 {
    padding-inline: 0rem !important;
  }
  .py-sm-0 {
    padding-block: 0rem !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-inline: 0.25rem !important;
  }
  .my-sm-1 {
    margin-block: 0.25rem !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .px-sm-1 {
    padding-inline: 0.25rem !important;
  }
  .py-sm-1 {
    padding-block: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-inline: 0.5rem !important;
  }
  .my-sm-2 {
    margin-block: 0.5rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .px-sm-2 {
    padding-inline: 0.5rem !important;
  }
  .py-sm-2 {
    padding-block: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 0.75rem !important;
  }
  .mt-sm-3 {
    margin-top: 0.75rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-sm-3 {
    margin-left: 0.75rem !important;
  }
  .mr-sm-3 {
    margin-right: 0.75rem !important;
  }
  .mx-sm-3 {
    margin-inline: 0.75rem !important;
  }
  .my-sm-3 {
    margin-block: 0.75rem !important;
  }
  .p-sm-3 {
    padding: 0.75rem !important;
  }
  .pt-sm-3 {
    padding-top: 0.75rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-sm-3 {
    padding-left: 0.75rem !important;
  }
  .pr-sm-3 {
    padding-right: 0.75rem !important;
  }
  .px-sm-3 {
    padding-inline: 0.75rem !important;
  }
  .py-sm-3 {
    padding-block: 0.75rem !important;
  }
  .m-sm-4 {
    margin: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-4 {
    margin-left: 1rem !important;
  }
  .mr-sm-4 {
    margin-right: 1rem !important;
  }
  .mx-sm-4 {
    margin-inline: 1rem !important;
  }
  .my-sm-4 {
    margin-block: 1rem !important;
  }
  .p-sm-4 {
    padding: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-4 {
    padding-left: 1rem !important;
  }
  .pr-sm-4 {
    padding-right: 1rem !important;
  }
  .px-sm-4 {
    padding-inline: 1rem !important;
  }
  .py-sm-4 {
    padding-block: 1rem !important;
  }
  .m-sm-5 {
    margin: 1.25rem !important;
  }
  .mt-sm-5 {
    margin-top: 1.25rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 1.25rem !important;
  }
  .ml-sm-5 {
    margin-left: 1.25rem !important;
  }
  .mr-sm-5 {
    margin-right: 1.25rem !important;
  }
  .mx-sm-5 {
    margin-inline: 1.25rem !important;
  }
  .my-sm-5 {
    margin-block: 1.25rem !important;
  }
  .p-sm-5 {
    padding: 1.25rem !important;
  }
  .pt-sm-5 {
    padding-top: 1.25rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 1.25rem !important;
  }
  .pl-sm-5 {
    padding-left: 1.25rem !important;
  }
  .pr-sm-5 {
    padding-right: 1.25rem !important;
  }
  .px-sm-5 {
    padding-inline: 1.25rem !important;
  }
  .py-sm-5 {
    padding-block: 1.25rem !important;
  }
  .m-sm-6 {
    margin: 1.5rem !important;
  }
  .mt-sm-6 {
    margin-top: 1.5rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-6 {
    margin-left: 1.5rem !important;
  }
  .mr-sm-6 {
    margin-right: 1.5rem !important;
  }
  .mx-sm-6 {
    margin-inline: 1.5rem !important;
  }
  .my-sm-6 {
    margin-block: 1.5rem !important;
  }
  .p-sm-6 {
    padding: 1.5rem !important;
  }
  .pt-sm-6 {
    padding-top: 1.5rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-6 {
    padding-left: 1.5rem !important;
  }
  .pr-sm-6 {
    padding-right: 1.5rem !important;
  }
  .px-sm-6 {
    padding-inline: 1.5rem !important;
  }
  .py-sm-6 {
    padding-block: 1.5rem !important;
  }
  .m-sm-7 {
    margin: 1.75rem !important;
  }
  .mt-sm-7 {
    margin-top: 1.75rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 1.75rem !important;
  }
  .ml-sm-7 {
    margin-left: 1.75rem !important;
  }
  .mr-sm-7 {
    margin-right: 1.75rem !important;
  }
  .mx-sm-7 {
    margin-inline: 1.75rem !important;
  }
  .my-sm-7 {
    margin-block: 1.75rem !important;
  }
  .p-sm-7 {
    padding: 1.75rem !important;
  }
  .pt-sm-7 {
    padding-top: 1.75rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 1.75rem !important;
  }
  .pl-sm-7 {
    padding-left: 1.75rem !important;
  }
  .pr-sm-7 {
    padding-right: 1.75rem !important;
  }
  .px-sm-7 {
    padding-inline: 1.75rem !important;
  }
  .py-sm-7 {
    padding-block: 1.75rem !important;
  }
  .m-sm-8 {
    margin: 2rem !important;
  }
  .mt-sm-8 {
    margin-top: 2rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-8 {
    margin-left: 2rem !important;
  }
  .mr-sm-8 {
    margin-right: 2rem !important;
  }
  .mx-sm-8 {
    margin-inline: 2rem !important;
  }
  .my-sm-8 {
    margin-block: 2rem !important;
  }
  .p-sm-8 {
    padding: 2rem !important;
  }
  .pt-sm-8 {
    padding-top: 2rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-8 {
    padding-left: 2rem !important;
  }
  .pr-sm-8 {
    padding-right: 2rem !important;
  }
  .px-sm-8 {
    padding-inline: 2rem !important;
  }
  .py-sm-8 {
    padding-block: 2rem !important;
  }
  .m-sm-9 {
    margin: 2.25rem !important;
  }
  .mt-sm-9 {
    margin-top: 2.25rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 2.25rem !important;
  }
  .ml-sm-9 {
    margin-left: 2.25rem !important;
  }
  .mr-sm-9 {
    margin-right: 2.25rem !important;
  }
  .mx-sm-9 {
    margin-inline: 2.25rem !important;
  }
  .my-sm-9 {
    margin-block: 2.25rem !important;
  }
  .p-sm-9 {
    padding: 2.25rem !important;
  }
  .pt-sm-9 {
    padding-top: 2.25rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 2.25rem !important;
  }
  .pl-sm-9 {
    padding-left: 2.25rem !important;
  }
  .pr-sm-9 {
    padding-right: 2.25rem !important;
  }
  .px-sm-9 {
    padding-inline: 2.25rem !important;
  }
  .py-sm-9 {
    padding-block: 2.25rem !important;
  }
  .m-sm-10 {
    margin: 2.5rem !important;
  }
  .mt-sm-10 {
    margin-top: 2.5rem !important;
  }
  .mb-sm-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-sm-10 {
    margin-left: 2.5rem !important;
  }
  .mr-sm-10 {
    margin-right: 2.5rem !important;
  }
  .mx-sm-10 {
    margin-inline: 2.5rem !important;
  }
  .my-sm-10 {
    margin-block: 2.5rem !important;
  }
  .p-sm-10 {
    padding: 2.5rem !important;
  }
  .pt-sm-10 {
    padding-top: 2.5rem !important;
  }
  .pb-sm-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-sm-10 {
    padding-left: 2.5rem !important;
  }
  .pr-sm-10 {
    padding-right: 2.5rem !important;
  }
  .px-sm-10 {
    padding-inline: 2.5rem !important;
  }
  .py-sm-10 {
    padding-block: 2.5rem !important;
  }
  .m-sm-12 {
    margin: 3rem !important;
  }
  .mt-sm-12 {
    margin-top: 3rem !important;
  }
  .mb-sm-12 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-12 {
    margin-left: 3rem !important;
  }
  .mr-sm-12 {
    margin-right: 3rem !important;
  }
  .mx-sm-12 {
    margin-inline: 3rem !important;
  }
  .my-sm-12 {
    margin-block: 3rem !important;
  }
  .p-sm-12 {
    padding: 3rem !important;
  }
  .pt-sm-12 {
    padding-top: 3rem !important;
  }
  .pb-sm-12 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-12 {
    padding-left: 3rem !important;
  }
  .pr-sm-12 {
    padding-right: 3rem !important;
  }
  .px-sm-12 {
    padding-inline: 3rem !important;
  }
  .py-sm-12 {
    padding-block: 3rem !important;
  }
  .m-sm-14 {
    margin: 3.5rem !important;
  }
  .mt-sm-14 {
    margin-top: 3.5rem !important;
  }
  .mb-sm-14 {
    margin-bottom: 3.5rem !important;
  }
  .ml-sm-14 {
    margin-left: 3.5rem !important;
  }
  .mr-sm-14 {
    margin-right: 3.5rem !important;
  }
  .mx-sm-14 {
    margin-inline: 3.5rem !important;
  }
  .my-sm-14 {
    margin-block: 3.5rem !important;
  }
  .p-sm-14 {
    padding: 3.5rem !important;
  }
  .pt-sm-14 {
    padding-top: 3.5rem !important;
  }
  .pb-sm-14 {
    padding-bottom: 3.5rem !important;
  }
  .pl-sm-14 {
    padding-left: 3.5rem !important;
  }
  .pr-sm-14 {
    padding-right: 3.5rem !important;
  }
  .px-sm-14 {
    padding-inline: 3.5rem !important;
  }
  .py-sm-14 {
    padding-block: 3.5rem !important;
  }
  .m-sm-16 {
    margin: 4rem !important;
  }
  .mt-sm-16 {
    margin-top: 4rem !important;
  }
  .mb-sm-16 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-16 {
    margin-left: 4rem !important;
  }
  .mr-sm-16 {
    margin-right: 4rem !important;
  }
  .mx-sm-16 {
    margin-inline: 4rem !important;
  }
  .my-sm-16 {
    margin-block: 4rem !important;
  }
  .p-sm-16 {
    padding: 4rem !important;
  }
  .pt-sm-16 {
    padding-top: 4rem !important;
  }
  .pb-sm-16 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-16 {
    padding-left: 4rem !important;
  }
  .pr-sm-16 {
    padding-right: 4rem !important;
  }
  .px-sm-16 {
    padding-inline: 4rem !important;
  }
  .py-sm-16 {
    padding-block: 4rem !important;
  }
  .m-sm-20 {
    margin: 5rem !important;
  }
  .mt-sm-20 {
    margin-top: 5rem !important;
  }
  .mb-sm-20 {
    margin-bottom: 5rem !important;
  }
  .ml-sm-20 {
    margin-left: 5rem !important;
  }
  .mr-sm-20 {
    margin-right: 5rem !important;
  }
  .mx-sm-20 {
    margin-inline: 5rem !important;
  }
  .my-sm-20 {
    margin-block: 5rem !important;
  }
  .p-sm-20 {
    padding: 5rem !important;
  }
  .pt-sm-20 {
    padding-top: 5rem !important;
  }
  .pb-sm-20 {
    padding-bottom: 5rem !important;
  }
  .pl-sm-20 {
    padding-left: 5rem !important;
  }
  .pr-sm-20 {
    padding-right: 5rem !important;
  }
  .px-sm-20 {
    padding-inline: 5rem !important;
  }
  .py-sm-20 {
    padding-block: 5rem !important;
  }
  .m-sm-24 {
    margin: 6rem !important;
  }
  .mt-sm-24 {
    margin-top: 6rem !important;
  }
  .mb-sm-24 {
    margin-bottom: 6rem !important;
  }
  .ml-sm-24 {
    margin-left: 6rem !important;
  }
  .mr-sm-24 {
    margin-right: 6rem !important;
  }
  .mx-sm-24 {
    margin-inline: 6rem !important;
  }
  .my-sm-24 {
    margin-block: 6rem !important;
  }
  .p-sm-24 {
    padding: 6rem !important;
  }
  .pt-sm-24 {
    padding-top: 6rem !important;
  }
  .pb-sm-24 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-24 {
    padding-left: 6rem !important;
  }
  .pr-sm-24 {
    padding-right: 6rem !important;
  }
  .px-sm-24 {
    padding-inline: 6rem !important;
  }
  .py-sm-24 {
    padding-block: 6rem !important;
  }
  .m-sm-28 {
    margin: 7rem !important;
  }
  .mt-sm-28 {
    margin-top: 7rem !important;
  }
  .mb-sm-28 {
    margin-bottom: 7rem !important;
  }
  .ml-sm-28 {
    margin-left: 7rem !important;
  }
  .mr-sm-28 {
    margin-right: 7rem !important;
  }
  .mx-sm-28 {
    margin-inline: 7rem !important;
  }
  .my-sm-28 {
    margin-block: 7rem !important;
  }
  .p-sm-28 {
    padding: 7rem !important;
  }
  .pt-sm-28 {
    padding-top: 7rem !important;
  }
  .pb-sm-28 {
    padding-bottom: 7rem !important;
  }
  .pl-sm-28 {
    padding-left: 7rem !important;
  }
  .pr-sm-28 {
    padding-right: 7rem !important;
  }
  .px-sm-28 {
    padding-inline: 7rem !important;
  }
  .py-sm-28 {
    padding-block: 7rem !important;
  }
  .m-sm-32 {
    margin: 8rem !important;
  }
  .mt-sm-32 {
    margin-top: 8rem !important;
  }
  .mb-sm-32 {
    margin-bottom: 8rem !important;
  }
  .ml-sm-32 {
    margin-left: 8rem !important;
  }
  .mr-sm-32 {
    margin-right: 8rem !important;
  }
  .mx-sm-32 {
    margin-inline: 8rem !important;
  }
  .my-sm-32 {
    margin-block: 8rem !important;
  }
  .p-sm-32 {
    padding: 8rem !important;
  }
  .pt-sm-32 {
    padding-top: 8rem !important;
  }
  .pb-sm-32 {
    padding-bottom: 8rem !important;
  }
  .pl-sm-32 {
    padding-left: 8rem !important;
  }
  .pr-sm-32 {
    padding-right: 8rem !important;
  }
  .px-sm-32 {
    padding-inline: 8rem !important;
  }
  .py-sm-32 {
    padding-block: 8rem !important;
  }
  .m-sm-36 {
    margin: 9rem !important;
  }
  .mt-sm-36 {
    margin-top: 9rem !important;
  }
  .mb-sm-36 {
    margin-bottom: 9rem !important;
  }
  .ml-sm-36 {
    margin-left: 9rem !important;
  }
  .mr-sm-36 {
    margin-right: 9rem !important;
  }
  .mx-sm-36 {
    margin-inline: 9rem !important;
  }
  .my-sm-36 {
    margin-block: 9rem !important;
  }
  .p-sm-36 {
    padding: 9rem !important;
  }
  .pt-sm-36 {
    padding-top: 9rem !important;
  }
  .pb-sm-36 {
    padding-bottom: 9rem !important;
  }
  .pl-sm-36 {
    padding-left: 9rem !important;
  }
  .pr-sm-36 {
    padding-right: 9rem !important;
  }
  .px-sm-36 {
    padding-inline: 9rem !important;
  }
  .py-sm-36 {
    padding-block: 9rem !important;
  }
  .m-sm-40 {
    margin: 10rem !important;
  }
  .mt-sm-40 {
    margin-top: 10rem !important;
  }
  .mb-sm-40 {
    margin-bottom: 10rem !important;
  }
  .ml-sm-40 {
    margin-left: 10rem !important;
  }
  .mr-sm-40 {
    margin-right: 10rem !important;
  }
  .mx-sm-40 {
    margin-inline: 10rem !important;
  }
  .my-sm-40 {
    margin-block: 10rem !important;
  }
  .p-sm-40 {
    padding: 10rem !important;
  }
  .pt-sm-40 {
    padding-top: 10rem !important;
  }
  .pb-sm-40 {
    padding-bottom: 10rem !important;
  }
  .pl-sm-40 {
    padding-left: 10rem !important;
  }
  .pr-sm-40 {
    padding-right: 10rem !important;
  }
  .px-sm-40 {
    padding-inline: 10rem !important;
  }
  .py-sm-40 {
    padding-block: 10rem !important;
  }
  .m-sm-48 {
    margin: 12rem !important;
  }
  .mt-sm-48 {
    margin-top: 12rem !important;
  }
  .mb-sm-48 {
    margin-bottom: 12rem !important;
  }
  .ml-sm-48 {
    margin-left: 12rem !important;
  }
  .mr-sm-48 {
    margin-right: 12rem !important;
  }
  .mx-sm-48 {
    margin-inline: 12rem !important;
  }
  .my-sm-48 {
    margin-block: 12rem !important;
  }
  .p-sm-48 {
    padding: 12rem !important;
  }
  .pt-sm-48 {
    padding-top: 12rem !important;
  }
  .pb-sm-48 {
    padding-bottom: 12rem !important;
  }
  .pl-sm-48 {
    padding-left: 12rem !important;
  }
  .pr-sm-48 {
    padding-right: 12rem !important;
  }
  .px-sm-48 {
    padding-inline: 12rem !important;
  }
  .py-sm-48 {
    padding-block: 12rem !important;
  }
  .m-sm-56 {
    margin: 14rem !important;
  }
  .mt-sm-56 {
    margin-top: 14rem !important;
  }
  .mb-sm-56 {
    margin-bottom: 14rem !important;
  }
  .ml-sm-56 {
    margin-left: 14rem !important;
  }
  .mr-sm-56 {
    margin-right: 14rem !important;
  }
  .mx-sm-56 {
    margin-inline: 14rem !important;
  }
  .my-sm-56 {
    margin-block: 14rem !important;
  }
  .p-sm-56 {
    padding: 14rem !important;
  }
  .pt-sm-56 {
    padding-top: 14rem !important;
  }
  .pb-sm-56 {
    padding-bottom: 14rem !important;
  }
  .pl-sm-56 {
    padding-left: 14rem !important;
  }
  .pr-sm-56 {
    padding-right: 14rem !important;
  }
  .px-sm-56 {
    padding-inline: 14rem !important;
  }
  .py-sm-56 {
    padding-block: 14rem !important;
  }
  .m-sm-64 {
    margin: 16rem !important;
  }
  .mt-sm-64 {
    margin-top: 16rem !important;
  }
  .mb-sm-64 {
    margin-bottom: 16rem !important;
  }
  .ml-sm-64 {
    margin-left: 16rem !important;
  }
  .mr-sm-64 {
    margin-right: 16rem !important;
  }
  .mx-sm-64 {
    margin-inline: 16rem !important;
  }
  .my-sm-64 {
    margin-block: 16rem !important;
  }
  .p-sm-64 {
    padding: 16rem !important;
  }
  .pt-sm-64 {
    padding-top: 16rem !important;
  }
  .pb-sm-64 {
    padding-bottom: 16rem !important;
  }
  .pl-sm-64 {
    padding-left: 16rem !important;
  }
  .pr-sm-64 {
    padding-right: 16rem !important;
  }
  .px-sm-64 {
    padding-inline: 16rem !important;
  }
  .py-sm-64 {
    padding-block: 16rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-auto {
    margin-inline: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .my-sm-auto {
    margin-block: auto !important;
  }
  .-mt-sm-1 {
    margin-top: -0.25rem !important;
  }
  .-mb-sm-1 {
    margin-bottom: -0.25rem !important;
  }
  .-ml-sm-1 {
    margin-left: -0.25rem !important;
  }
  .-mr-sm-1 {
    margin-right: -0.25rem !important;
  }
  .-mx-sm-1 {
    margin-inline: -0.25rem !important;
  }
  .-my-sm-1 {
    margin-block: -0.25rem !important;
  }
  .-mt-sm-2 {
    margin-top: -0.5rem !important;
  }
  .-mb-sm-2 {
    margin-bottom: -0.5rem !important;
  }
  .-ml-sm-2 {
    margin-left: -0.5rem !important;
  }
  .-mr-sm-2 {
    margin-right: -0.5rem !important;
  }
  .-mx-sm-2 {
    margin-inline: -0.5rem !important;
  }
  .-my-sm-2 {
    margin-block: -0.5rem !important;
  }
  .-mt-sm-3 {
    margin-top: -0.75rem !important;
  }
  .-mb-sm-3 {
    margin-bottom: -0.75rem !important;
  }
  .-ml-sm-3 {
    margin-left: -0.75rem !important;
  }
  .-mr-sm-3 {
    margin-right: -0.75rem !important;
  }
  .-mx-sm-3 {
    margin-inline: -0.75rem !important;
  }
  .-my-sm-3 {
    margin-block: -0.75rem !important;
  }
  .-mt-sm-4 {
    margin-top: -1rem !important;
  }
  .-mb-sm-4 {
    margin-bottom: -1rem !important;
  }
  .-ml-sm-4 {
    margin-left: -1rem !important;
  }
  .-mr-sm-4 {
    margin-right: -1rem !important;
  }
  .-mx-sm-4 {
    margin-inline: -1rem !important;
  }
  .-my-sm-4 {
    margin-block: -1rem !important;
  }
  .-mt-sm-5 {
    margin-top: -1.25rem !important;
  }
  .-mb-sm-5 {
    margin-bottom: -1.25rem !important;
  }
  .-ml-sm-5 {
    margin-left: -1.25rem !important;
  }
  .-mr-sm-5 {
    margin-right: -1.25rem !important;
  }
  .-mx-sm-5 {
    margin-inline: -1.25rem !important;
  }
  .-my-sm-5 {
    margin-block: -1.25rem !important;
  }
  .-mt-sm-6 {
    margin-top: -1.5rem !important;
  }
  .-mb-sm-6 {
    margin-bottom: -1.5rem !important;
  }
  .-ml-sm-6 {
    margin-left: -1.5rem !important;
  }
  .-mr-sm-6 {
    margin-right: -1.5rem !important;
  }
  .-mx-sm-6 {
    margin-inline: -1.5rem !important;
  }
  .-my-sm-6 {
    margin-block: -1.5rem !important;
  }
  .-mt-sm-8 {
    margin-top: -2rem !important;
  }
  .-mb-sm-8 {
    margin-bottom: -2rem !important;
  }
  .-ml-sm-8 {
    margin-left: -2rem !important;
  }
  .-mr-sm-8 {
    margin-right: -2rem !important;
  }
  .-mx-sm-8 {
    margin-inline: -2rem !important;
  }
  .-my-sm-8 {
    margin-block: -2rem !important;
  }
  .-mt-sm-10 {
    margin-top: -2.5rem !important;
  }
  .-mb-sm-10 {
    margin-bottom: -2.5rem !important;
  }
  .-ml-sm-10 {
    margin-left: -2.5rem !important;
  }
  .-mr-sm-10 {
    margin-right: -2.5rem !important;
  }
  .-mx-sm-10 {
    margin-inline: -2.5rem !important;
  }
  .-my-sm-10 {
    margin-block: -2.5rem !important;
  }
  .-mt-sm-12 {
    margin-top: -3rem !important;
  }
  .-mb-sm-12 {
    margin-bottom: -3rem !important;
  }
  .-ml-sm-12 {
    margin-left: -3rem !important;
  }
  .-mr-sm-12 {
    margin-right: -3rem !important;
  }
  .-mx-sm-12 {
    margin-inline: -3rem !important;
  }
  .-my-sm-12 {
    margin-block: -3rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0rem !important;
  }
  .mt-md-0 {
    margin-top: 0rem !important;
  }
  .mb-md-0 {
    margin-bottom: 0rem !important;
  }
  .ml-md-0 {
    margin-left: 0rem !important;
  }
  .mr-md-0 {
    margin-right: 0rem !important;
  }
  .mx-md-0 {
    margin-inline: 0rem !important;
  }
  .my-md-0 {
    margin-block: 0rem !important;
  }
  .p-md-0 {
    padding: 0rem !important;
  }
  .pt-md-0 {
    padding-top: 0rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0rem !important;
  }
  .pl-md-0 {
    padding-left: 0rem !important;
  }
  .pr-md-0 {
    padding-right: 0rem !important;
  }
  .px-md-0 {
    padding-inline: 0rem !important;
  }
  .py-md-0 {
    padding-block: 0rem !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mx-md-1 {
    margin-inline: 0.25rem !important;
  }
  .my-md-1 {
    margin-block: 0.25rem !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .px-md-1 {
    padding-inline: 0.25rem !important;
  }
  .py-md-1 {
    padding-block: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mx-md-2 {
    margin-inline: 0.5rem !important;
  }
  .my-md-2 {
    margin-block: 0.5rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .px-md-2 {
    padding-inline: 0.5rem !important;
  }
  .py-md-2 {
    padding-block: 0.5rem !important;
  }
  .m-md-3 {
    margin: 0.75rem !important;
  }
  .mt-md-3 {
    margin-top: 0.75rem !important;
  }
  .mb-md-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-md-3 {
    margin-left: 0.75rem !important;
  }
  .mr-md-3 {
    margin-right: 0.75rem !important;
  }
  .mx-md-3 {
    margin-inline: 0.75rem !important;
  }
  .my-md-3 {
    margin-block: 0.75rem !important;
  }
  .p-md-3 {
    padding: 0.75rem !important;
  }
  .pt-md-3 {
    padding-top: 0.75rem !important;
  }
  .pb-md-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-md-3 {
    padding-left: 0.75rem !important;
  }
  .pr-md-3 {
    padding-right: 0.75rem !important;
  }
  .px-md-3 {
    padding-inline: 0.75rem !important;
  }
  .py-md-3 {
    padding-block: 0.75rem !important;
  }
  .m-md-4 {
    margin: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1rem !important;
  }
  .ml-md-4 {
    margin-left: 1rem !important;
  }
  .mr-md-4 {
    margin-right: 1rem !important;
  }
  .mx-md-4 {
    margin-inline: 1rem !important;
  }
  .my-md-4 {
    margin-block: 1rem !important;
  }
  .p-md-4 {
    padding: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1rem !important;
  }
  .pl-md-4 {
    padding-left: 1rem !important;
  }
  .pr-md-4 {
    padding-right: 1rem !important;
  }
  .px-md-4 {
    padding-inline: 1rem !important;
  }
  .py-md-4 {
    padding-block: 1rem !important;
  }
  .m-md-5 {
    margin: 1.25rem !important;
  }
  .mt-md-5 {
    margin-top: 1.25rem !important;
  }
  .mb-md-5 {
    margin-bottom: 1.25rem !important;
  }
  .ml-md-5 {
    margin-left: 1.25rem !important;
  }
  .mr-md-5 {
    margin-right: 1.25rem !important;
  }
  .mx-md-5 {
    margin-inline: 1.25rem !important;
  }
  .my-md-5 {
    margin-block: 1.25rem !important;
  }
  .p-md-5 {
    padding: 1.25rem !important;
  }
  .pt-md-5 {
    padding-top: 1.25rem !important;
  }
  .pb-md-5 {
    padding-bottom: 1.25rem !important;
  }
  .pl-md-5 {
    padding-left: 1.25rem !important;
  }
  .pr-md-5 {
    padding-right: 1.25rem !important;
  }
  .px-md-5 {
    padding-inline: 1.25rem !important;
  }
  .py-md-5 {
    padding-block: 1.25rem !important;
  }
  .m-md-6 {
    margin: 1.5rem !important;
  }
  .mt-md-6 {
    margin-top: 1.5rem !important;
  }
  .mb-md-6 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-6 {
    margin-left: 1.5rem !important;
  }
  .mr-md-6 {
    margin-right: 1.5rem !important;
  }
  .mx-md-6 {
    margin-inline: 1.5rem !important;
  }
  .my-md-6 {
    margin-block: 1.5rem !important;
  }
  .p-md-6 {
    padding: 1.5rem !important;
  }
  .pt-md-6 {
    padding-top: 1.5rem !important;
  }
  .pb-md-6 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-6 {
    padding-left: 1.5rem !important;
  }
  .pr-md-6 {
    padding-right: 1.5rem !important;
  }
  .px-md-6 {
    padding-inline: 1.5rem !important;
  }
  .py-md-6 {
    padding-block: 1.5rem !important;
  }
  .m-md-7 {
    margin: 1.75rem !important;
  }
  .mt-md-7 {
    margin-top: 1.75rem !important;
  }
  .mb-md-7 {
    margin-bottom: 1.75rem !important;
  }
  .ml-md-7 {
    margin-left: 1.75rem !important;
  }
  .mr-md-7 {
    margin-right: 1.75rem !important;
  }
  .mx-md-7 {
    margin-inline: 1.75rem !important;
  }
  .my-md-7 {
    margin-block: 1.75rem !important;
  }
  .p-md-7 {
    padding: 1.75rem !important;
  }
  .pt-md-7 {
    padding-top: 1.75rem !important;
  }
  .pb-md-7 {
    padding-bottom: 1.75rem !important;
  }
  .pl-md-7 {
    padding-left: 1.75rem !important;
  }
  .pr-md-7 {
    padding-right: 1.75rem !important;
  }
  .px-md-7 {
    padding-inline: 1.75rem !important;
  }
  .py-md-7 {
    padding-block: 1.75rem !important;
  }
  .m-md-8 {
    margin: 2rem !important;
  }
  .mt-md-8 {
    margin-top: 2rem !important;
  }
  .mb-md-8 {
    margin-bottom: 2rem !important;
  }
  .ml-md-8 {
    margin-left: 2rem !important;
  }
  .mr-md-8 {
    margin-right: 2rem !important;
  }
  .mx-md-8 {
    margin-inline: 2rem !important;
  }
  .my-md-8 {
    margin-block: 2rem !important;
  }
  .p-md-8 {
    padding: 2rem !important;
  }
  .pt-md-8 {
    padding-top: 2rem !important;
  }
  .pb-md-8 {
    padding-bottom: 2rem !important;
  }
  .pl-md-8 {
    padding-left: 2rem !important;
  }
  .pr-md-8 {
    padding-right: 2rem !important;
  }
  .px-md-8 {
    padding-inline: 2rem !important;
  }
  .py-md-8 {
    padding-block: 2rem !important;
  }
  .m-md-9 {
    margin: 2.25rem !important;
  }
  .mt-md-9 {
    margin-top: 2.25rem !important;
  }
  .mb-md-9 {
    margin-bottom: 2.25rem !important;
  }
  .ml-md-9 {
    margin-left: 2.25rem !important;
  }
  .mr-md-9 {
    margin-right: 2.25rem !important;
  }
  .mx-md-9 {
    margin-inline: 2.25rem !important;
  }
  .my-md-9 {
    margin-block: 2.25rem !important;
  }
  .p-md-9 {
    padding: 2.25rem !important;
  }
  .pt-md-9 {
    padding-top: 2.25rem !important;
  }
  .pb-md-9 {
    padding-bottom: 2.25rem !important;
  }
  .pl-md-9 {
    padding-left: 2.25rem !important;
  }
  .pr-md-9 {
    padding-right: 2.25rem !important;
  }
  .px-md-9 {
    padding-inline: 2.25rem !important;
  }
  .py-md-9 {
    padding-block: 2.25rem !important;
  }
  .m-md-10 {
    margin: 2.5rem !important;
  }
  .mt-md-10 {
    margin-top: 2.5rem !important;
  }
  .mb-md-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-md-10 {
    margin-left: 2.5rem !important;
  }
  .mr-md-10 {
    margin-right: 2.5rem !important;
  }
  .mx-md-10 {
    margin-inline: 2.5rem !important;
  }
  .my-md-10 {
    margin-block: 2.5rem !important;
  }
  .p-md-10 {
    padding: 2.5rem !important;
  }
  .pt-md-10 {
    padding-top: 2.5rem !important;
  }
  .pb-md-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-md-10 {
    padding-left: 2.5rem !important;
  }
  .pr-md-10 {
    padding-right: 2.5rem !important;
  }
  .px-md-10 {
    padding-inline: 2.5rem !important;
  }
  .py-md-10 {
    padding-block: 2.5rem !important;
  }
  .m-md-12 {
    margin: 3rem !important;
  }
  .mt-md-12 {
    margin-top: 3rem !important;
  }
  .mb-md-12 {
    margin-bottom: 3rem !important;
  }
  .ml-md-12 {
    margin-left: 3rem !important;
  }
  .mr-md-12 {
    margin-right: 3rem !important;
  }
  .mx-md-12 {
    margin-inline: 3rem !important;
  }
  .my-md-12 {
    margin-block: 3rem !important;
  }
  .p-md-12 {
    padding: 3rem !important;
  }
  .pt-md-12 {
    padding-top: 3rem !important;
  }
  .pb-md-12 {
    padding-bottom: 3rem !important;
  }
  .pl-md-12 {
    padding-left: 3rem !important;
  }
  .pr-md-12 {
    padding-right: 3rem !important;
  }
  .px-md-12 {
    padding-inline: 3rem !important;
  }
  .py-md-12 {
    padding-block: 3rem !important;
  }
  .m-md-14 {
    margin: 3.5rem !important;
  }
  .mt-md-14 {
    margin-top: 3.5rem !important;
  }
  .mb-md-14 {
    margin-bottom: 3.5rem !important;
  }
  .ml-md-14 {
    margin-left: 3.5rem !important;
  }
  .mr-md-14 {
    margin-right: 3.5rem !important;
  }
  .mx-md-14 {
    margin-inline: 3.5rem !important;
  }
  .my-md-14 {
    margin-block: 3.5rem !important;
  }
  .p-md-14 {
    padding: 3.5rem !important;
  }
  .pt-md-14 {
    padding-top: 3.5rem !important;
  }
  .pb-md-14 {
    padding-bottom: 3.5rem !important;
  }
  .pl-md-14 {
    padding-left: 3.5rem !important;
  }
  .pr-md-14 {
    padding-right: 3.5rem !important;
  }
  .px-md-14 {
    padding-inline: 3.5rem !important;
  }
  .py-md-14 {
    padding-block: 3.5rem !important;
  }
  .m-md-16 {
    margin: 4rem !important;
  }
  .mt-md-16 {
    margin-top: 4rem !important;
  }
  .mb-md-16 {
    margin-bottom: 4rem !important;
  }
  .ml-md-16 {
    margin-left: 4rem !important;
  }
  .mr-md-16 {
    margin-right: 4rem !important;
  }
  .mx-md-16 {
    margin-inline: 4rem !important;
  }
  .my-md-16 {
    margin-block: 4rem !important;
  }
  .p-md-16 {
    padding: 4rem !important;
  }
  .pt-md-16 {
    padding-top: 4rem !important;
  }
  .pb-md-16 {
    padding-bottom: 4rem !important;
  }
  .pl-md-16 {
    padding-left: 4rem !important;
  }
  .pr-md-16 {
    padding-right: 4rem !important;
  }
  .px-md-16 {
    padding-inline: 4rem !important;
  }
  .py-md-16 {
    padding-block: 4rem !important;
  }
  .m-md-20 {
    margin: 5rem !important;
  }
  .mt-md-20 {
    margin-top: 5rem !important;
  }
  .mb-md-20 {
    margin-bottom: 5rem !important;
  }
  .ml-md-20 {
    margin-left: 5rem !important;
  }
  .mr-md-20 {
    margin-right: 5rem !important;
  }
  .mx-md-20 {
    margin-inline: 5rem !important;
  }
  .my-md-20 {
    margin-block: 5rem !important;
  }
  .p-md-20 {
    padding: 5rem !important;
  }
  .pt-md-20 {
    padding-top: 5rem !important;
  }
  .pb-md-20 {
    padding-bottom: 5rem !important;
  }
  .pl-md-20 {
    padding-left: 5rem !important;
  }
  .pr-md-20 {
    padding-right: 5rem !important;
  }
  .px-md-20 {
    padding-inline: 5rem !important;
  }
  .py-md-20 {
    padding-block: 5rem !important;
  }
  .m-md-24 {
    margin: 6rem !important;
  }
  .mt-md-24 {
    margin-top: 6rem !important;
  }
  .mb-md-24 {
    margin-bottom: 6rem !important;
  }
  .ml-md-24 {
    margin-left: 6rem !important;
  }
  .mr-md-24 {
    margin-right: 6rem !important;
  }
  .mx-md-24 {
    margin-inline: 6rem !important;
  }
  .my-md-24 {
    margin-block: 6rem !important;
  }
  .p-md-24 {
    padding: 6rem !important;
  }
  .pt-md-24 {
    padding-top: 6rem !important;
  }
  .pb-md-24 {
    padding-bottom: 6rem !important;
  }
  .pl-md-24 {
    padding-left: 6rem !important;
  }
  .pr-md-24 {
    padding-right: 6rem !important;
  }
  .px-md-24 {
    padding-inline: 6rem !important;
  }
  .py-md-24 {
    padding-block: 6rem !important;
  }
  .m-md-28 {
    margin: 7rem !important;
  }
  .mt-md-28 {
    margin-top: 7rem !important;
  }
  .mb-md-28 {
    margin-bottom: 7rem !important;
  }
  .ml-md-28 {
    margin-left: 7rem !important;
  }
  .mr-md-28 {
    margin-right: 7rem !important;
  }
  .mx-md-28 {
    margin-inline: 7rem !important;
  }
  .my-md-28 {
    margin-block: 7rem !important;
  }
  .p-md-28 {
    padding: 7rem !important;
  }
  .pt-md-28 {
    padding-top: 7rem !important;
  }
  .pb-md-28 {
    padding-bottom: 7rem !important;
  }
  .pl-md-28 {
    padding-left: 7rem !important;
  }
  .pr-md-28 {
    padding-right: 7rem !important;
  }
  .px-md-28 {
    padding-inline: 7rem !important;
  }
  .py-md-28 {
    padding-block: 7rem !important;
  }
  .m-md-32 {
    margin: 8rem !important;
  }
  .mt-md-32 {
    margin-top: 8rem !important;
  }
  .mb-md-32 {
    margin-bottom: 8rem !important;
  }
  .ml-md-32 {
    margin-left: 8rem !important;
  }
  .mr-md-32 {
    margin-right: 8rem !important;
  }
  .mx-md-32 {
    margin-inline: 8rem !important;
  }
  .my-md-32 {
    margin-block: 8rem !important;
  }
  .p-md-32 {
    padding: 8rem !important;
  }
  .pt-md-32 {
    padding-top: 8rem !important;
  }
  .pb-md-32 {
    padding-bottom: 8rem !important;
  }
  .pl-md-32 {
    padding-left: 8rem !important;
  }
  .pr-md-32 {
    padding-right: 8rem !important;
  }
  .px-md-32 {
    padding-inline: 8rem !important;
  }
  .py-md-32 {
    padding-block: 8rem !important;
  }
  .m-md-36 {
    margin: 9rem !important;
  }
  .mt-md-36 {
    margin-top: 9rem !important;
  }
  .mb-md-36 {
    margin-bottom: 9rem !important;
  }
  .ml-md-36 {
    margin-left: 9rem !important;
  }
  .mr-md-36 {
    margin-right: 9rem !important;
  }
  .mx-md-36 {
    margin-inline: 9rem !important;
  }
  .my-md-36 {
    margin-block: 9rem !important;
  }
  .p-md-36 {
    padding: 9rem !important;
  }
  .pt-md-36 {
    padding-top: 9rem !important;
  }
  .pb-md-36 {
    padding-bottom: 9rem !important;
  }
  .pl-md-36 {
    padding-left: 9rem !important;
  }
  .pr-md-36 {
    padding-right: 9rem !important;
  }
  .px-md-36 {
    padding-inline: 9rem !important;
  }
  .py-md-36 {
    padding-block: 9rem !important;
  }
  .m-md-40 {
    margin: 10rem !important;
  }
  .mt-md-40 {
    margin-top: 10rem !important;
  }
  .mb-md-40 {
    margin-bottom: 10rem !important;
  }
  .ml-md-40 {
    margin-left: 10rem !important;
  }
  .mr-md-40 {
    margin-right: 10rem !important;
  }
  .mx-md-40 {
    margin-inline: 10rem !important;
  }
  .my-md-40 {
    margin-block: 10rem !important;
  }
  .p-md-40 {
    padding: 10rem !important;
  }
  .pt-md-40 {
    padding-top: 10rem !important;
  }
  .pb-md-40 {
    padding-bottom: 10rem !important;
  }
  .pl-md-40 {
    padding-left: 10rem !important;
  }
  .pr-md-40 {
    padding-right: 10rem !important;
  }
  .px-md-40 {
    padding-inline: 10rem !important;
  }
  .py-md-40 {
    padding-block: 10rem !important;
  }
  .m-md-48 {
    margin: 12rem !important;
  }
  .mt-md-48 {
    margin-top: 12rem !important;
  }
  .mb-md-48 {
    margin-bottom: 12rem !important;
  }
  .ml-md-48 {
    margin-left: 12rem !important;
  }
  .mr-md-48 {
    margin-right: 12rem !important;
  }
  .mx-md-48 {
    margin-inline: 12rem !important;
  }
  .my-md-48 {
    margin-block: 12rem !important;
  }
  .p-md-48 {
    padding: 12rem !important;
  }
  .pt-md-48 {
    padding-top: 12rem !important;
  }
  .pb-md-48 {
    padding-bottom: 12rem !important;
  }
  .pl-md-48 {
    padding-left: 12rem !important;
  }
  .pr-md-48 {
    padding-right: 12rem !important;
  }
  .px-md-48 {
    padding-inline: 12rem !important;
  }
  .py-md-48 {
    padding-block: 12rem !important;
  }
  .m-md-56 {
    margin: 14rem !important;
  }
  .mt-md-56 {
    margin-top: 14rem !important;
  }
  .mb-md-56 {
    margin-bottom: 14rem !important;
  }
  .ml-md-56 {
    margin-left: 14rem !important;
  }
  .mr-md-56 {
    margin-right: 14rem !important;
  }
  .mx-md-56 {
    margin-inline: 14rem !important;
  }
  .my-md-56 {
    margin-block: 14rem !important;
  }
  .p-md-56 {
    padding: 14rem !important;
  }
  .pt-md-56 {
    padding-top: 14rem !important;
  }
  .pb-md-56 {
    padding-bottom: 14rem !important;
  }
  .pl-md-56 {
    padding-left: 14rem !important;
  }
  .pr-md-56 {
    padding-right: 14rem !important;
  }
  .px-md-56 {
    padding-inline: 14rem !important;
  }
  .py-md-56 {
    padding-block: 14rem !important;
  }
  .m-md-64 {
    margin: 16rem !important;
  }
  .mt-md-64 {
    margin-top: 16rem !important;
  }
  .mb-md-64 {
    margin-bottom: 16rem !important;
  }
  .ml-md-64 {
    margin-left: 16rem !important;
  }
  .mr-md-64 {
    margin-right: 16rem !important;
  }
  .mx-md-64 {
    margin-inline: 16rem !important;
  }
  .my-md-64 {
    margin-block: 16rem !important;
  }
  .p-md-64 {
    padding: 16rem !important;
  }
  .pt-md-64 {
    padding-top: 16rem !important;
  }
  .pb-md-64 {
    padding-bottom: 16rem !important;
  }
  .pl-md-64 {
    padding-left: 16rem !important;
  }
  .pr-md-64 {
    padding-right: 16rem !important;
  }
  .px-md-64 {
    padding-inline: 16rem !important;
  }
  .py-md-64 {
    padding-block: 16rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-auto {
    margin-inline: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .my-md-auto {
    margin-block: auto !important;
  }
  .-mt-md-1 {
    margin-top: -0.25rem !important;
  }
  .-mb-md-1 {
    margin-bottom: -0.25rem !important;
  }
  .-ml-md-1 {
    margin-left: -0.25rem !important;
  }
  .-mr-md-1 {
    margin-right: -0.25rem !important;
  }
  .-mx-md-1 {
    margin-inline: -0.25rem !important;
  }
  .-my-md-1 {
    margin-block: -0.25rem !important;
  }
  .-mt-md-2 {
    margin-top: -0.5rem !important;
  }
  .-mb-md-2 {
    margin-bottom: -0.5rem !important;
  }
  .-ml-md-2 {
    margin-left: -0.5rem !important;
  }
  .-mr-md-2 {
    margin-right: -0.5rem !important;
  }
  .-mx-md-2 {
    margin-inline: -0.5rem !important;
  }
  .-my-md-2 {
    margin-block: -0.5rem !important;
  }
  .-mt-md-3 {
    margin-top: -0.75rem !important;
  }
  .-mb-md-3 {
    margin-bottom: -0.75rem !important;
  }
  .-ml-md-3 {
    margin-left: -0.75rem !important;
  }
  .-mr-md-3 {
    margin-right: -0.75rem !important;
  }
  .-mx-md-3 {
    margin-inline: -0.75rem !important;
  }
  .-my-md-3 {
    margin-block: -0.75rem !important;
  }
  .-mt-md-4 {
    margin-top: -1rem !important;
  }
  .-mb-md-4 {
    margin-bottom: -1rem !important;
  }
  .-ml-md-4 {
    margin-left: -1rem !important;
  }
  .-mr-md-4 {
    margin-right: -1rem !important;
  }
  .-mx-md-4 {
    margin-inline: -1rem !important;
  }
  .-my-md-4 {
    margin-block: -1rem !important;
  }
  .-mt-md-5 {
    margin-top: -1.25rem !important;
  }
  .-mb-md-5 {
    margin-bottom: -1.25rem !important;
  }
  .-ml-md-5 {
    margin-left: -1.25rem !important;
  }
  .-mr-md-5 {
    margin-right: -1.25rem !important;
  }
  .-mx-md-5 {
    margin-inline: -1.25rem !important;
  }
  .-my-md-5 {
    margin-block: -1.25rem !important;
  }
  .-mt-md-6 {
    margin-top: -1.5rem !important;
  }
  .-mb-md-6 {
    margin-bottom: -1.5rem !important;
  }
  .-ml-md-6 {
    margin-left: -1.5rem !important;
  }
  .-mr-md-6 {
    margin-right: -1.5rem !important;
  }
  .-mx-md-6 {
    margin-inline: -1.5rem !important;
  }
  .-my-md-6 {
    margin-block: -1.5rem !important;
  }
  .-mt-md-8 {
    margin-top: -2rem !important;
  }
  .-mb-md-8 {
    margin-bottom: -2rem !important;
  }
  .-ml-md-8 {
    margin-left: -2rem !important;
  }
  .-mr-md-8 {
    margin-right: -2rem !important;
  }
  .-mx-md-8 {
    margin-inline: -2rem !important;
  }
  .-my-md-8 {
    margin-block: -2rem !important;
  }
  .-mt-md-10 {
    margin-top: -2.5rem !important;
  }
  .-mb-md-10 {
    margin-bottom: -2.5rem !important;
  }
  .-ml-md-10 {
    margin-left: -2.5rem !important;
  }
  .-mr-md-10 {
    margin-right: -2.5rem !important;
  }
  .-mx-md-10 {
    margin-inline: -2.5rem !important;
  }
  .-my-md-10 {
    margin-block: -2.5rem !important;
  }
  .-mt-md-12 {
    margin-top: -3rem !important;
  }
  .-mb-md-12 {
    margin-bottom: -3rem !important;
  }
  .-ml-md-12 {
    margin-left: -3rem !important;
  }
  .-mr-md-12 {
    margin-right: -3rem !important;
  }
  .-mx-md-12 {
    margin-inline: -3rem !important;
  }
  .-my-md-12 {
    margin-block: -3rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0rem !important;
  }
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
  .ml-lg-0 {
    margin-left: 0rem !important;
  }
  .mr-lg-0 {
    margin-right: 0rem !important;
  }
  .mx-lg-0 {
    margin-inline: 0rem !important;
  }
  .my-lg-0 {
    margin-block: 0rem !important;
  }
  .p-lg-0 {
    padding: 0rem !important;
  }
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
  .pl-lg-0 {
    padding-left: 0rem !important;
  }
  .pr-lg-0 {
    padding-right: 0rem !important;
  }
  .px-lg-0 {
    padding-inline: 0rem !important;
  }
  .py-lg-0 {
    padding-block: 0rem !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-inline: 0.25rem !important;
  }
  .my-lg-1 {
    margin-block: 0.25rem !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .px-lg-1 {
    padding-inline: 0.25rem !important;
  }
  .py-lg-1 {
    padding-block: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-inline: 0.5rem !important;
  }
  .my-lg-2 {
    margin-block: 0.5rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .px-lg-2 {
    padding-inline: 0.5rem !important;
  }
  .py-lg-2 {
    padding-block: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 0.75rem !important;
  }
  .mt-lg-3 {
    margin-top: 0.75rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-lg-3 {
    margin-left: 0.75rem !important;
  }
  .mr-lg-3 {
    margin-right: 0.75rem !important;
  }
  .mx-lg-3 {
    margin-inline: 0.75rem !important;
  }
  .my-lg-3 {
    margin-block: 0.75rem !important;
  }
  .p-lg-3 {
    padding: 0.75rem !important;
  }
  .pt-lg-3 {
    padding-top: 0.75rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-lg-3 {
    padding-left: 0.75rem !important;
  }
  .pr-lg-3 {
    padding-right: 0.75rem !important;
  }
  .px-lg-3 {
    padding-inline: 0.75rem !important;
  }
  .py-lg-3 {
    padding-block: 0.75rem !important;
  }
  .m-lg-4 {
    margin: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-4 {
    margin-left: 1rem !important;
  }
  .mr-lg-4 {
    margin-right: 1rem !important;
  }
  .mx-lg-4 {
    margin-inline: 1rem !important;
  }
  .my-lg-4 {
    margin-block: 1rem !important;
  }
  .p-lg-4 {
    padding: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-4 {
    padding-left: 1rem !important;
  }
  .pr-lg-4 {
    padding-right: 1rem !important;
  }
  .px-lg-4 {
    padding-inline: 1rem !important;
  }
  .py-lg-4 {
    padding-block: 1rem !important;
  }
  .m-lg-5 {
    margin: 1.25rem !important;
  }
  .mt-lg-5 {
    margin-top: 1.25rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 1.25rem !important;
  }
  .ml-lg-5 {
    margin-left: 1.25rem !important;
  }
  .mr-lg-5 {
    margin-right: 1.25rem !important;
  }
  .mx-lg-5 {
    margin-inline: 1.25rem !important;
  }
  .my-lg-5 {
    margin-block: 1.25rem !important;
  }
  .p-lg-5 {
    padding: 1.25rem !important;
  }
  .pt-lg-5 {
    padding-top: 1.25rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 1.25rem !important;
  }
  .pl-lg-5 {
    padding-left: 1.25rem !important;
  }
  .pr-lg-5 {
    padding-right: 1.25rem !important;
  }
  .px-lg-5 {
    padding-inline: 1.25rem !important;
  }
  .py-lg-5 {
    padding-block: 1.25rem !important;
  }
  .m-lg-6 {
    margin: 1.5rem !important;
  }
  .mt-lg-6 {
    margin-top: 1.5rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-6 {
    margin-left: 1.5rem !important;
  }
  .mr-lg-6 {
    margin-right: 1.5rem !important;
  }
  .mx-lg-6 {
    margin-inline: 1.5rem !important;
  }
  .my-lg-6 {
    margin-block: 1.5rem !important;
  }
  .p-lg-6 {
    padding: 1.5rem !important;
  }
  .pt-lg-6 {
    padding-top: 1.5rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-6 {
    padding-left: 1.5rem !important;
  }
  .pr-lg-6 {
    padding-right: 1.5rem !important;
  }
  .px-lg-6 {
    padding-inline: 1.5rem !important;
  }
  .py-lg-6 {
    padding-block: 1.5rem !important;
  }
  .m-lg-7 {
    margin: 1.75rem !important;
  }
  .mt-lg-7 {
    margin-top: 1.75rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 1.75rem !important;
  }
  .ml-lg-7 {
    margin-left: 1.75rem !important;
  }
  .mr-lg-7 {
    margin-right: 1.75rem !important;
  }
  .mx-lg-7 {
    margin-inline: 1.75rem !important;
  }
  .my-lg-7 {
    margin-block: 1.75rem !important;
  }
  .p-lg-7 {
    padding: 1.75rem !important;
  }
  .pt-lg-7 {
    padding-top: 1.75rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 1.75rem !important;
  }
  .pl-lg-7 {
    padding-left: 1.75rem !important;
  }
  .pr-lg-7 {
    padding-right: 1.75rem !important;
  }
  .px-lg-7 {
    padding-inline: 1.75rem !important;
  }
  .py-lg-7 {
    padding-block: 1.75rem !important;
  }
  .m-lg-8 {
    margin: 2rem !important;
  }
  .mt-lg-8 {
    margin-top: 2rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-8 {
    margin-left: 2rem !important;
  }
  .mr-lg-8 {
    margin-right: 2rem !important;
  }
  .mx-lg-8 {
    margin-inline: 2rem !important;
  }
  .my-lg-8 {
    margin-block: 2rem !important;
  }
  .p-lg-8 {
    padding: 2rem !important;
  }
  .pt-lg-8 {
    padding-top: 2rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-8 {
    padding-left: 2rem !important;
  }
  .pr-lg-8 {
    padding-right: 2rem !important;
  }
  .px-lg-8 {
    padding-inline: 2rem !important;
  }
  .py-lg-8 {
    padding-block: 2rem !important;
  }
  .m-lg-9 {
    margin: 2.25rem !important;
  }
  .mt-lg-9 {
    margin-top: 2.25rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 2.25rem !important;
  }
  .ml-lg-9 {
    margin-left: 2.25rem !important;
  }
  .mr-lg-9 {
    margin-right: 2.25rem !important;
  }
  .mx-lg-9 {
    margin-inline: 2.25rem !important;
  }
  .my-lg-9 {
    margin-block: 2.25rem !important;
  }
  .p-lg-9 {
    padding: 2.25rem !important;
  }
  .pt-lg-9 {
    padding-top: 2.25rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 2.25rem !important;
  }
  .pl-lg-9 {
    padding-left: 2.25rem !important;
  }
  .pr-lg-9 {
    padding-right: 2.25rem !important;
  }
  .px-lg-9 {
    padding-inline: 2.25rem !important;
  }
  .py-lg-9 {
    padding-block: 2.25rem !important;
  }
  .m-lg-10 {
    margin: 2.5rem !important;
  }
  .mt-lg-10 {
    margin-top: 2.5rem !important;
  }
  .mb-lg-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-lg-10 {
    margin-left: 2.5rem !important;
  }
  .mr-lg-10 {
    margin-right: 2.5rem !important;
  }
  .mx-lg-10 {
    margin-inline: 2.5rem !important;
  }
  .my-lg-10 {
    margin-block: 2.5rem !important;
  }
  .p-lg-10 {
    padding: 2.5rem !important;
  }
  .pt-lg-10 {
    padding-top: 2.5rem !important;
  }
  .pb-lg-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-lg-10 {
    padding-left: 2.5rem !important;
  }
  .pr-lg-10 {
    padding-right: 2.5rem !important;
  }
  .px-lg-10 {
    padding-inline: 2.5rem !important;
  }
  .py-lg-10 {
    padding-block: 2.5rem !important;
  }
  .m-lg-12 {
    margin: 3rem !important;
  }
  .mt-lg-12 {
    margin-top: 3rem !important;
  }
  .mb-lg-12 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-12 {
    margin-left: 3rem !important;
  }
  .mr-lg-12 {
    margin-right: 3rem !important;
  }
  .mx-lg-12 {
    margin-inline: 3rem !important;
  }
  .my-lg-12 {
    margin-block: 3rem !important;
  }
  .p-lg-12 {
    padding: 3rem !important;
  }
  .pt-lg-12 {
    padding-top: 3rem !important;
  }
  .pb-lg-12 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-12 {
    padding-left: 3rem !important;
  }
  .pr-lg-12 {
    padding-right: 3rem !important;
  }
  .px-lg-12 {
    padding-inline: 3rem !important;
  }
  .py-lg-12 {
    padding-block: 3rem !important;
  }
  .m-lg-14 {
    margin: 3.5rem !important;
  }
  .mt-lg-14 {
    margin-top: 3.5rem !important;
  }
  .mb-lg-14 {
    margin-bottom: 3.5rem !important;
  }
  .ml-lg-14 {
    margin-left: 3.5rem !important;
  }
  .mr-lg-14 {
    margin-right: 3.5rem !important;
  }
  .mx-lg-14 {
    margin-inline: 3.5rem !important;
  }
  .my-lg-14 {
    margin-block: 3.5rem !important;
  }
  .p-lg-14 {
    padding: 3.5rem !important;
  }
  .pt-lg-14 {
    padding-top: 3.5rem !important;
  }
  .pb-lg-14 {
    padding-bottom: 3.5rem !important;
  }
  .pl-lg-14 {
    padding-left: 3.5rem !important;
  }
  .pr-lg-14 {
    padding-right: 3.5rem !important;
  }
  .px-lg-14 {
    padding-inline: 3.5rem !important;
  }
  .py-lg-14 {
    padding-block: 3.5rem !important;
  }
  .m-lg-16 {
    margin: 4rem !important;
  }
  .mt-lg-16 {
    margin-top: 4rem !important;
  }
  .mb-lg-16 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-16 {
    margin-left: 4rem !important;
  }
  .mr-lg-16 {
    margin-right: 4rem !important;
  }
  .mx-lg-16 {
    margin-inline: 4rem !important;
  }
  .my-lg-16 {
    margin-block: 4rem !important;
  }
  .p-lg-16 {
    padding: 4rem !important;
  }
  .pt-lg-16 {
    padding-top: 4rem !important;
  }
  .pb-lg-16 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-16 {
    padding-left: 4rem !important;
  }
  .pr-lg-16 {
    padding-right: 4rem !important;
  }
  .px-lg-16 {
    padding-inline: 4rem !important;
  }
  .py-lg-16 {
    padding-block: 4rem !important;
  }
  .m-lg-20 {
    margin: 5rem !important;
  }
  .mt-lg-20 {
    margin-top: 5rem !important;
  }
  .mb-lg-20 {
    margin-bottom: 5rem !important;
  }
  .ml-lg-20 {
    margin-left: 5rem !important;
  }
  .mr-lg-20 {
    margin-right: 5rem !important;
  }
  .mx-lg-20 {
    margin-inline: 5rem !important;
  }
  .my-lg-20 {
    margin-block: 5rem !important;
  }
  .p-lg-20 {
    padding: 5rem !important;
  }
  .pt-lg-20 {
    padding-top: 5rem !important;
  }
  .pb-lg-20 {
    padding-bottom: 5rem !important;
  }
  .pl-lg-20 {
    padding-left: 5rem !important;
  }
  .pr-lg-20 {
    padding-right: 5rem !important;
  }
  .px-lg-20 {
    padding-inline: 5rem !important;
  }
  .py-lg-20 {
    padding-block: 5rem !important;
  }
  .m-lg-24 {
    margin: 6rem !important;
  }
  .mt-lg-24 {
    margin-top: 6rem !important;
  }
  .mb-lg-24 {
    margin-bottom: 6rem !important;
  }
  .ml-lg-24 {
    margin-left: 6rem !important;
  }
  .mr-lg-24 {
    margin-right: 6rem !important;
  }
  .mx-lg-24 {
    margin-inline: 6rem !important;
  }
  .my-lg-24 {
    margin-block: 6rem !important;
  }
  .p-lg-24 {
    padding: 6rem !important;
  }
  .pt-lg-24 {
    padding-top: 6rem !important;
  }
  .pb-lg-24 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-24 {
    padding-left: 6rem !important;
  }
  .pr-lg-24 {
    padding-right: 6rem !important;
  }
  .px-lg-24 {
    padding-inline: 6rem !important;
  }
  .py-lg-24 {
    padding-block: 6rem !important;
  }
  .m-lg-28 {
    margin: 7rem !important;
  }
  .mt-lg-28 {
    margin-top: 7rem !important;
  }
  .mb-lg-28 {
    margin-bottom: 7rem !important;
  }
  .ml-lg-28 {
    margin-left: 7rem !important;
  }
  .mr-lg-28 {
    margin-right: 7rem !important;
  }
  .mx-lg-28 {
    margin-inline: 7rem !important;
  }
  .my-lg-28 {
    margin-block: 7rem !important;
  }
  .p-lg-28 {
    padding: 7rem !important;
  }
  .pt-lg-28 {
    padding-top: 7rem !important;
  }
  .pb-lg-28 {
    padding-bottom: 7rem !important;
  }
  .pl-lg-28 {
    padding-left: 7rem !important;
  }
  .pr-lg-28 {
    padding-right: 7rem !important;
  }
  .px-lg-28 {
    padding-inline: 7rem !important;
  }
  .py-lg-28 {
    padding-block: 7rem !important;
  }
  .m-lg-32 {
    margin: 8rem !important;
  }
  .mt-lg-32 {
    margin-top: 8rem !important;
  }
  .mb-lg-32 {
    margin-bottom: 8rem !important;
  }
  .ml-lg-32 {
    margin-left: 8rem !important;
  }
  .mr-lg-32 {
    margin-right: 8rem !important;
  }
  .mx-lg-32 {
    margin-inline: 8rem !important;
  }
  .my-lg-32 {
    margin-block: 8rem !important;
  }
  .p-lg-32 {
    padding: 8rem !important;
  }
  .pt-lg-32 {
    padding-top: 8rem !important;
  }
  .pb-lg-32 {
    padding-bottom: 8rem !important;
  }
  .pl-lg-32 {
    padding-left: 8rem !important;
  }
  .pr-lg-32 {
    padding-right: 8rem !important;
  }
  .px-lg-32 {
    padding-inline: 8rem !important;
  }
  .py-lg-32 {
    padding-block: 8rem !important;
  }
  .m-lg-36 {
    margin: 9rem !important;
  }
  .mt-lg-36 {
    margin-top: 9rem !important;
  }
  .mb-lg-36 {
    margin-bottom: 9rem !important;
  }
  .ml-lg-36 {
    margin-left: 9rem !important;
  }
  .mr-lg-36 {
    margin-right: 9rem !important;
  }
  .mx-lg-36 {
    margin-inline: 9rem !important;
  }
  .my-lg-36 {
    margin-block: 9rem !important;
  }
  .p-lg-36 {
    padding: 9rem !important;
  }
  .pt-lg-36 {
    padding-top: 9rem !important;
  }
  .pb-lg-36 {
    padding-bottom: 9rem !important;
  }
  .pl-lg-36 {
    padding-left: 9rem !important;
  }
  .pr-lg-36 {
    padding-right: 9rem !important;
  }
  .px-lg-36 {
    padding-inline: 9rem !important;
  }
  .py-lg-36 {
    padding-block: 9rem !important;
  }
  .m-lg-40 {
    margin: 10rem !important;
  }
  .mt-lg-40 {
    margin-top: 10rem !important;
  }
  .mb-lg-40 {
    margin-bottom: 10rem !important;
  }
  .ml-lg-40 {
    margin-left: 10rem !important;
  }
  .mr-lg-40 {
    margin-right: 10rem !important;
  }
  .mx-lg-40 {
    margin-inline: 10rem !important;
  }
  .my-lg-40 {
    margin-block: 10rem !important;
  }
  .p-lg-40 {
    padding: 10rem !important;
  }
  .pt-lg-40 {
    padding-top: 10rem !important;
  }
  .pb-lg-40 {
    padding-bottom: 10rem !important;
  }
  .pl-lg-40 {
    padding-left: 10rem !important;
  }
  .pr-lg-40 {
    padding-right: 10rem !important;
  }
  .px-lg-40 {
    padding-inline: 10rem !important;
  }
  .py-lg-40 {
    padding-block: 10rem !important;
  }
  .m-lg-48 {
    margin: 12rem !important;
  }
  .mt-lg-48 {
    margin-top: 12rem !important;
  }
  .mb-lg-48 {
    margin-bottom: 12rem !important;
  }
  .ml-lg-48 {
    margin-left: 12rem !important;
  }
  .mr-lg-48 {
    margin-right: 12rem !important;
  }
  .mx-lg-48 {
    margin-inline: 12rem !important;
  }
  .my-lg-48 {
    margin-block: 12rem !important;
  }
  .p-lg-48 {
    padding: 12rem !important;
  }
  .pt-lg-48 {
    padding-top: 12rem !important;
  }
  .pb-lg-48 {
    padding-bottom: 12rem !important;
  }
  .pl-lg-48 {
    padding-left: 12rem !important;
  }
  .pr-lg-48 {
    padding-right: 12rem !important;
  }
  .px-lg-48 {
    padding-inline: 12rem !important;
  }
  .py-lg-48 {
    padding-block: 12rem !important;
  }
  .m-lg-56 {
    margin: 14rem !important;
  }
  .mt-lg-56 {
    margin-top: 14rem !important;
  }
  .mb-lg-56 {
    margin-bottom: 14rem !important;
  }
  .ml-lg-56 {
    margin-left: 14rem !important;
  }
  .mr-lg-56 {
    margin-right: 14rem !important;
  }
  .mx-lg-56 {
    margin-inline: 14rem !important;
  }
  .my-lg-56 {
    margin-block: 14rem !important;
  }
  .p-lg-56 {
    padding: 14rem !important;
  }
  .pt-lg-56 {
    padding-top: 14rem !important;
  }
  .pb-lg-56 {
    padding-bottom: 14rem !important;
  }
  .pl-lg-56 {
    padding-left: 14rem !important;
  }
  .pr-lg-56 {
    padding-right: 14rem !important;
  }
  .px-lg-56 {
    padding-inline: 14rem !important;
  }
  .py-lg-56 {
    padding-block: 14rem !important;
  }
  .m-lg-64 {
    margin: 16rem !important;
  }
  .mt-lg-64 {
    margin-top: 16rem !important;
  }
  .mb-lg-64 {
    margin-bottom: 16rem !important;
  }
  .ml-lg-64 {
    margin-left: 16rem !important;
  }
  .mr-lg-64 {
    margin-right: 16rem !important;
  }
  .mx-lg-64 {
    margin-inline: 16rem !important;
  }
  .my-lg-64 {
    margin-block: 16rem !important;
  }
  .p-lg-64 {
    padding: 16rem !important;
  }
  .pt-lg-64 {
    padding-top: 16rem !important;
  }
  .pb-lg-64 {
    padding-bottom: 16rem !important;
  }
  .pl-lg-64 {
    padding-left: 16rem !important;
  }
  .pr-lg-64 {
    padding-right: 16rem !important;
  }
  .px-lg-64 {
    padding-inline: 16rem !important;
  }
  .py-lg-64 {
    padding-block: 16rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-auto {
    margin-inline: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .my-lg-auto {
    margin-block: auto !important;
  }
  .-mt-lg-1 {
    margin-top: -0.25rem !important;
  }
  .-mb-lg-1 {
    margin-bottom: -0.25rem !important;
  }
  .-ml-lg-1 {
    margin-left: -0.25rem !important;
  }
  .-mr-lg-1 {
    margin-right: -0.25rem !important;
  }
  .-mx-lg-1 {
    margin-inline: -0.25rem !important;
  }
  .-my-lg-1 {
    margin-block: -0.25rem !important;
  }
  .-mt-lg-2 {
    margin-top: -0.5rem !important;
  }
  .-mb-lg-2 {
    margin-bottom: -0.5rem !important;
  }
  .-ml-lg-2 {
    margin-left: -0.5rem !important;
  }
  .-mr-lg-2 {
    margin-right: -0.5rem !important;
  }
  .-mx-lg-2 {
    margin-inline: -0.5rem !important;
  }
  .-my-lg-2 {
    margin-block: -0.5rem !important;
  }
  .-mt-lg-3 {
    margin-top: -0.75rem !important;
  }
  .-mb-lg-3 {
    margin-bottom: -0.75rem !important;
  }
  .-ml-lg-3 {
    margin-left: -0.75rem !important;
  }
  .-mr-lg-3 {
    margin-right: -0.75rem !important;
  }
  .-mx-lg-3 {
    margin-inline: -0.75rem !important;
  }
  .-my-lg-3 {
    margin-block: -0.75rem !important;
  }
  .-mt-lg-4 {
    margin-top: -1rem !important;
  }
  .-mb-lg-4 {
    margin-bottom: -1rem !important;
  }
  .-ml-lg-4 {
    margin-left: -1rem !important;
  }
  .-mr-lg-4 {
    margin-right: -1rem !important;
  }
  .-mx-lg-4 {
    margin-inline: -1rem !important;
  }
  .-my-lg-4 {
    margin-block: -1rem !important;
  }
  .-mt-lg-5 {
    margin-top: -1.25rem !important;
  }
  .-mb-lg-5 {
    margin-bottom: -1.25rem !important;
  }
  .-ml-lg-5 {
    margin-left: -1.25rem !important;
  }
  .-mr-lg-5 {
    margin-right: -1.25rem !important;
  }
  .-mx-lg-5 {
    margin-inline: -1.25rem !important;
  }
  .-my-lg-5 {
    margin-block: -1.25rem !important;
  }
  .-mt-lg-6 {
    margin-top: -1.5rem !important;
  }
  .-mb-lg-6 {
    margin-bottom: -1.5rem !important;
  }
  .-ml-lg-6 {
    margin-left: -1.5rem !important;
  }
  .-mr-lg-6 {
    margin-right: -1.5rem !important;
  }
  .-mx-lg-6 {
    margin-inline: -1.5rem !important;
  }
  .-my-lg-6 {
    margin-block: -1.5rem !important;
  }
  .-mt-lg-8 {
    margin-top: -2rem !important;
  }
  .-mb-lg-8 {
    margin-bottom: -2rem !important;
  }
  .-ml-lg-8 {
    margin-left: -2rem !important;
  }
  .-mr-lg-8 {
    margin-right: -2rem !important;
  }
  .-mx-lg-8 {
    margin-inline: -2rem !important;
  }
  .-my-lg-8 {
    margin-block: -2rem !important;
  }
  .-mt-lg-10 {
    margin-top: -2.5rem !important;
  }
  .-mb-lg-10 {
    margin-bottom: -2.5rem !important;
  }
  .-ml-lg-10 {
    margin-left: -2.5rem !important;
  }
  .-mr-lg-10 {
    margin-right: -2.5rem !important;
  }
  .-mx-lg-10 {
    margin-inline: -2.5rem !important;
  }
  .-my-lg-10 {
    margin-block: -2.5rem !important;
  }
  .-mt-lg-12 {
    margin-top: -3rem !important;
  }
  .-mb-lg-12 {
    margin-bottom: -3rem !important;
  }
  .-ml-lg-12 {
    margin-left: -3rem !important;
  }
  .-mr-lg-12 {
    margin-right: -3rem !important;
  }
  .-mx-lg-12 {
    margin-inline: -3rem !important;
  }
  .-my-lg-12 {
    margin-block: -3rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0rem !important;
  }
  .mt-xl-0 {
    margin-top: 0rem !important;
  }
  .mb-xl-0 {
    margin-bottom: 0rem !important;
  }
  .ml-xl-0 {
    margin-left: 0rem !important;
  }
  .mr-xl-0 {
    margin-right: 0rem !important;
  }
  .mx-xl-0 {
    margin-inline: 0rem !important;
  }
  .my-xl-0 {
    margin-block: 0rem !important;
  }
  .p-xl-0 {
    padding: 0rem !important;
  }
  .pt-xl-0 {
    padding-top: 0rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0rem !important;
  }
  .pl-xl-0 {
    padding-left: 0rem !important;
  }
  .pr-xl-0 {
    padding-right: 0rem !important;
  }
  .px-xl-0 {
    padding-inline: 0rem !important;
  }
  .py-xl-0 {
    padding-block: 0rem !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mx-xl-1 {
    margin-inline: 0.25rem !important;
  }
  .my-xl-1 {
    margin-block: 0.25rem !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .px-xl-1 {
    padding-inline: 0.25rem !important;
  }
  .py-xl-1 {
    padding-block: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-inline: 0.5rem !important;
  }
  .my-xl-2 {
    margin-block: 0.5rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .px-xl-2 {
    padding-inline: 0.5rem !important;
  }
  .py-xl-2 {
    padding-block: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 0.75rem !important;
  }
  .mt-xl-3 {
    margin-top: 0.75rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-xl-3 {
    margin-left: 0.75rem !important;
  }
  .mr-xl-3 {
    margin-right: 0.75rem !important;
  }
  .mx-xl-3 {
    margin-inline: 0.75rem !important;
  }
  .my-xl-3 {
    margin-block: 0.75rem !important;
  }
  .p-xl-3 {
    padding: 0.75rem !important;
  }
  .pt-xl-3 {
    padding-top: 0.75rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-xl-3 {
    padding-left: 0.75rem !important;
  }
  .pr-xl-3 {
    padding-right: 0.75rem !important;
  }
  .px-xl-3 {
    padding-inline: 0.75rem !important;
  }
  .py-xl-3 {
    padding-block: 0.75rem !important;
  }
  .m-xl-4 {
    margin: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-4 {
    margin-left: 1rem !important;
  }
  .mr-xl-4 {
    margin-right: 1rem !important;
  }
  .mx-xl-4 {
    margin-inline: 1rem !important;
  }
  .my-xl-4 {
    margin-block: 1rem !important;
  }
  .p-xl-4 {
    padding: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-4 {
    padding-left: 1rem !important;
  }
  .pr-xl-4 {
    padding-right: 1rem !important;
  }
  .px-xl-4 {
    padding-inline: 1rem !important;
  }
  .py-xl-4 {
    padding-block: 1rem !important;
  }
  .m-xl-5 {
    margin: 1.25rem !important;
  }
  .mt-xl-5 {
    margin-top: 1.25rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 1.25rem !important;
  }
  .ml-xl-5 {
    margin-left: 1.25rem !important;
  }
  .mr-xl-5 {
    margin-right: 1.25rem !important;
  }
  .mx-xl-5 {
    margin-inline: 1.25rem !important;
  }
  .my-xl-5 {
    margin-block: 1.25rem !important;
  }
  .p-xl-5 {
    padding: 1.25rem !important;
  }
  .pt-xl-5 {
    padding-top: 1.25rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 1.25rem !important;
  }
  .pl-xl-5 {
    padding-left: 1.25rem !important;
  }
  .pr-xl-5 {
    padding-right: 1.25rem !important;
  }
  .px-xl-5 {
    padding-inline: 1.25rem !important;
  }
  .py-xl-5 {
    padding-block: 1.25rem !important;
  }
  .m-xl-6 {
    margin: 1.5rem !important;
  }
  .mt-xl-6 {
    margin-top: 1.5rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-6 {
    margin-left: 1.5rem !important;
  }
  .mr-xl-6 {
    margin-right: 1.5rem !important;
  }
  .mx-xl-6 {
    margin-inline: 1.5rem !important;
  }
  .my-xl-6 {
    margin-block: 1.5rem !important;
  }
  .p-xl-6 {
    padding: 1.5rem !important;
  }
  .pt-xl-6 {
    padding-top: 1.5rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-6 {
    padding-left: 1.5rem !important;
  }
  .pr-xl-6 {
    padding-right: 1.5rem !important;
  }
  .px-xl-6 {
    padding-inline: 1.5rem !important;
  }
  .py-xl-6 {
    padding-block: 1.5rem !important;
  }
  .m-xl-7 {
    margin: 1.75rem !important;
  }
  .mt-xl-7 {
    margin-top: 1.75rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 1.75rem !important;
  }
  .ml-xl-7 {
    margin-left: 1.75rem !important;
  }
  .mr-xl-7 {
    margin-right: 1.75rem !important;
  }
  .mx-xl-7 {
    margin-inline: 1.75rem !important;
  }
  .my-xl-7 {
    margin-block: 1.75rem !important;
  }
  .p-xl-7 {
    padding: 1.75rem !important;
  }
  .pt-xl-7 {
    padding-top: 1.75rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 1.75rem !important;
  }
  .pl-xl-7 {
    padding-left: 1.75rem !important;
  }
  .pr-xl-7 {
    padding-right: 1.75rem !important;
  }
  .px-xl-7 {
    padding-inline: 1.75rem !important;
  }
  .py-xl-7 {
    padding-block: 1.75rem !important;
  }
  .m-xl-8 {
    margin: 2rem !important;
  }
  .mt-xl-8 {
    margin-top: 2rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-8 {
    margin-left: 2rem !important;
  }
  .mr-xl-8 {
    margin-right: 2rem !important;
  }
  .mx-xl-8 {
    margin-inline: 2rem !important;
  }
  .my-xl-8 {
    margin-block: 2rem !important;
  }
  .p-xl-8 {
    padding: 2rem !important;
  }
  .pt-xl-8 {
    padding-top: 2rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-8 {
    padding-left: 2rem !important;
  }
  .pr-xl-8 {
    padding-right: 2rem !important;
  }
  .px-xl-8 {
    padding-inline: 2rem !important;
  }
  .py-xl-8 {
    padding-block: 2rem !important;
  }
  .m-xl-9 {
    margin: 2.25rem !important;
  }
  .mt-xl-9 {
    margin-top: 2.25rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 2.25rem !important;
  }
  .ml-xl-9 {
    margin-left: 2.25rem !important;
  }
  .mr-xl-9 {
    margin-right: 2.25rem !important;
  }
  .mx-xl-9 {
    margin-inline: 2.25rem !important;
  }
  .my-xl-9 {
    margin-block: 2.25rem !important;
  }
  .p-xl-9 {
    padding: 2.25rem !important;
  }
  .pt-xl-9 {
    padding-top: 2.25rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 2.25rem !important;
  }
  .pl-xl-9 {
    padding-left: 2.25rem !important;
  }
  .pr-xl-9 {
    padding-right: 2.25rem !important;
  }
  .px-xl-9 {
    padding-inline: 2.25rem !important;
  }
  .py-xl-9 {
    padding-block: 2.25rem !important;
  }
  .m-xl-10 {
    margin: 2.5rem !important;
  }
  .mt-xl-10 {
    margin-top: 2.5rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xl-10 {
    margin-left: 2.5rem !important;
  }
  .mr-xl-10 {
    margin-right: 2.5rem !important;
  }
  .mx-xl-10 {
    margin-inline: 2.5rem !important;
  }
  .my-xl-10 {
    margin-block: 2.5rem !important;
  }
  .p-xl-10 {
    padding: 2.5rem !important;
  }
  .pt-xl-10 {
    padding-top: 2.5rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xl-10 {
    padding-left: 2.5rem !important;
  }
  .pr-xl-10 {
    padding-right: 2.5rem !important;
  }
  .px-xl-10 {
    padding-inline: 2.5rem !important;
  }
  .py-xl-10 {
    padding-block: 2.5rem !important;
  }
  .m-xl-12 {
    margin: 3rem !important;
  }
  .mt-xl-12 {
    margin-top: 3rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-12 {
    margin-left: 3rem !important;
  }
  .mr-xl-12 {
    margin-right: 3rem !important;
  }
  .mx-xl-12 {
    margin-inline: 3rem !important;
  }
  .my-xl-12 {
    margin-block: 3rem !important;
  }
  .p-xl-12 {
    padding: 3rem !important;
  }
  .pt-xl-12 {
    padding-top: 3rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-12 {
    padding-left: 3rem !important;
  }
  .pr-xl-12 {
    padding-right: 3rem !important;
  }
  .px-xl-12 {
    padding-inline: 3rem !important;
  }
  .py-xl-12 {
    padding-block: 3rem !important;
  }
  .m-xl-14 {
    margin: 3.5rem !important;
  }
  .mt-xl-14 {
    margin-top: 3.5rem !important;
  }
  .mb-xl-14 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xl-14 {
    margin-left: 3.5rem !important;
  }
  .mr-xl-14 {
    margin-right: 3.5rem !important;
  }
  .mx-xl-14 {
    margin-inline: 3.5rem !important;
  }
  .my-xl-14 {
    margin-block: 3.5rem !important;
  }
  .p-xl-14 {
    padding: 3.5rem !important;
  }
  .pt-xl-14 {
    padding-top: 3.5rem !important;
  }
  .pb-xl-14 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xl-14 {
    padding-left: 3.5rem !important;
  }
  .pr-xl-14 {
    padding-right: 3.5rem !important;
  }
  .px-xl-14 {
    padding-inline: 3.5rem !important;
  }
  .py-xl-14 {
    padding-block: 3.5rem !important;
  }
  .m-xl-16 {
    margin: 4rem !important;
  }
  .mt-xl-16 {
    margin-top: 4rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-16 {
    margin-left: 4rem !important;
  }
  .mr-xl-16 {
    margin-right: 4rem !important;
  }
  .mx-xl-16 {
    margin-inline: 4rem !important;
  }
  .my-xl-16 {
    margin-block: 4rem !important;
  }
  .p-xl-16 {
    padding: 4rem !important;
  }
  .pt-xl-16 {
    padding-top: 4rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-16 {
    padding-left: 4rem !important;
  }
  .pr-xl-16 {
    padding-right: 4rem !important;
  }
  .px-xl-16 {
    padding-inline: 4rem !important;
  }
  .py-xl-16 {
    padding-block: 4rem !important;
  }
  .m-xl-20 {
    margin: 5rem !important;
  }
  .mt-xl-20 {
    margin-top: 5rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 5rem !important;
  }
  .ml-xl-20 {
    margin-left: 5rem !important;
  }
  .mr-xl-20 {
    margin-right: 5rem !important;
  }
  .mx-xl-20 {
    margin-inline: 5rem !important;
  }
  .my-xl-20 {
    margin-block: 5rem !important;
  }
  .p-xl-20 {
    padding: 5rem !important;
  }
  .pt-xl-20 {
    padding-top: 5rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 5rem !important;
  }
  .pl-xl-20 {
    padding-left: 5rem !important;
  }
  .pr-xl-20 {
    padding-right: 5rem !important;
  }
  .px-xl-20 {
    padding-inline: 5rem !important;
  }
  .py-xl-20 {
    padding-block: 5rem !important;
  }
  .m-xl-24 {
    margin: 6rem !important;
  }
  .mt-xl-24 {
    margin-top: 6rem !important;
  }
  .mb-xl-24 {
    margin-bottom: 6rem !important;
  }
  .ml-xl-24 {
    margin-left: 6rem !important;
  }
  .mr-xl-24 {
    margin-right: 6rem !important;
  }
  .mx-xl-24 {
    margin-inline: 6rem !important;
  }
  .my-xl-24 {
    margin-block: 6rem !important;
  }
  .p-xl-24 {
    padding: 6rem !important;
  }
  .pt-xl-24 {
    padding-top: 6rem !important;
  }
  .pb-xl-24 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-24 {
    padding-left: 6rem !important;
  }
  .pr-xl-24 {
    padding-right: 6rem !important;
  }
  .px-xl-24 {
    padding-inline: 6rem !important;
  }
  .py-xl-24 {
    padding-block: 6rem !important;
  }
  .m-xl-28 {
    margin: 7rem !important;
  }
  .mt-xl-28 {
    margin-top: 7rem !important;
  }
  .mb-xl-28 {
    margin-bottom: 7rem !important;
  }
  .ml-xl-28 {
    margin-left: 7rem !important;
  }
  .mr-xl-28 {
    margin-right: 7rem !important;
  }
  .mx-xl-28 {
    margin-inline: 7rem !important;
  }
  .my-xl-28 {
    margin-block: 7rem !important;
  }
  .p-xl-28 {
    padding: 7rem !important;
  }
  .pt-xl-28 {
    padding-top: 7rem !important;
  }
  .pb-xl-28 {
    padding-bottom: 7rem !important;
  }
  .pl-xl-28 {
    padding-left: 7rem !important;
  }
  .pr-xl-28 {
    padding-right: 7rem !important;
  }
  .px-xl-28 {
    padding-inline: 7rem !important;
  }
  .py-xl-28 {
    padding-block: 7rem !important;
  }
  .m-xl-32 {
    margin: 8rem !important;
  }
  .mt-xl-32 {
    margin-top: 8rem !important;
  }
  .mb-xl-32 {
    margin-bottom: 8rem !important;
  }
  .ml-xl-32 {
    margin-left: 8rem !important;
  }
  .mr-xl-32 {
    margin-right: 8rem !important;
  }
  .mx-xl-32 {
    margin-inline: 8rem !important;
  }
  .my-xl-32 {
    margin-block: 8rem !important;
  }
  .p-xl-32 {
    padding: 8rem !important;
  }
  .pt-xl-32 {
    padding-top: 8rem !important;
  }
  .pb-xl-32 {
    padding-bottom: 8rem !important;
  }
  .pl-xl-32 {
    padding-left: 8rem !important;
  }
  .pr-xl-32 {
    padding-right: 8rem !important;
  }
  .px-xl-32 {
    padding-inline: 8rem !important;
  }
  .py-xl-32 {
    padding-block: 8rem !important;
  }
  .m-xl-36 {
    margin: 9rem !important;
  }
  .mt-xl-36 {
    margin-top: 9rem !important;
  }
  .mb-xl-36 {
    margin-bottom: 9rem !important;
  }
  .ml-xl-36 {
    margin-left: 9rem !important;
  }
  .mr-xl-36 {
    margin-right: 9rem !important;
  }
  .mx-xl-36 {
    margin-inline: 9rem !important;
  }
  .my-xl-36 {
    margin-block: 9rem !important;
  }
  .p-xl-36 {
    padding: 9rem !important;
  }
  .pt-xl-36 {
    padding-top: 9rem !important;
  }
  .pb-xl-36 {
    padding-bottom: 9rem !important;
  }
  .pl-xl-36 {
    padding-left: 9rem !important;
  }
  .pr-xl-36 {
    padding-right: 9rem !important;
  }
  .px-xl-36 {
    padding-inline: 9rem !important;
  }
  .py-xl-36 {
    padding-block: 9rem !important;
  }
  .m-xl-40 {
    margin: 10rem !important;
  }
  .mt-xl-40 {
    margin-top: 10rem !important;
  }
  .mb-xl-40 {
    margin-bottom: 10rem !important;
  }
  .ml-xl-40 {
    margin-left: 10rem !important;
  }
  .mr-xl-40 {
    margin-right: 10rem !important;
  }
  .mx-xl-40 {
    margin-inline: 10rem !important;
  }
  .my-xl-40 {
    margin-block: 10rem !important;
  }
  .p-xl-40 {
    padding: 10rem !important;
  }
  .pt-xl-40 {
    padding-top: 10rem !important;
  }
  .pb-xl-40 {
    padding-bottom: 10rem !important;
  }
  .pl-xl-40 {
    padding-left: 10rem !important;
  }
  .pr-xl-40 {
    padding-right: 10rem !important;
  }
  .px-xl-40 {
    padding-inline: 10rem !important;
  }
  .py-xl-40 {
    padding-block: 10rem !important;
  }
  .m-xl-48 {
    margin: 12rem !important;
  }
  .mt-xl-48 {
    margin-top: 12rem !important;
  }
  .mb-xl-48 {
    margin-bottom: 12rem !important;
  }
  .ml-xl-48 {
    margin-left: 12rem !important;
  }
  .mr-xl-48 {
    margin-right: 12rem !important;
  }
  .mx-xl-48 {
    margin-inline: 12rem !important;
  }
  .my-xl-48 {
    margin-block: 12rem !important;
  }
  .p-xl-48 {
    padding: 12rem !important;
  }
  .pt-xl-48 {
    padding-top: 12rem !important;
  }
  .pb-xl-48 {
    padding-bottom: 12rem !important;
  }
  .pl-xl-48 {
    padding-left: 12rem !important;
  }
  .pr-xl-48 {
    padding-right: 12rem !important;
  }
  .px-xl-48 {
    padding-inline: 12rem !important;
  }
  .py-xl-48 {
    padding-block: 12rem !important;
  }
  .m-xl-56 {
    margin: 14rem !important;
  }
  .mt-xl-56 {
    margin-top: 14rem !important;
  }
  .mb-xl-56 {
    margin-bottom: 14rem !important;
  }
  .ml-xl-56 {
    margin-left: 14rem !important;
  }
  .mr-xl-56 {
    margin-right: 14rem !important;
  }
  .mx-xl-56 {
    margin-inline: 14rem !important;
  }
  .my-xl-56 {
    margin-block: 14rem !important;
  }
  .p-xl-56 {
    padding: 14rem !important;
  }
  .pt-xl-56 {
    padding-top: 14rem !important;
  }
  .pb-xl-56 {
    padding-bottom: 14rem !important;
  }
  .pl-xl-56 {
    padding-left: 14rem !important;
  }
  .pr-xl-56 {
    padding-right: 14rem !important;
  }
  .px-xl-56 {
    padding-inline: 14rem !important;
  }
  .py-xl-56 {
    padding-block: 14rem !important;
  }
  .m-xl-64 {
    margin: 16rem !important;
  }
  .mt-xl-64 {
    margin-top: 16rem !important;
  }
  .mb-xl-64 {
    margin-bottom: 16rem !important;
  }
  .ml-xl-64 {
    margin-left: 16rem !important;
  }
  .mr-xl-64 {
    margin-right: 16rem !important;
  }
  .mx-xl-64 {
    margin-inline: 16rem !important;
  }
  .my-xl-64 {
    margin-block: 16rem !important;
  }
  .p-xl-64 {
    padding: 16rem !important;
  }
  .pt-xl-64 {
    padding-top: 16rem !important;
  }
  .pb-xl-64 {
    padding-bottom: 16rem !important;
  }
  .pl-xl-64 {
    padding-left: 16rem !important;
  }
  .pr-xl-64 {
    padding-right: 16rem !important;
  }
  .px-xl-64 {
    padding-inline: 16rem !important;
  }
  .py-xl-64 {
    padding-block: 16rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-auto {
    margin-inline: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .my-xl-auto {
    margin-block: auto !important;
  }
  .-mt-xl-1 {
    margin-top: -0.25rem !important;
  }
  .-mb-xl-1 {
    margin-bottom: -0.25rem !important;
  }
  .-ml-xl-1 {
    margin-left: -0.25rem !important;
  }
  .-mr-xl-1 {
    margin-right: -0.25rem !important;
  }
  .-mx-xl-1 {
    margin-inline: -0.25rem !important;
  }
  .-my-xl-1 {
    margin-block: -0.25rem !important;
  }
  .-mt-xl-2 {
    margin-top: -0.5rem !important;
  }
  .-mb-xl-2 {
    margin-bottom: -0.5rem !important;
  }
  .-ml-xl-2 {
    margin-left: -0.5rem !important;
  }
  .-mr-xl-2 {
    margin-right: -0.5rem !important;
  }
  .-mx-xl-2 {
    margin-inline: -0.5rem !important;
  }
  .-my-xl-2 {
    margin-block: -0.5rem !important;
  }
  .-mt-xl-3 {
    margin-top: -0.75rem !important;
  }
  .-mb-xl-3 {
    margin-bottom: -0.75rem !important;
  }
  .-ml-xl-3 {
    margin-left: -0.75rem !important;
  }
  .-mr-xl-3 {
    margin-right: -0.75rem !important;
  }
  .-mx-xl-3 {
    margin-inline: -0.75rem !important;
  }
  .-my-xl-3 {
    margin-block: -0.75rem !important;
  }
  .-mt-xl-4 {
    margin-top: -1rem !important;
  }
  .-mb-xl-4 {
    margin-bottom: -1rem !important;
  }
  .-ml-xl-4 {
    margin-left: -1rem !important;
  }
  .-mr-xl-4 {
    margin-right: -1rem !important;
  }
  .-mx-xl-4 {
    margin-inline: -1rem !important;
  }
  .-my-xl-4 {
    margin-block: -1rem !important;
  }
  .-mt-xl-5 {
    margin-top: -1.25rem !important;
  }
  .-mb-xl-5 {
    margin-bottom: -1.25rem !important;
  }
  .-ml-xl-5 {
    margin-left: -1.25rem !important;
  }
  .-mr-xl-5 {
    margin-right: -1.25rem !important;
  }
  .-mx-xl-5 {
    margin-inline: -1.25rem !important;
  }
  .-my-xl-5 {
    margin-block: -1.25rem !important;
  }
  .-mt-xl-6 {
    margin-top: -1.5rem !important;
  }
  .-mb-xl-6 {
    margin-bottom: -1.5rem !important;
  }
  .-ml-xl-6 {
    margin-left: -1.5rem !important;
  }
  .-mr-xl-6 {
    margin-right: -1.5rem !important;
  }
  .-mx-xl-6 {
    margin-inline: -1.5rem !important;
  }
  .-my-xl-6 {
    margin-block: -1.5rem !important;
  }
  .-mt-xl-8 {
    margin-top: -2rem !important;
  }
  .-mb-xl-8 {
    margin-bottom: -2rem !important;
  }
  .-ml-xl-8 {
    margin-left: -2rem !important;
  }
  .-mr-xl-8 {
    margin-right: -2rem !important;
  }
  .-mx-xl-8 {
    margin-inline: -2rem !important;
  }
  .-my-xl-8 {
    margin-block: -2rem !important;
  }
  .-mt-xl-10 {
    margin-top: -2.5rem !important;
  }
  .-mb-xl-10 {
    margin-bottom: -2.5rem !important;
  }
  .-ml-xl-10 {
    margin-left: -2.5rem !important;
  }
  .-mr-xl-10 {
    margin-right: -2.5rem !important;
  }
  .-mx-xl-10 {
    margin-inline: -2.5rem !important;
  }
  .-my-xl-10 {
    margin-block: -2.5rem !important;
  }
  .-mt-xl-12 {
    margin-top: -3rem !important;
  }
  .-mb-xl-12 {
    margin-bottom: -3rem !important;
  }
  .-ml-xl-12 {
    margin-left: -3rem !important;
  }
  .-mr-xl-12 {
    margin-right: -3rem !important;
  }
  .-mx-xl-12 {
    margin-inline: -3rem !important;
  }
  .-my-xl-12 {
    margin-block: -3rem !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0rem !important;
  }
  .mt-xxl-0 {
    margin-top: 0rem !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0rem !important;
  }
  .ml-xxl-0 {
    margin-left: 0rem !important;
  }
  .mr-xxl-0 {
    margin-right: 0rem !important;
  }
  .mx-xxl-0 {
    margin-inline: 0rem !important;
  }
  .my-xxl-0 {
    margin-block: 0rem !important;
  }
  .p-xxl-0 {
    padding: 0rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0rem !important;
  }
  .pl-xxl-0 {
    padding-left: 0rem !important;
  }
  .pr-xxl-0 {
    padding-right: 0rem !important;
  }
  .px-xxl-0 {
    padding-inline: 0rem !important;
  }
  .py-xxl-0 {
    padding-block: 0rem !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .mr-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mx-xxl-1 {
    margin-inline: 0.25rem !important;
  }
  .my-xxl-1 {
    margin-block: 0.25rem !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .pr-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .px-xxl-1 {
    padding-inline: 0.25rem !important;
  }
  .py-xxl-1 {
    padding-block: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .mr-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mx-xxl-2 {
    margin-inline: 0.5rem !important;
  }
  .my-xxl-2 {
    margin-block: 0.5rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .pr-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .px-xxl-2 {
    padding-inline: 0.5rem !important;
  }
  .py-xxl-2 {
    padding-block: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 0.75rem !important;
  }
  .mt-xxl-3 {
    margin-top: 0.75rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-xxl-3 {
    margin-left: 0.75rem !important;
  }
  .mr-xxl-3 {
    margin-right: 0.75rem !important;
  }
  .mx-xxl-3 {
    margin-inline: 0.75rem !important;
  }
  .my-xxl-3 {
    margin-block: 0.75rem !important;
  }
  .p-xxl-3 {
    padding: 0.75rem !important;
  }
  .pt-xxl-3 {
    padding-top: 0.75rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-xxl-3 {
    padding-left: 0.75rem !important;
  }
  .pr-xxl-3 {
    padding-right: 0.75rem !important;
  }
  .px-xxl-3 {
    padding-inline: 0.75rem !important;
  }
  .py-xxl-3 {
    padding-block: 0.75rem !important;
  }
  .m-xxl-4 {
    margin: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-4 {
    margin-left: 1rem !important;
  }
  .mr-xxl-4 {
    margin-right: 1rem !important;
  }
  .mx-xxl-4 {
    margin-inline: 1rem !important;
  }
  .my-xxl-4 {
    margin-block: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-4 {
    padding-left: 1rem !important;
  }
  .pr-xxl-4 {
    padding-right: 1rem !important;
  }
  .px-xxl-4 {
    padding-inline: 1rem !important;
  }
  .py-xxl-4 {
    padding-block: 1rem !important;
  }
  .m-xxl-5 {
    margin: 1.25rem !important;
  }
  .mt-xxl-5 {
    margin-top: 1.25rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 1.25rem !important;
  }
  .ml-xxl-5 {
    margin-left: 1.25rem !important;
  }
  .mr-xxl-5 {
    margin-right: 1.25rem !important;
  }
  .mx-xxl-5 {
    margin-inline: 1.25rem !important;
  }
  .my-xxl-5 {
    margin-block: 1.25rem !important;
  }
  .p-xxl-5 {
    padding: 1.25rem !important;
  }
  .pt-xxl-5 {
    padding-top: 1.25rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 1.25rem !important;
  }
  .pl-xxl-5 {
    padding-left: 1.25rem !important;
  }
  .pr-xxl-5 {
    padding-right: 1.25rem !important;
  }
  .px-xxl-5 {
    padding-inline: 1.25rem !important;
  }
  .py-xxl-5 {
    padding-block: 1.25rem !important;
  }
  .m-xxl-6 {
    margin: 1.5rem !important;
  }
  .mt-xxl-6 {
    margin-top: 1.5rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-6 {
    margin-left: 1.5rem !important;
  }
  .mr-xxl-6 {
    margin-right: 1.5rem !important;
  }
  .mx-xxl-6 {
    margin-inline: 1.5rem !important;
  }
  .my-xxl-6 {
    margin-block: 1.5rem !important;
  }
  .p-xxl-6 {
    padding: 1.5rem !important;
  }
  .pt-xxl-6 {
    padding-top: 1.5rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-6 {
    padding-left: 1.5rem !important;
  }
  .pr-xxl-6 {
    padding-right: 1.5rem !important;
  }
  .px-xxl-6 {
    padding-inline: 1.5rem !important;
  }
  .py-xxl-6 {
    padding-block: 1.5rem !important;
  }
  .m-xxl-7 {
    margin: 1.75rem !important;
  }
  .mt-xxl-7 {
    margin-top: 1.75rem !important;
  }
  .mb-xxl-7 {
    margin-bottom: 1.75rem !important;
  }
  .ml-xxl-7 {
    margin-left: 1.75rem !important;
  }
  .mr-xxl-7 {
    margin-right: 1.75rem !important;
  }
  .mx-xxl-7 {
    margin-inline: 1.75rem !important;
  }
  .my-xxl-7 {
    margin-block: 1.75rem !important;
  }
  .p-xxl-7 {
    padding: 1.75rem !important;
  }
  .pt-xxl-7 {
    padding-top: 1.75rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 1.75rem !important;
  }
  .pl-xxl-7 {
    padding-left: 1.75rem !important;
  }
  .pr-xxl-7 {
    padding-right: 1.75rem !important;
  }
  .px-xxl-7 {
    padding-inline: 1.75rem !important;
  }
  .py-xxl-7 {
    padding-block: 1.75rem !important;
  }
  .m-xxl-8 {
    margin: 2rem !important;
  }
  .mt-xxl-8 {
    margin-top: 2rem !important;
  }
  .mb-xxl-8 {
    margin-bottom: 2rem !important;
  }
  .ml-xxl-8 {
    margin-left: 2rem !important;
  }
  .mr-xxl-8 {
    margin-right: 2rem !important;
  }
  .mx-xxl-8 {
    margin-inline: 2rem !important;
  }
  .my-xxl-8 {
    margin-block: 2rem !important;
  }
  .p-xxl-8 {
    padding: 2rem !important;
  }
  .pt-xxl-8 {
    padding-top: 2rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 2rem !important;
  }
  .pl-xxl-8 {
    padding-left: 2rem !important;
  }
  .pr-xxl-8 {
    padding-right: 2rem !important;
  }
  .px-xxl-8 {
    padding-inline: 2rem !important;
  }
  .py-xxl-8 {
    padding-block: 2rem !important;
  }
  .m-xxl-9 {
    margin: 2.25rem !important;
  }
  .mt-xxl-9 {
    margin-top: 2.25rem !important;
  }
  .mb-xxl-9 {
    margin-bottom: 2.25rem !important;
  }
  .ml-xxl-9 {
    margin-left: 2.25rem !important;
  }
  .mr-xxl-9 {
    margin-right: 2.25rem !important;
  }
  .mx-xxl-9 {
    margin-inline: 2.25rem !important;
  }
  .my-xxl-9 {
    margin-block: 2.25rem !important;
  }
  .p-xxl-9 {
    padding: 2.25rem !important;
  }
  .pt-xxl-9 {
    padding-top: 2.25rem !important;
  }
  .pb-xxl-9 {
    padding-bottom: 2.25rem !important;
  }
  .pl-xxl-9 {
    padding-left: 2.25rem !important;
  }
  .pr-xxl-9 {
    padding-right: 2.25rem !important;
  }
  .px-xxl-9 {
    padding-inline: 2.25rem !important;
  }
  .py-xxl-9 {
    padding-block: 2.25rem !important;
  }
  .m-xxl-10 {
    margin: 2.5rem !important;
  }
  .mt-xxl-10 {
    margin-top: 2.5rem !important;
  }
  .mb-xxl-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xxl-10 {
    margin-left: 2.5rem !important;
  }
  .mr-xxl-10 {
    margin-right: 2.5rem !important;
  }
  .mx-xxl-10 {
    margin-inline: 2.5rem !important;
  }
  .my-xxl-10 {
    margin-block: 2.5rem !important;
  }
  .p-xxl-10 {
    padding: 2.5rem !important;
  }
  .pt-xxl-10 {
    padding-top: 2.5rem !important;
  }
  .pb-xxl-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xxl-10 {
    padding-left: 2.5rem !important;
  }
  .pr-xxl-10 {
    padding-right: 2.5rem !important;
  }
  .px-xxl-10 {
    padding-inline: 2.5rem !important;
  }
  .py-xxl-10 {
    padding-block: 2.5rem !important;
  }
  .m-xxl-12 {
    margin: 3rem !important;
  }
  .mt-xxl-12 {
    margin-top: 3rem !important;
  }
  .mb-xxl-12 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-12 {
    margin-left: 3rem !important;
  }
  .mr-xxl-12 {
    margin-right: 3rem !important;
  }
  .mx-xxl-12 {
    margin-inline: 3rem !important;
  }
  .my-xxl-12 {
    margin-block: 3rem !important;
  }
  .p-xxl-12 {
    padding: 3rem !important;
  }
  .pt-xxl-12 {
    padding-top: 3rem !important;
  }
  .pb-xxl-12 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-12 {
    padding-left: 3rem !important;
  }
  .pr-xxl-12 {
    padding-right: 3rem !important;
  }
  .px-xxl-12 {
    padding-inline: 3rem !important;
  }
  .py-xxl-12 {
    padding-block: 3rem !important;
  }
  .m-xxl-14 {
    margin: 3.5rem !important;
  }
  .mt-xxl-14 {
    margin-top: 3.5rem !important;
  }
  .mb-xxl-14 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xxl-14 {
    margin-left: 3.5rem !important;
  }
  .mr-xxl-14 {
    margin-right: 3.5rem !important;
  }
  .mx-xxl-14 {
    margin-inline: 3.5rem !important;
  }
  .my-xxl-14 {
    margin-block: 3.5rem !important;
  }
  .p-xxl-14 {
    padding: 3.5rem !important;
  }
  .pt-xxl-14 {
    padding-top: 3.5rem !important;
  }
  .pb-xxl-14 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xxl-14 {
    padding-left: 3.5rem !important;
  }
  .pr-xxl-14 {
    padding-right: 3.5rem !important;
  }
  .px-xxl-14 {
    padding-inline: 3.5rem !important;
  }
  .py-xxl-14 {
    padding-block: 3.5rem !important;
  }
  .m-xxl-16 {
    margin: 4rem !important;
  }
  .mt-xxl-16 {
    margin-top: 4rem !important;
  }
  .mb-xxl-16 {
    margin-bottom: 4rem !important;
  }
  .ml-xxl-16 {
    margin-left: 4rem !important;
  }
  .mr-xxl-16 {
    margin-right: 4rem !important;
  }
  .mx-xxl-16 {
    margin-inline: 4rem !important;
  }
  .my-xxl-16 {
    margin-block: 4rem !important;
  }
  .p-xxl-16 {
    padding: 4rem !important;
  }
  .pt-xxl-16 {
    padding-top: 4rem !important;
  }
  .pb-xxl-16 {
    padding-bottom: 4rem !important;
  }
  .pl-xxl-16 {
    padding-left: 4rem !important;
  }
  .pr-xxl-16 {
    padding-right: 4rem !important;
  }
  .px-xxl-16 {
    padding-inline: 4rem !important;
  }
  .py-xxl-16 {
    padding-block: 4rem !important;
  }
  .m-xxl-20 {
    margin: 5rem !important;
  }
  .mt-xxl-20 {
    margin-top: 5rem !important;
  }
  .mb-xxl-20 {
    margin-bottom: 5rem !important;
  }
  .ml-xxl-20 {
    margin-left: 5rem !important;
  }
  .mr-xxl-20 {
    margin-right: 5rem !important;
  }
  .mx-xxl-20 {
    margin-inline: 5rem !important;
  }
  .my-xxl-20 {
    margin-block: 5rem !important;
  }
  .p-xxl-20 {
    padding: 5rem !important;
  }
  .pt-xxl-20 {
    padding-top: 5rem !important;
  }
  .pb-xxl-20 {
    padding-bottom: 5rem !important;
  }
  .pl-xxl-20 {
    padding-left: 5rem !important;
  }
  .pr-xxl-20 {
    padding-right: 5rem !important;
  }
  .px-xxl-20 {
    padding-inline: 5rem !important;
  }
  .py-xxl-20 {
    padding-block: 5rem !important;
  }
  .m-xxl-24 {
    margin: 6rem !important;
  }
  .mt-xxl-24 {
    margin-top: 6rem !important;
  }
  .mb-xxl-24 {
    margin-bottom: 6rem !important;
  }
  .ml-xxl-24 {
    margin-left: 6rem !important;
  }
  .mr-xxl-24 {
    margin-right: 6rem !important;
  }
  .mx-xxl-24 {
    margin-inline: 6rem !important;
  }
  .my-xxl-24 {
    margin-block: 6rem !important;
  }
  .p-xxl-24 {
    padding: 6rem !important;
  }
  .pt-xxl-24 {
    padding-top: 6rem !important;
  }
  .pb-xxl-24 {
    padding-bottom: 6rem !important;
  }
  .pl-xxl-24 {
    padding-left: 6rem !important;
  }
  .pr-xxl-24 {
    padding-right: 6rem !important;
  }
  .px-xxl-24 {
    padding-inline: 6rem !important;
  }
  .py-xxl-24 {
    padding-block: 6rem !important;
  }
  .m-xxl-28 {
    margin: 7rem !important;
  }
  .mt-xxl-28 {
    margin-top: 7rem !important;
  }
  .mb-xxl-28 {
    margin-bottom: 7rem !important;
  }
  .ml-xxl-28 {
    margin-left: 7rem !important;
  }
  .mr-xxl-28 {
    margin-right: 7rem !important;
  }
  .mx-xxl-28 {
    margin-inline: 7rem !important;
  }
  .my-xxl-28 {
    margin-block: 7rem !important;
  }
  .p-xxl-28 {
    padding: 7rem !important;
  }
  .pt-xxl-28 {
    padding-top: 7rem !important;
  }
  .pb-xxl-28 {
    padding-bottom: 7rem !important;
  }
  .pl-xxl-28 {
    padding-left: 7rem !important;
  }
  .pr-xxl-28 {
    padding-right: 7rem !important;
  }
  .px-xxl-28 {
    padding-inline: 7rem !important;
  }
  .py-xxl-28 {
    padding-block: 7rem !important;
  }
  .m-xxl-32 {
    margin: 8rem !important;
  }
  .mt-xxl-32 {
    margin-top: 8rem !important;
  }
  .mb-xxl-32 {
    margin-bottom: 8rem !important;
  }
  .ml-xxl-32 {
    margin-left: 8rem !important;
  }
  .mr-xxl-32 {
    margin-right: 8rem !important;
  }
  .mx-xxl-32 {
    margin-inline: 8rem !important;
  }
  .my-xxl-32 {
    margin-block: 8rem !important;
  }
  .p-xxl-32 {
    padding: 8rem !important;
  }
  .pt-xxl-32 {
    padding-top: 8rem !important;
  }
  .pb-xxl-32 {
    padding-bottom: 8rem !important;
  }
  .pl-xxl-32 {
    padding-left: 8rem !important;
  }
  .pr-xxl-32 {
    padding-right: 8rem !important;
  }
  .px-xxl-32 {
    padding-inline: 8rem !important;
  }
  .py-xxl-32 {
    padding-block: 8rem !important;
  }
  .m-xxl-36 {
    margin: 9rem !important;
  }
  .mt-xxl-36 {
    margin-top: 9rem !important;
  }
  .mb-xxl-36 {
    margin-bottom: 9rem !important;
  }
  .ml-xxl-36 {
    margin-left: 9rem !important;
  }
  .mr-xxl-36 {
    margin-right: 9rem !important;
  }
  .mx-xxl-36 {
    margin-inline: 9rem !important;
  }
  .my-xxl-36 {
    margin-block: 9rem !important;
  }
  .p-xxl-36 {
    padding: 9rem !important;
  }
  .pt-xxl-36 {
    padding-top: 9rem !important;
  }
  .pb-xxl-36 {
    padding-bottom: 9rem !important;
  }
  .pl-xxl-36 {
    padding-left: 9rem !important;
  }
  .pr-xxl-36 {
    padding-right: 9rem !important;
  }
  .px-xxl-36 {
    padding-inline: 9rem !important;
  }
  .py-xxl-36 {
    padding-block: 9rem !important;
  }
  .m-xxl-40 {
    margin: 10rem !important;
  }
  .mt-xxl-40 {
    margin-top: 10rem !important;
  }
  .mb-xxl-40 {
    margin-bottom: 10rem !important;
  }
  .ml-xxl-40 {
    margin-left: 10rem !important;
  }
  .mr-xxl-40 {
    margin-right: 10rem !important;
  }
  .mx-xxl-40 {
    margin-inline: 10rem !important;
  }
  .my-xxl-40 {
    margin-block: 10rem !important;
  }
  .p-xxl-40 {
    padding: 10rem !important;
  }
  .pt-xxl-40 {
    padding-top: 10rem !important;
  }
  .pb-xxl-40 {
    padding-bottom: 10rem !important;
  }
  .pl-xxl-40 {
    padding-left: 10rem !important;
  }
  .pr-xxl-40 {
    padding-right: 10rem !important;
  }
  .px-xxl-40 {
    padding-inline: 10rem !important;
  }
  .py-xxl-40 {
    padding-block: 10rem !important;
  }
  .m-xxl-48 {
    margin: 12rem !important;
  }
  .mt-xxl-48 {
    margin-top: 12rem !important;
  }
  .mb-xxl-48 {
    margin-bottom: 12rem !important;
  }
  .ml-xxl-48 {
    margin-left: 12rem !important;
  }
  .mr-xxl-48 {
    margin-right: 12rem !important;
  }
  .mx-xxl-48 {
    margin-inline: 12rem !important;
  }
  .my-xxl-48 {
    margin-block: 12rem !important;
  }
  .p-xxl-48 {
    padding: 12rem !important;
  }
  .pt-xxl-48 {
    padding-top: 12rem !important;
  }
  .pb-xxl-48 {
    padding-bottom: 12rem !important;
  }
  .pl-xxl-48 {
    padding-left: 12rem !important;
  }
  .pr-xxl-48 {
    padding-right: 12rem !important;
  }
  .px-xxl-48 {
    padding-inline: 12rem !important;
  }
  .py-xxl-48 {
    padding-block: 12rem !important;
  }
  .m-xxl-56 {
    margin: 14rem !important;
  }
  .mt-xxl-56 {
    margin-top: 14rem !important;
  }
  .mb-xxl-56 {
    margin-bottom: 14rem !important;
  }
  .ml-xxl-56 {
    margin-left: 14rem !important;
  }
  .mr-xxl-56 {
    margin-right: 14rem !important;
  }
  .mx-xxl-56 {
    margin-inline: 14rem !important;
  }
  .my-xxl-56 {
    margin-block: 14rem !important;
  }
  .p-xxl-56 {
    padding: 14rem !important;
  }
  .pt-xxl-56 {
    padding-top: 14rem !important;
  }
  .pb-xxl-56 {
    padding-bottom: 14rem !important;
  }
  .pl-xxl-56 {
    padding-left: 14rem !important;
  }
  .pr-xxl-56 {
    padding-right: 14rem !important;
  }
  .px-xxl-56 {
    padding-inline: 14rem !important;
  }
  .py-xxl-56 {
    padding-block: 14rem !important;
  }
  .m-xxl-64 {
    margin: 16rem !important;
  }
  .mt-xxl-64 {
    margin-top: 16rem !important;
  }
  .mb-xxl-64 {
    margin-bottom: 16rem !important;
  }
  .ml-xxl-64 {
    margin-left: 16rem !important;
  }
  .mr-xxl-64 {
    margin-right: 16rem !important;
  }
  .mx-xxl-64 {
    margin-inline: 16rem !important;
  }
  .my-xxl-64 {
    margin-block: 16rem !important;
  }
  .p-xxl-64 {
    padding: 16rem !important;
  }
  .pt-xxl-64 {
    padding-top: 16rem !important;
  }
  .pb-xxl-64 {
    padding-bottom: 16rem !important;
  }
  .pl-xxl-64 {
    padding-left: 16rem !important;
  }
  .pr-xxl-64 {
    padding-right: 16rem !important;
  }
  .px-xxl-64 {
    padding-inline: 16rem !important;
  }
  .py-xxl-64 {
    padding-block: 16rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-auto {
    margin-inline: auto !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .my-xxl-auto {
    margin-block: auto !important;
  }
  .-mt-xxl-1 {
    margin-top: -0.25rem !important;
  }
  .-mb-xxl-1 {
    margin-bottom: -0.25rem !important;
  }
  .-ml-xxl-1 {
    margin-left: -0.25rem !important;
  }
  .-mr-xxl-1 {
    margin-right: -0.25rem !important;
  }
  .-mx-xxl-1 {
    margin-inline: -0.25rem !important;
  }
  .-my-xxl-1 {
    margin-block: -0.25rem !important;
  }
  .-mt-xxl-2 {
    margin-top: -0.5rem !important;
  }
  .-mb-xxl-2 {
    margin-bottom: -0.5rem !important;
  }
  .-ml-xxl-2 {
    margin-left: -0.5rem !important;
  }
  .-mr-xxl-2 {
    margin-right: -0.5rem !important;
  }
  .-mx-xxl-2 {
    margin-inline: -0.5rem !important;
  }
  .-my-xxl-2 {
    margin-block: -0.5rem !important;
  }
  .-mt-xxl-3 {
    margin-top: -0.75rem !important;
  }
  .-mb-xxl-3 {
    margin-bottom: -0.75rem !important;
  }
  .-ml-xxl-3 {
    margin-left: -0.75rem !important;
  }
  .-mr-xxl-3 {
    margin-right: -0.75rem !important;
  }
  .-mx-xxl-3 {
    margin-inline: -0.75rem !important;
  }
  .-my-xxl-3 {
    margin-block: -0.75rem !important;
  }
  .-mt-xxl-4 {
    margin-top: -1rem !important;
  }
  .-mb-xxl-4 {
    margin-bottom: -1rem !important;
  }
  .-ml-xxl-4 {
    margin-left: -1rem !important;
  }
  .-mr-xxl-4 {
    margin-right: -1rem !important;
  }
  .-mx-xxl-4 {
    margin-inline: -1rem !important;
  }
  .-my-xxl-4 {
    margin-block: -1rem !important;
  }
  .-mt-xxl-5 {
    margin-top: -1.25rem !important;
  }
  .-mb-xxl-5 {
    margin-bottom: -1.25rem !important;
  }
  .-ml-xxl-5 {
    margin-left: -1.25rem !important;
  }
  .-mr-xxl-5 {
    margin-right: -1.25rem !important;
  }
  .-mx-xxl-5 {
    margin-inline: -1.25rem !important;
  }
  .-my-xxl-5 {
    margin-block: -1.25rem !important;
  }
  .-mt-xxl-6 {
    margin-top: -1.5rem !important;
  }
  .-mb-xxl-6 {
    margin-bottom: -1.5rem !important;
  }
  .-ml-xxl-6 {
    margin-left: -1.5rem !important;
  }
  .-mr-xxl-6 {
    margin-right: -1.5rem !important;
  }
  .-mx-xxl-6 {
    margin-inline: -1.5rem !important;
  }
  .-my-xxl-6 {
    margin-block: -1.5rem !important;
  }
  .-mt-xxl-8 {
    margin-top: -2rem !important;
  }
  .-mb-xxl-8 {
    margin-bottom: -2rem !important;
  }
  .-ml-xxl-8 {
    margin-left: -2rem !important;
  }
  .-mr-xxl-8 {
    margin-right: -2rem !important;
  }
  .-mx-xxl-8 {
    margin-inline: -2rem !important;
  }
  .-my-xxl-8 {
    margin-block: -2rem !important;
  }
  .-mt-xxl-10 {
    margin-top: -2.5rem !important;
  }
  .-mb-xxl-10 {
    margin-bottom: -2.5rem !important;
  }
  .-ml-xxl-10 {
    margin-left: -2.5rem !important;
  }
  .-mr-xxl-10 {
    margin-right: -2.5rem !important;
  }
  .-mx-xxl-10 {
    margin-inline: -2.5rem !important;
  }
  .-my-xxl-10 {
    margin-block: -2.5rem !important;
  }
  .-mt-xxl-12 {
    margin-top: -3rem !important;
  }
  .-mb-xxl-12 {
    margin-bottom: -3rem !important;
  }
  .-ml-xxl-12 {
    margin-left: -3rem !important;
  }
  .-mr-xxl-12 {
    margin-right: -3rem !important;
  }
  .-mx-xxl-12 {
    margin-inline: -3rem !important;
  }
  .-my-xxl-12 {
    margin-block: -3rem !important;
  }
}
.gap-0 {
  gap: 0rem !important;
}

.gap-x-0 {
  column-gap: 0rem !important;
}

.gap-y-0 {
  row-gap: 0rem !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-x-1 {
  column-gap: 0.25rem !important;
}

.gap-y-1 {
  row-gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-x-2 {
  column-gap: 0.5rem !important;
}

.gap-y-2 {
  row-gap: 0.5rem !important;
}

.gap-3 {
  gap: 0.75rem !important;
}

.gap-x-3 {
  column-gap: 0.75rem !important;
}

.gap-y-3 {
  row-gap: 0.75rem !important;
}

.gap-4 {
  gap: 1rem !important;
}

.gap-x-4 {
  column-gap: 1rem !important;
}

.gap-y-4 {
  row-gap: 1rem !important;
}

.gap-5 {
  gap: 1.25rem !important;
}

.gap-x-5 {
  column-gap: 1.25rem !important;
}

.gap-y-5 {
  row-gap: 1.25rem !important;
}

.gap-6 {
  gap: 1.5rem !important;
}

.gap-x-6 {
  column-gap: 1.5rem !important;
}

.gap-y-6 {
  row-gap: 1.5rem !important;
}

.gap-7 {
  gap: 1.75rem !important;
}

.gap-x-7 {
  column-gap: 1.75rem !important;
}

.gap-y-7 {
  row-gap: 1.75rem !important;
}

.gap-8 {
  gap: 2rem !important;
}

.gap-x-8 {
  column-gap: 2rem !important;
}

.gap-y-8 {
  row-gap: 2rem !important;
}

.gap-9 {
  gap: 2.25rem !important;
}

.gap-x-9 {
  column-gap: 2.25rem !important;
}

.gap-y-9 {
  row-gap: 2.25rem !important;
}

.gap-10 {
  gap: 2.5rem !important;
}

.gap-x-10 {
  column-gap: 2.5rem !important;
}

.gap-y-10 {
  row-gap: 2.5rem !important;
}

.gap-12 {
  gap: 3rem !important;
}

.gap-x-12 {
  column-gap: 3rem !important;
}

.gap-y-12 {
  row-gap: 3rem !important;
}

.gap-14 {
  gap: 3.5rem !important;
}

.gap-x-14 {
  column-gap: 3.5rem !important;
}

.gap-y-14 {
  row-gap: 3.5rem !important;
}

.gap-16 {
  gap: 4rem !important;
}

.gap-x-16 {
  column-gap: 4rem !important;
}

.gap-y-16 {
  row-gap: 4rem !important;
}

.gap-20 {
  gap: 5rem !important;
}

.gap-x-20 {
  column-gap: 5rem !important;
}

.gap-y-20 {
  row-gap: 5rem !important;
}

.gap-24 {
  gap: 6rem !important;
}

.gap-x-24 {
  column-gap: 6rem !important;
}

.gap-y-24 {
  row-gap: 6rem !important;
}

.gap-28 {
  gap: 7rem !important;
}

.gap-x-28 {
  column-gap: 7rem !important;
}

.gap-y-28 {
  row-gap: 7rem !important;
}

.gap-32 {
  gap: 8rem !important;
}

.gap-x-32 {
  column-gap: 8rem !important;
}

.gap-y-32 {
  row-gap: 8rem !important;
}

.gap-36 {
  gap: 9rem !important;
}

.gap-x-36 {
  column-gap: 9rem !important;
}

.gap-y-36 {
  row-gap: 9rem !important;
}

.gap-40 {
  gap: 10rem !important;
}

.gap-x-40 {
  column-gap: 10rem !important;
}

.gap-y-40 {
  row-gap: 10rem !important;
}

.gap-48 {
  gap: 12rem !important;
}

.gap-x-48 {
  column-gap: 12rem !important;
}

.gap-y-48 {
  row-gap: 12rem !important;
}

.gap-56 {
  gap: 14rem !important;
}

.gap-x-56 {
  column-gap: 14rem !important;
}

.gap-y-56 {
  row-gap: 14rem !important;
}

.gap-64 {
  gap: 16rem !important;
}

.gap-x-64 {
  column-gap: 16rem !important;
}

.gap-y-64 {
  row-gap: 16rem !important;
}

@media (min-width: 576px) {
  .gap-sm-0 {
    gap: 0rem !important;
  }
  .gap-x-sm-0 {
    column-gap: 0rem !important;
  }
  .gap-y-sm-0 {
    row-gap: 0rem !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-x-sm-1 {
    column-gap: 0.25rem !important;
  }
  .gap-y-sm-1 {
    row-gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-x-sm-2 {
    column-gap: 0.5rem !important;
  }
  .gap-y-sm-2 {
    row-gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 0.75rem !important;
  }
  .gap-x-sm-3 {
    column-gap: 0.75rem !important;
  }
  .gap-y-sm-3 {
    row-gap: 0.75rem !important;
  }
  .gap-sm-4 {
    gap: 1rem !important;
  }
  .gap-x-sm-4 {
    column-gap: 1rem !important;
  }
  .gap-y-sm-4 {
    row-gap: 1rem !important;
  }
  .gap-sm-5 {
    gap: 1.25rem !important;
  }
  .gap-x-sm-5 {
    column-gap: 1.25rem !important;
  }
  .gap-y-sm-5 {
    row-gap: 1.25rem !important;
  }
  .gap-sm-6 {
    gap: 1.5rem !important;
  }
  .gap-x-sm-6 {
    column-gap: 1.5rem !important;
  }
  .gap-y-sm-6 {
    row-gap: 1.5rem !important;
  }
  .gap-sm-7 {
    gap: 1.75rem !important;
  }
  .gap-x-sm-7 {
    column-gap: 1.75rem !important;
  }
  .gap-y-sm-7 {
    row-gap: 1.75rem !important;
  }
  .gap-sm-8 {
    gap: 2rem !important;
  }
  .gap-x-sm-8 {
    column-gap: 2rem !important;
  }
  .gap-y-sm-8 {
    row-gap: 2rem !important;
  }
  .gap-sm-9 {
    gap: 2.25rem !important;
  }
  .gap-x-sm-9 {
    column-gap: 2.25rem !important;
  }
  .gap-y-sm-9 {
    row-gap: 2.25rem !important;
  }
  .gap-sm-10 {
    gap: 2.5rem !important;
  }
  .gap-x-sm-10 {
    column-gap: 2.5rem !important;
  }
  .gap-y-sm-10 {
    row-gap: 2.5rem !important;
  }
  .gap-sm-12 {
    gap: 3rem !important;
  }
  .gap-x-sm-12 {
    column-gap: 3rem !important;
  }
  .gap-y-sm-12 {
    row-gap: 3rem !important;
  }
  .gap-sm-14 {
    gap: 3.5rem !important;
  }
  .gap-x-sm-14 {
    column-gap: 3.5rem !important;
  }
  .gap-y-sm-14 {
    row-gap: 3.5rem !important;
  }
  .gap-sm-16 {
    gap: 4rem !important;
  }
  .gap-x-sm-16 {
    column-gap: 4rem !important;
  }
  .gap-y-sm-16 {
    row-gap: 4rem !important;
  }
  .gap-sm-20 {
    gap: 5rem !important;
  }
  .gap-x-sm-20 {
    column-gap: 5rem !important;
  }
  .gap-y-sm-20 {
    row-gap: 5rem !important;
  }
  .gap-sm-24 {
    gap: 6rem !important;
  }
  .gap-x-sm-24 {
    column-gap: 6rem !important;
  }
  .gap-y-sm-24 {
    row-gap: 6rem !important;
  }
  .gap-sm-28 {
    gap: 7rem !important;
  }
  .gap-x-sm-28 {
    column-gap: 7rem !important;
  }
  .gap-y-sm-28 {
    row-gap: 7rem !important;
  }
  .gap-sm-32 {
    gap: 8rem !important;
  }
  .gap-x-sm-32 {
    column-gap: 8rem !important;
  }
  .gap-y-sm-32 {
    row-gap: 8rem !important;
  }
  .gap-sm-36 {
    gap: 9rem !important;
  }
  .gap-x-sm-36 {
    column-gap: 9rem !important;
  }
  .gap-y-sm-36 {
    row-gap: 9rem !important;
  }
  .gap-sm-40 {
    gap: 10rem !important;
  }
  .gap-x-sm-40 {
    column-gap: 10rem !important;
  }
  .gap-y-sm-40 {
    row-gap: 10rem !important;
  }
  .gap-sm-48 {
    gap: 12rem !important;
  }
  .gap-x-sm-48 {
    column-gap: 12rem !important;
  }
  .gap-y-sm-48 {
    row-gap: 12rem !important;
  }
  .gap-sm-56 {
    gap: 14rem !important;
  }
  .gap-x-sm-56 {
    column-gap: 14rem !important;
  }
  .gap-y-sm-56 {
    row-gap: 14rem !important;
  }
  .gap-sm-64 {
    gap: 16rem !important;
  }
  .gap-x-sm-64 {
    column-gap: 16rem !important;
  }
  .gap-y-sm-64 {
    row-gap: 16rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-0 {
    gap: 0rem !important;
  }
  .gap-x-md-0 {
    column-gap: 0rem !important;
  }
  .gap-y-md-0 {
    row-gap: 0rem !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-x-md-1 {
    column-gap: 0.25rem !important;
  }
  .gap-y-md-1 {
    row-gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-x-md-2 {
    column-gap: 0.5rem !important;
  }
  .gap-y-md-2 {
    row-gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 0.75rem !important;
  }
  .gap-x-md-3 {
    column-gap: 0.75rem !important;
  }
  .gap-y-md-3 {
    row-gap: 0.75rem !important;
  }
  .gap-md-4 {
    gap: 1rem !important;
  }
  .gap-x-md-4 {
    column-gap: 1rem !important;
  }
  .gap-y-md-4 {
    row-gap: 1rem !important;
  }
  .gap-md-5 {
    gap: 1.25rem !important;
  }
  .gap-x-md-5 {
    column-gap: 1.25rem !important;
  }
  .gap-y-md-5 {
    row-gap: 1.25rem !important;
  }
  .gap-md-6 {
    gap: 1.5rem !important;
  }
  .gap-x-md-6 {
    column-gap: 1.5rem !important;
  }
  .gap-y-md-6 {
    row-gap: 1.5rem !important;
  }
  .gap-md-7 {
    gap: 1.75rem !important;
  }
  .gap-x-md-7 {
    column-gap: 1.75rem !important;
  }
  .gap-y-md-7 {
    row-gap: 1.75rem !important;
  }
  .gap-md-8 {
    gap: 2rem !important;
  }
  .gap-x-md-8 {
    column-gap: 2rem !important;
  }
  .gap-y-md-8 {
    row-gap: 2rem !important;
  }
  .gap-md-9 {
    gap: 2.25rem !important;
  }
  .gap-x-md-9 {
    column-gap: 2.25rem !important;
  }
  .gap-y-md-9 {
    row-gap: 2.25rem !important;
  }
  .gap-md-10 {
    gap: 2.5rem !important;
  }
  .gap-x-md-10 {
    column-gap: 2.5rem !important;
  }
  .gap-y-md-10 {
    row-gap: 2.5rem !important;
  }
  .gap-md-12 {
    gap: 3rem !important;
  }
  .gap-x-md-12 {
    column-gap: 3rem !important;
  }
  .gap-y-md-12 {
    row-gap: 3rem !important;
  }
  .gap-md-14 {
    gap: 3.5rem !important;
  }
  .gap-x-md-14 {
    column-gap: 3.5rem !important;
  }
  .gap-y-md-14 {
    row-gap: 3.5rem !important;
  }
  .gap-md-16 {
    gap: 4rem !important;
  }
  .gap-x-md-16 {
    column-gap: 4rem !important;
  }
  .gap-y-md-16 {
    row-gap: 4rem !important;
  }
  .gap-md-20 {
    gap: 5rem !important;
  }
  .gap-x-md-20 {
    column-gap: 5rem !important;
  }
  .gap-y-md-20 {
    row-gap: 5rem !important;
  }
  .gap-md-24 {
    gap: 6rem !important;
  }
  .gap-x-md-24 {
    column-gap: 6rem !important;
  }
  .gap-y-md-24 {
    row-gap: 6rem !important;
  }
  .gap-md-28 {
    gap: 7rem !important;
  }
  .gap-x-md-28 {
    column-gap: 7rem !important;
  }
  .gap-y-md-28 {
    row-gap: 7rem !important;
  }
  .gap-md-32 {
    gap: 8rem !important;
  }
  .gap-x-md-32 {
    column-gap: 8rem !important;
  }
  .gap-y-md-32 {
    row-gap: 8rem !important;
  }
  .gap-md-36 {
    gap: 9rem !important;
  }
  .gap-x-md-36 {
    column-gap: 9rem !important;
  }
  .gap-y-md-36 {
    row-gap: 9rem !important;
  }
  .gap-md-40 {
    gap: 10rem !important;
  }
  .gap-x-md-40 {
    column-gap: 10rem !important;
  }
  .gap-y-md-40 {
    row-gap: 10rem !important;
  }
  .gap-md-48 {
    gap: 12rem !important;
  }
  .gap-x-md-48 {
    column-gap: 12rem !important;
  }
  .gap-y-md-48 {
    row-gap: 12rem !important;
  }
  .gap-md-56 {
    gap: 14rem !important;
  }
  .gap-x-md-56 {
    column-gap: 14rem !important;
  }
  .gap-y-md-56 {
    row-gap: 14rem !important;
  }
  .gap-md-64 {
    gap: 16rem !important;
  }
  .gap-x-md-64 {
    column-gap: 16rem !important;
  }
  .gap-y-md-64 {
    row-gap: 16rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-0 {
    gap: 0rem !important;
  }
  .gap-x-lg-0 {
    column-gap: 0rem !important;
  }
  .gap-y-lg-0 {
    row-gap: 0rem !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-x-lg-1 {
    column-gap: 0.25rem !important;
  }
  .gap-y-lg-1 {
    row-gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-x-lg-2 {
    column-gap: 0.5rem !important;
  }
  .gap-y-lg-2 {
    row-gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 0.75rem !important;
  }
  .gap-x-lg-3 {
    column-gap: 0.75rem !important;
  }
  .gap-y-lg-3 {
    row-gap: 0.75rem !important;
  }
  .gap-lg-4 {
    gap: 1rem !important;
  }
  .gap-x-lg-4 {
    column-gap: 1rem !important;
  }
  .gap-y-lg-4 {
    row-gap: 1rem !important;
  }
  .gap-lg-5 {
    gap: 1.25rem !important;
  }
  .gap-x-lg-5 {
    column-gap: 1.25rem !important;
  }
  .gap-y-lg-5 {
    row-gap: 1.25rem !important;
  }
  .gap-lg-6 {
    gap: 1.5rem !important;
  }
  .gap-x-lg-6 {
    column-gap: 1.5rem !important;
  }
  .gap-y-lg-6 {
    row-gap: 1.5rem !important;
  }
  .gap-lg-7 {
    gap: 1.75rem !important;
  }
  .gap-x-lg-7 {
    column-gap: 1.75rem !important;
  }
  .gap-y-lg-7 {
    row-gap: 1.75rem !important;
  }
  .gap-lg-8 {
    gap: 2rem !important;
  }
  .gap-x-lg-8 {
    column-gap: 2rem !important;
  }
  .gap-y-lg-8 {
    row-gap: 2rem !important;
  }
  .gap-lg-9 {
    gap: 2.25rem !important;
  }
  .gap-x-lg-9 {
    column-gap: 2.25rem !important;
  }
  .gap-y-lg-9 {
    row-gap: 2.25rem !important;
  }
  .gap-lg-10 {
    gap: 2.5rem !important;
  }
  .gap-x-lg-10 {
    column-gap: 2.5rem !important;
  }
  .gap-y-lg-10 {
    row-gap: 2.5rem !important;
  }
  .gap-lg-12 {
    gap: 3rem !important;
  }
  .gap-x-lg-12 {
    column-gap: 3rem !important;
  }
  .gap-y-lg-12 {
    row-gap: 3rem !important;
  }
  .gap-lg-14 {
    gap: 3.5rem !important;
  }
  .gap-x-lg-14 {
    column-gap: 3.5rem !important;
  }
  .gap-y-lg-14 {
    row-gap: 3.5rem !important;
  }
  .gap-lg-16 {
    gap: 4rem !important;
  }
  .gap-x-lg-16 {
    column-gap: 4rem !important;
  }
  .gap-y-lg-16 {
    row-gap: 4rem !important;
  }
  .gap-lg-20 {
    gap: 5rem !important;
  }
  .gap-x-lg-20 {
    column-gap: 5rem !important;
  }
  .gap-y-lg-20 {
    row-gap: 5rem !important;
  }
  .gap-lg-24 {
    gap: 6rem !important;
  }
  .gap-x-lg-24 {
    column-gap: 6rem !important;
  }
  .gap-y-lg-24 {
    row-gap: 6rem !important;
  }
  .gap-lg-28 {
    gap: 7rem !important;
  }
  .gap-x-lg-28 {
    column-gap: 7rem !important;
  }
  .gap-y-lg-28 {
    row-gap: 7rem !important;
  }
  .gap-lg-32 {
    gap: 8rem !important;
  }
  .gap-x-lg-32 {
    column-gap: 8rem !important;
  }
  .gap-y-lg-32 {
    row-gap: 8rem !important;
  }
  .gap-lg-36 {
    gap: 9rem !important;
  }
  .gap-x-lg-36 {
    column-gap: 9rem !important;
  }
  .gap-y-lg-36 {
    row-gap: 9rem !important;
  }
  .gap-lg-40 {
    gap: 10rem !important;
  }
  .gap-x-lg-40 {
    column-gap: 10rem !important;
  }
  .gap-y-lg-40 {
    row-gap: 10rem !important;
  }
  .gap-lg-48 {
    gap: 12rem !important;
  }
  .gap-x-lg-48 {
    column-gap: 12rem !important;
  }
  .gap-y-lg-48 {
    row-gap: 12rem !important;
  }
  .gap-lg-56 {
    gap: 14rem !important;
  }
  .gap-x-lg-56 {
    column-gap: 14rem !important;
  }
  .gap-y-lg-56 {
    row-gap: 14rem !important;
  }
  .gap-lg-64 {
    gap: 16rem !important;
  }
  .gap-x-lg-64 {
    column-gap: 16rem !important;
  }
  .gap-y-lg-64 {
    row-gap: 16rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-0 {
    gap: 0rem !important;
  }
  .gap-x-xl-0 {
    column-gap: 0rem !important;
  }
  .gap-y-xl-0 {
    row-gap: 0rem !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-x-xl-1 {
    column-gap: 0.25rem !important;
  }
  .gap-y-xl-1 {
    row-gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-x-xl-2 {
    column-gap: 0.5rem !important;
  }
  .gap-y-xl-2 {
    row-gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 0.75rem !important;
  }
  .gap-x-xl-3 {
    column-gap: 0.75rem !important;
  }
  .gap-y-xl-3 {
    row-gap: 0.75rem !important;
  }
  .gap-xl-4 {
    gap: 1rem !important;
  }
  .gap-x-xl-4 {
    column-gap: 1rem !important;
  }
  .gap-y-xl-4 {
    row-gap: 1rem !important;
  }
  .gap-xl-5 {
    gap: 1.25rem !important;
  }
  .gap-x-xl-5 {
    column-gap: 1.25rem !important;
  }
  .gap-y-xl-5 {
    row-gap: 1.25rem !important;
  }
  .gap-xl-6 {
    gap: 1.5rem !important;
  }
  .gap-x-xl-6 {
    column-gap: 1.5rem !important;
  }
  .gap-y-xl-6 {
    row-gap: 1.5rem !important;
  }
  .gap-xl-7 {
    gap: 1.75rem !important;
  }
  .gap-x-xl-7 {
    column-gap: 1.75rem !important;
  }
  .gap-y-xl-7 {
    row-gap: 1.75rem !important;
  }
  .gap-xl-8 {
    gap: 2rem !important;
  }
  .gap-x-xl-8 {
    column-gap: 2rem !important;
  }
  .gap-y-xl-8 {
    row-gap: 2rem !important;
  }
  .gap-xl-9 {
    gap: 2.25rem !important;
  }
  .gap-x-xl-9 {
    column-gap: 2.25rem !important;
  }
  .gap-y-xl-9 {
    row-gap: 2.25rem !important;
  }
  .gap-xl-10 {
    gap: 2.5rem !important;
  }
  .gap-x-xl-10 {
    column-gap: 2.5rem !important;
  }
  .gap-y-xl-10 {
    row-gap: 2.5rem !important;
  }
  .gap-xl-12 {
    gap: 3rem !important;
  }
  .gap-x-xl-12 {
    column-gap: 3rem !important;
  }
  .gap-y-xl-12 {
    row-gap: 3rem !important;
  }
  .gap-xl-14 {
    gap: 3.5rem !important;
  }
  .gap-x-xl-14 {
    column-gap: 3.5rem !important;
  }
  .gap-y-xl-14 {
    row-gap: 3.5rem !important;
  }
  .gap-xl-16 {
    gap: 4rem !important;
  }
  .gap-x-xl-16 {
    column-gap: 4rem !important;
  }
  .gap-y-xl-16 {
    row-gap: 4rem !important;
  }
  .gap-xl-20 {
    gap: 5rem !important;
  }
  .gap-x-xl-20 {
    column-gap: 5rem !important;
  }
  .gap-y-xl-20 {
    row-gap: 5rem !important;
  }
  .gap-xl-24 {
    gap: 6rem !important;
  }
  .gap-x-xl-24 {
    column-gap: 6rem !important;
  }
  .gap-y-xl-24 {
    row-gap: 6rem !important;
  }
  .gap-xl-28 {
    gap: 7rem !important;
  }
  .gap-x-xl-28 {
    column-gap: 7rem !important;
  }
  .gap-y-xl-28 {
    row-gap: 7rem !important;
  }
  .gap-xl-32 {
    gap: 8rem !important;
  }
  .gap-x-xl-32 {
    column-gap: 8rem !important;
  }
  .gap-y-xl-32 {
    row-gap: 8rem !important;
  }
  .gap-xl-36 {
    gap: 9rem !important;
  }
  .gap-x-xl-36 {
    column-gap: 9rem !important;
  }
  .gap-y-xl-36 {
    row-gap: 9rem !important;
  }
  .gap-xl-40 {
    gap: 10rem !important;
  }
  .gap-x-xl-40 {
    column-gap: 10rem !important;
  }
  .gap-y-xl-40 {
    row-gap: 10rem !important;
  }
  .gap-xl-48 {
    gap: 12rem !important;
  }
  .gap-x-xl-48 {
    column-gap: 12rem !important;
  }
  .gap-y-xl-48 {
    row-gap: 12rem !important;
  }
  .gap-xl-56 {
    gap: 14rem !important;
  }
  .gap-x-xl-56 {
    column-gap: 14rem !important;
  }
  .gap-y-xl-56 {
    row-gap: 14rem !important;
  }
  .gap-xl-64 {
    gap: 16rem !important;
  }
  .gap-x-xl-64 {
    column-gap: 16rem !important;
  }
  .gap-y-xl-64 {
    row-gap: 16rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-0 {
    gap: 0rem !important;
  }
  .gap-x-xxl-0 {
    column-gap: 0rem !important;
  }
  .gap-y-xxl-0 {
    row-gap: 0rem !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-x-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .gap-y-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-x-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .gap-y-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 0.75rem !important;
  }
  .gap-x-xxl-3 {
    column-gap: 0.75rem !important;
  }
  .gap-y-xxl-3 {
    row-gap: 0.75rem !important;
  }
  .gap-xxl-4 {
    gap: 1rem !important;
  }
  .gap-x-xxl-4 {
    column-gap: 1rem !important;
  }
  .gap-y-xxl-4 {
    row-gap: 1rem !important;
  }
  .gap-xxl-5 {
    gap: 1.25rem !important;
  }
  .gap-x-xxl-5 {
    column-gap: 1.25rem !important;
  }
  .gap-y-xxl-5 {
    row-gap: 1.25rem !important;
  }
  .gap-xxl-6 {
    gap: 1.5rem !important;
  }
  .gap-x-xxl-6 {
    column-gap: 1.5rem !important;
  }
  .gap-y-xxl-6 {
    row-gap: 1.5rem !important;
  }
  .gap-xxl-7 {
    gap: 1.75rem !important;
  }
  .gap-x-xxl-7 {
    column-gap: 1.75rem !important;
  }
  .gap-y-xxl-7 {
    row-gap: 1.75rem !important;
  }
  .gap-xxl-8 {
    gap: 2rem !important;
  }
  .gap-x-xxl-8 {
    column-gap: 2rem !important;
  }
  .gap-y-xxl-8 {
    row-gap: 2rem !important;
  }
  .gap-xxl-9 {
    gap: 2.25rem !important;
  }
  .gap-x-xxl-9 {
    column-gap: 2.25rem !important;
  }
  .gap-y-xxl-9 {
    row-gap: 2.25rem !important;
  }
  .gap-xxl-10 {
    gap: 2.5rem !important;
  }
  .gap-x-xxl-10 {
    column-gap: 2.5rem !important;
  }
  .gap-y-xxl-10 {
    row-gap: 2.5rem !important;
  }
  .gap-xxl-12 {
    gap: 3rem !important;
  }
  .gap-x-xxl-12 {
    column-gap: 3rem !important;
  }
  .gap-y-xxl-12 {
    row-gap: 3rem !important;
  }
  .gap-xxl-14 {
    gap: 3.5rem !important;
  }
  .gap-x-xxl-14 {
    column-gap: 3.5rem !important;
  }
  .gap-y-xxl-14 {
    row-gap: 3.5rem !important;
  }
  .gap-xxl-16 {
    gap: 4rem !important;
  }
  .gap-x-xxl-16 {
    column-gap: 4rem !important;
  }
  .gap-y-xxl-16 {
    row-gap: 4rem !important;
  }
  .gap-xxl-20 {
    gap: 5rem !important;
  }
  .gap-x-xxl-20 {
    column-gap: 5rem !important;
  }
  .gap-y-xxl-20 {
    row-gap: 5rem !important;
  }
  .gap-xxl-24 {
    gap: 6rem !important;
  }
  .gap-x-xxl-24 {
    column-gap: 6rem !important;
  }
  .gap-y-xxl-24 {
    row-gap: 6rem !important;
  }
  .gap-xxl-28 {
    gap: 7rem !important;
  }
  .gap-x-xxl-28 {
    column-gap: 7rem !important;
  }
  .gap-y-xxl-28 {
    row-gap: 7rem !important;
  }
  .gap-xxl-32 {
    gap: 8rem !important;
  }
  .gap-x-xxl-32 {
    column-gap: 8rem !important;
  }
  .gap-y-xxl-32 {
    row-gap: 8rem !important;
  }
  .gap-xxl-36 {
    gap: 9rem !important;
  }
  .gap-x-xxl-36 {
    column-gap: 9rem !important;
  }
  .gap-y-xxl-36 {
    row-gap: 9rem !important;
  }
  .gap-xxl-40 {
    gap: 10rem !important;
  }
  .gap-x-xxl-40 {
    column-gap: 10rem !important;
  }
  .gap-y-xxl-40 {
    row-gap: 10rem !important;
  }
  .gap-xxl-48 {
    gap: 12rem !important;
  }
  .gap-x-xxl-48 {
    column-gap: 12rem !important;
  }
  .gap-y-xxl-48 {
    row-gap: 12rem !important;
  }
  .gap-xxl-56 {
    gap: 14rem !important;
  }
  .gap-x-xxl-56 {
    column-gap: 14rem !important;
  }
  .gap-y-xxl-56 {
    row-gap: 14rem !important;
  }
  .gap-xxl-64 {
    gap: 16rem !important;
  }
  .gap-x-xxl-64 {
    column-gap: 16rem !important;
  }
  .gap-y-xxl-64 {
    row-gap: 16rem !important;
  }
}
.space-x-1 > * + * {
  margin-left: 0.25rem !important;
}

.space-y-1 > * + * {
  margin-top: 0.25rem !important;
}

.space-x-2 > * + * {
  margin-left: 0.5rem !important;
}

.space-y-2 > * + * {
  margin-top: 0.5rem !important;
}

.space-x-3 > * + * {
  margin-left: 0.75rem !important;
}

.space-y-3 > * + * {
  margin-top: 0.75rem !important;
}

.space-x-4 > * + * {
  margin-left: 1rem !important;
}

.space-y-4 > * + * {
  margin-top: 1rem !important;
}

.space-x-5 > * + * {
  margin-left: 1.25rem !important;
}

.space-y-5 > * + * {
  margin-top: 1.25rem !important;
}

.space-x-6 > * + * {
  margin-left: 1.5rem !important;
}

.space-y-6 > * + * {
  margin-top: 1.5rem !important;
}

.space-x-8 > * + * {
  margin-left: 2rem !important;
}

.space-y-8 > * + * {
  margin-top: 2rem !important;
}

.space-x-10 > * + * {
  margin-left: 2.5rem !important;
}

.space-y-10 > * + * {
  margin-top: 2.5rem !important;
}

.space-x-12 > * + * {
  margin-left: 3rem !important;
}

.space-y-12 > * + * {
  margin-top: 3rem !important;
}

.space-x-16 > * + * {
  margin-left: 4rem !important;
}

.space-y-16 > * + * {
  margin-top: 4rem !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-col {
  flex-direction: column !important;
}

.flex-col-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-around {
  justify-content: space-around !important;
}

.justify-evenly {
  justify-content: space-evenly !important;
}

.items-start {
  align-items: flex-start !important;
}

.items-end {
  align-items: flex-end !important;
}

.items-center {
  align-items: center !important;
}

.items-baseline {
  align-items: baseline !important;
}

.items-stretch {
  align-items: stretch !important;
}

.self-auto {
  align-self: auto !important;
}

.self-start {
  align-self: flex-start !important;
}

.self-end {
  align-self: flex-end !important;
}

.self-center {
  align-self: center !important;
}

.self-stretch {
  align-self: stretch !important;
}

.content-start {
  align-content: flex-start !important;
}

.content-end {
  align-content: flex-end !important;
}

.content-center {
  align-content: center !important;
}

.content-between {
  align-content: space-between !important;
}

.content-around {
  align-content: space-around !important;
}

.flex-1 {
  flex: 1 1 0% !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-none {
  flex: none !important;
}

.grow {
  flex-grow: 1 !important;
}

.grow-0 {
  flex-grow: 0 !important;
}

.shrink {
  flex-shrink: 1 !important;
}

.shrink-0 {
  flex-shrink: 0 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.pos-static {
  position: static !important;
}

.pos-relative {
  position: relative !important;
}

.pos-absolute {
  position: absolute !important;
}

.pos-fixed {
  position: fixed !important;
}

.pos-sticky {
  position: sticky !important;
}

.w-full {
  width: 100% !important;
}

.w-screen {
  width: 100vw !important;
}

.w-auto {
  width: auto !important;
}

.w-half {
  width: 50% !important;
}

.w-fit {
  width: fit-content !important;
}

.h-full {
  height: 100% !important;
}

.h-screen {
  height: 100vh !important;
}

.h-auto {
  height: auto !important;
}

.h-fit {
  height: fit-content !important;
}

.min-w-0 {
  min-width: 0 !important;
}

.min-w-full {
  min-width: 100% !important;
}

.max-w-full {
  max-width: 100% !important;
}

.min-h-screen {
  min-height: 100vh !important;
}

.min-h-0 {
  min-height: 0 !important;
}

.flex-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.flex-between {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.flex-end {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-col {
    flex-direction: column !important;
  }
  .flex-sm-col-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-between {
    justify-content: space-between !important;
  }
  .justify-sm-around {
    justify-content: space-around !important;
  }
  .justify-sm-evenly {
    justify-content: space-evenly !important;
  }
  .items-sm-start {
    align-items: flex-start !important;
  }
  .items-sm-end {
    align-items: flex-end !important;
  }
  .items-sm-center {
    align-items: center !important;
  }
  .items-sm-baseline {
    align-items: baseline !important;
  }
  .items-sm-stretch {
    align-items: stretch !important;
  }
  .self-sm-auto {
    align-self: auto !important;
  }
  .self-sm-start {
    align-self: flex-start !important;
  }
  .self-sm-end {
    align-self: flex-end !important;
  }
  .self-sm-center {
    align-self: center !important;
  }
  .self-sm-stretch {
    align-self: stretch !important;
  }
  .content-sm-start {
    align-content: flex-start !important;
  }
  .content-sm-end {
    align-content: flex-end !important;
  }
  .content-sm-center {
    align-content: center !important;
  }
  .content-sm-between {
    align-content: space-between !important;
  }
  .content-sm-around {
    align-content: space-around !important;
  }
  .flex-sm-1 {
    flex: 1 1 0% !important;
  }
  .flex-sm-auto {
    flex: 1 1 auto !important;
  }
  .flex-sm-none {
    flex: none !important;
  }
  .grow-sm {
    flex-grow: 1 !important;
  }
  .grow-sm-0 {
    flex-grow: 0 !important;
  }
  .shrink-sm {
    flex-shrink: 1 !important;
  }
  .shrink-sm-0 {
    flex-shrink: 0 !important;
  }
  .overflow-sm-auto {
    overflow: auto !important;
  }
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
  .overflow-sm-visible {
    overflow: visible !important;
  }
  .overflow-sm-scroll {
    overflow: scroll !important;
  }
  .overflow-x-sm-auto {
    overflow-x: auto !important;
  }
  .overflow-y-sm-auto {
    overflow-y: auto !important;
  }
  .overflow-x-sm-hidden {
    overflow-x: hidden !important;
  }
  .pos-sm-static {
    position: static !important;
  }
  .pos-sm-relative {
    position: relative !important;
  }
  .pos-sm-absolute {
    position: absolute !important;
  }
  .pos-sm-fixed {
    position: fixed !important;
  }
  .pos-sm-sticky {
    position: sticky !important;
  }
  .w-sm-full {
    width: 100% !important;
  }
  .w-sm-screen {
    width: 100vw !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-half {
    width: 50% !important;
  }
  .w-sm-fit {
    width: fit-content !important;
  }
  .h-sm-full {
    height: 100% !important;
  }
  .h-sm-screen {
    height: 100vh !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
  .h-sm-fit {
    height: fit-content !important;
  }
  .min-w-sm-0 {
    min-width: 0 !important;
  }
  .min-w-sm-full {
    min-width: 100% !important;
  }
  .max-w-sm-full {
    max-width: 100% !important;
  }
  .min-h-sm-screen {
    min-height: 100vh !important;
  }
  .min-h-sm-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-col {
    flex-direction: column !important;
  }
  .flex-md-col-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-between {
    justify-content: space-between !important;
  }
  .justify-md-around {
    justify-content: space-around !important;
  }
  .justify-md-evenly {
    justify-content: space-evenly !important;
  }
  .items-md-start {
    align-items: flex-start !important;
  }
  .items-md-end {
    align-items: flex-end !important;
  }
  .items-md-center {
    align-items: center !important;
  }
  .items-md-baseline {
    align-items: baseline !important;
  }
  .items-md-stretch {
    align-items: stretch !important;
  }
  .self-md-auto {
    align-self: auto !important;
  }
  .self-md-start {
    align-self: flex-start !important;
  }
  .self-md-end {
    align-self: flex-end !important;
  }
  .self-md-center {
    align-self: center !important;
  }
  .self-md-stretch {
    align-self: stretch !important;
  }
  .content-md-start {
    align-content: flex-start !important;
  }
  .content-md-end {
    align-content: flex-end !important;
  }
  .content-md-center {
    align-content: center !important;
  }
  .content-md-between {
    align-content: space-between !important;
  }
  .content-md-around {
    align-content: space-around !important;
  }
  .flex-md-1 {
    flex: 1 1 0% !important;
  }
  .flex-md-auto {
    flex: 1 1 auto !important;
  }
  .flex-md-none {
    flex: none !important;
  }
  .grow-md {
    flex-grow: 1 !important;
  }
  .grow-md-0 {
    flex-grow: 0 !important;
  }
  .shrink-md {
    flex-shrink: 1 !important;
  }
  .shrink-md-0 {
    flex-shrink: 0 !important;
  }
  .overflow-md-auto {
    overflow: auto !important;
  }
  .overflow-md-hidden {
    overflow: hidden !important;
  }
  .overflow-md-visible {
    overflow: visible !important;
  }
  .overflow-md-scroll {
    overflow: scroll !important;
  }
  .overflow-x-md-auto {
    overflow-x: auto !important;
  }
  .overflow-y-md-auto {
    overflow-y: auto !important;
  }
  .overflow-x-md-hidden {
    overflow-x: hidden !important;
  }
  .pos-md-static {
    position: static !important;
  }
  .pos-md-relative {
    position: relative !important;
  }
  .pos-md-absolute {
    position: absolute !important;
  }
  .pos-md-fixed {
    position: fixed !important;
  }
  .pos-md-sticky {
    position: sticky !important;
  }
  .w-md-full {
    width: 100% !important;
  }
  .w-md-screen {
    width: 100vw !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .w-md-half {
    width: 50% !important;
  }
  .w-md-fit {
    width: fit-content !important;
  }
  .h-md-full {
    height: 100% !important;
  }
  .h-md-screen {
    height: 100vh !important;
  }
  .h-md-auto {
    height: auto !important;
  }
  .h-md-fit {
    height: fit-content !important;
  }
  .min-w-md-0 {
    min-width: 0 !important;
  }
  .min-w-md-full {
    min-width: 100% !important;
  }
  .max-w-md-full {
    max-width: 100% !important;
  }
  .min-h-md-screen {
    min-height: 100vh !important;
  }
  .min-h-md-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-col {
    flex-direction: column !important;
  }
  .flex-lg-col-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-between {
    justify-content: space-between !important;
  }
  .justify-lg-around {
    justify-content: space-around !important;
  }
  .justify-lg-evenly {
    justify-content: space-evenly !important;
  }
  .items-lg-start {
    align-items: flex-start !important;
  }
  .items-lg-end {
    align-items: flex-end !important;
  }
  .items-lg-center {
    align-items: center !important;
  }
  .items-lg-baseline {
    align-items: baseline !important;
  }
  .items-lg-stretch {
    align-items: stretch !important;
  }
  .self-lg-auto {
    align-self: auto !important;
  }
  .self-lg-start {
    align-self: flex-start !important;
  }
  .self-lg-end {
    align-self: flex-end !important;
  }
  .self-lg-center {
    align-self: center !important;
  }
  .self-lg-stretch {
    align-self: stretch !important;
  }
  .content-lg-start {
    align-content: flex-start !important;
  }
  .content-lg-end {
    align-content: flex-end !important;
  }
  .content-lg-center {
    align-content: center !important;
  }
  .content-lg-between {
    align-content: space-between !important;
  }
  .content-lg-around {
    align-content: space-around !important;
  }
  .flex-lg-1 {
    flex: 1 1 0% !important;
  }
  .flex-lg-auto {
    flex: 1 1 auto !important;
  }
  .flex-lg-none {
    flex: none !important;
  }
  .grow-lg {
    flex-grow: 1 !important;
  }
  .grow-lg-0 {
    flex-grow: 0 !important;
  }
  .shrink-lg {
    flex-shrink: 1 !important;
  }
  .shrink-lg-0 {
    flex-shrink: 0 !important;
  }
  .overflow-lg-auto {
    overflow: auto !important;
  }
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
  .overflow-lg-visible {
    overflow: visible !important;
  }
  .overflow-lg-scroll {
    overflow: scroll !important;
  }
  .overflow-x-lg-auto {
    overflow-x: auto !important;
  }
  .overflow-y-lg-auto {
    overflow-y: auto !important;
  }
  .overflow-x-lg-hidden {
    overflow-x: hidden !important;
  }
  .pos-lg-static {
    position: static !important;
  }
  .pos-lg-relative {
    position: relative !important;
  }
  .pos-lg-absolute {
    position: absolute !important;
  }
  .pos-lg-fixed {
    position: fixed !important;
  }
  .pos-lg-sticky {
    position: sticky !important;
  }
  .w-lg-full {
    width: 100% !important;
  }
  .w-lg-screen {
    width: 100vw !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .w-lg-half {
    width: 50% !important;
  }
  .w-lg-fit {
    width: fit-content !important;
  }
  .h-lg-full {
    height: 100% !important;
  }
  .h-lg-screen {
    height: 100vh !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
  .h-lg-fit {
    height: fit-content !important;
  }
  .min-w-lg-0 {
    min-width: 0 !important;
  }
  .min-w-lg-full {
    min-width: 100% !important;
  }
  .max-w-lg-full {
    max-width: 100% !important;
  }
  .min-h-lg-screen {
    min-height: 100vh !important;
  }
  .min-h-lg-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-col {
    flex-direction: column !important;
  }
  .flex-xl-col-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-between {
    justify-content: space-between !important;
  }
  .justify-xl-around {
    justify-content: space-around !important;
  }
  .justify-xl-evenly {
    justify-content: space-evenly !important;
  }
  .items-xl-start {
    align-items: flex-start !important;
  }
  .items-xl-end {
    align-items: flex-end !important;
  }
  .items-xl-center {
    align-items: center !important;
  }
  .items-xl-baseline {
    align-items: baseline !important;
  }
  .items-xl-stretch {
    align-items: stretch !important;
  }
  .self-xl-auto {
    align-self: auto !important;
  }
  .self-xl-start {
    align-self: flex-start !important;
  }
  .self-xl-end {
    align-self: flex-end !important;
  }
  .self-xl-center {
    align-self: center !important;
  }
  .self-xl-stretch {
    align-self: stretch !important;
  }
  .content-xl-start {
    align-content: flex-start !important;
  }
  .content-xl-end {
    align-content: flex-end !important;
  }
  .content-xl-center {
    align-content: center !important;
  }
  .content-xl-between {
    align-content: space-between !important;
  }
  .content-xl-around {
    align-content: space-around !important;
  }
  .flex-xl-1 {
    flex: 1 1 0% !important;
  }
  .flex-xl-auto {
    flex: 1 1 auto !important;
  }
  .flex-xl-none {
    flex: none !important;
  }
  .grow-xl {
    flex-grow: 1 !important;
  }
  .grow-xl-0 {
    flex-grow: 0 !important;
  }
  .shrink-xl {
    flex-shrink: 1 !important;
  }
  .shrink-xl-0 {
    flex-shrink: 0 !important;
  }
  .overflow-xl-auto {
    overflow: auto !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
  .overflow-xl-visible {
    overflow: visible !important;
  }
  .overflow-xl-scroll {
    overflow: scroll !important;
  }
  .overflow-x-xl-auto {
    overflow-x: auto !important;
  }
  .overflow-y-xl-auto {
    overflow-y: auto !important;
  }
  .overflow-x-xl-hidden {
    overflow-x: hidden !important;
  }
  .pos-xl-static {
    position: static !important;
  }
  .pos-xl-relative {
    position: relative !important;
  }
  .pos-xl-absolute {
    position: absolute !important;
  }
  .pos-xl-fixed {
    position: fixed !important;
  }
  .pos-xl-sticky {
    position: sticky !important;
  }
  .w-xl-full {
    width: 100% !important;
  }
  .w-xl-screen {
    width: 100vw !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .w-xl-half {
    width: 50% !important;
  }
  .w-xl-fit {
    width: fit-content !important;
  }
  .h-xl-full {
    height: 100% !important;
  }
  .h-xl-screen {
    height: 100vh !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
  .h-xl-fit {
    height: fit-content !important;
  }
  .min-w-xl-0 {
    min-width: 0 !important;
  }
  .min-w-xl-full {
    min-width: 100% !important;
  }
  .max-w-xl-full {
    max-width: 100% !important;
  }
  .min-h-xl-screen {
    min-height: 100vh !important;
  }
  .min-h-xl-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-col {
    flex-direction: column !important;
  }
  .flex-xxl-col-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-between {
    justify-content: space-between !important;
  }
  .justify-xxl-around {
    justify-content: space-around !important;
  }
  .justify-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .items-xxl-start {
    align-items: flex-start !important;
  }
  .items-xxl-end {
    align-items: flex-end !important;
  }
  .items-xxl-center {
    align-items: center !important;
  }
  .items-xxl-baseline {
    align-items: baseline !important;
  }
  .items-xxl-stretch {
    align-items: stretch !important;
  }
  .self-xxl-auto {
    align-self: auto !important;
  }
  .self-xxl-start {
    align-self: flex-start !important;
  }
  .self-xxl-end {
    align-self: flex-end !important;
  }
  .self-xxl-center {
    align-self: center !important;
  }
  .self-xxl-stretch {
    align-self: stretch !important;
  }
  .content-xxl-start {
    align-content: flex-start !important;
  }
  .content-xxl-end {
    align-content: flex-end !important;
  }
  .content-xxl-center {
    align-content: center !important;
  }
  .content-xxl-between {
    align-content: space-between !important;
  }
  .content-xxl-around {
    align-content: space-around !important;
  }
  .flex-xxl-1 {
    flex: 1 1 0% !important;
  }
  .flex-xxl-auto {
    flex: 1 1 auto !important;
  }
  .flex-xxl-none {
    flex: none !important;
  }
  .grow-xxl {
    flex-grow: 1 !important;
  }
  .grow-xxl-0 {
    flex-grow: 0 !important;
  }
  .shrink-xxl {
    flex-shrink: 1 !important;
  }
  .shrink-xxl-0 {
    flex-shrink: 0 !important;
  }
  .overflow-xxl-auto {
    overflow: auto !important;
  }
  .overflow-xxl-hidden {
    overflow: hidden !important;
  }
  .overflow-xxl-visible {
    overflow: visible !important;
  }
  .overflow-xxl-scroll {
    overflow: scroll !important;
  }
  .overflow-x-xxl-auto {
    overflow-x: auto !important;
  }
  .overflow-y-xxl-auto {
    overflow-y: auto !important;
  }
  .overflow-x-xxl-hidden {
    overflow-x: hidden !important;
  }
  .pos-xxl-static {
    position: static !important;
  }
  .pos-xxl-relative {
    position: relative !important;
  }
  .pos-xxl-absolute {
    position: absolute !important;
  }
  .pos-xxl-fixed {
    position: fixed !important;
  }
  .pos-xxl-sticky {
    position: sticky !important;
  }
  .w-xxl-full {
    width: 100% !important;
  }
  .w-xxl-screen {
    width: 100vw !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
  .w-xxl-half {
    width: 50% !important;
  }
  .w-xxl-fit {
    width: fit-content !important;
  }
  .h-xxl-full {
    height: 100% !important;
  }
  .h-xxl-screen {
    height: 100vh !important;
  }
  .h-xxl-auto {
    height: auto !important;
  }
  .h-xxl-fit {
    height: fit-content !important;
  }
  .min-w-xxl-0 {
    min-width: 0 !important;
  }
  .min-w-xxl-full {
    min-width: 100% !important;
  }
  .max-w-xxl-full {
    max-width: 100% !important;
  }
  .min-h-xxl-screen {
    min-height: 100vh !important;
  }
  .min-h-xxl-0 {
    min-height: 0 !important;
  }
}
.inset-0 {
  inset: 0 !important;
}

.top-0 {
  top: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.inset-1 {
  inset: 0.25rem !important;
}

.top-1 {
  top: 0.25rem !important;
}

.bottom-1 {
  bottom: 0.25rem !important;
}

.left-1 {
  left: 0.25rem !important;
}

.right-1 {
  right: 0.25rem !important;
}

.inset-2 {
  inset: 0.5rem !important;
}

.top-2 {
  top: 0.5rem !important;
}

.bottom-2 {
  bottom: 0.5rem !important;
}

.left-2 {
  left: 0.5rem !important;
}

.right-2 {
  right: 0.5rem !important;
}

.inset-4 {
  inset: 1rem !important;
}

.top-4 {
  top: 1rem !important;
}

.bottom-4 {
  bottom: 1rem !important;
}

.left-4 {
  left: 1rem !important;
}

.right-4 {
  right: 1rem !important;
}

.inset-6 {
  inset: 1.5rem !important;
}

.top-6 {
  top: 1.5rem !important;
}

.bottom-6 {
  bottom: 1.5rem !important;
}

.left-6 {
  left: 1.5rem !important;
}

.right-6 {
  right: 1.5rem !important;
}

.inset-8 {
  inset: 2rem !important;
}

.top-8 {
  top: 2rem !important;
}

.bottom-8 {
  bottom: 2rem !important;
}

.left-8 {
  left: 2rem !important;
}

.right-8 {
  right: 2rem !important;
}

.inset-12 {
  inset: 3rem !important;
}

.top-12 {
  top: 3rem !important;
}

.bottom-12 {
  bottom: 3rem !important;
}

.left-12 {
  left: 3rem !important;
}

.right-12 {
  right: 3rem !important;
}

.inset-16 {
  inset: 4rem !important;
}

.top-16 {
  top: 4rem !important;
}

.bottom-16 {
  bottom: 4rem !important;
}

.left-16 {
  left: 4rem !important;
}

.right-16 {
  right: 4rem !important;
}

.inset-auto {
  inset: auto !important;
}

.top-auto {
  top: auto !important;
}

.bottom-auto {
  bottom: auto !important;
}

.left-auto {
  left: auto !important;
}

.right-auto {
  right: auto !important;
}

.text-xs {
  font-size: 0.75rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-base {
  font-size: 1rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
}

.text-xl {
  font-size: 1.25rem !important;
}

.text-2xl {
  font-size: 1.5rem !important;
}

.text-3xl {
  font-size: 1.875rem !important;
}

.text-4xl {
  font-size: 2.25rem !important;
}

.text-5xl {
  font-size: 3rem !important;
}

.font-thin {
  font-weight: 100 !important;
}

.font-light {
  font-weight: 300 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-extrabold {
  font-weight: 800 !important;
}

.font-black {
  font-weight: 900 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.leading-none {
  line-height: 1 !important;
}

.leading-tight {
  line-height: 1.25 !important;
}

.leading-snug {
  line-height: 1.375 !important;
}

.leading-normal {
  line-height: 1.5 !important;
}

.leading-relaxed {
  line-height: 1.625 !important;
}

.leading-loose {
  line-height: 2 !important;
}

.tracking-tighter {
  letter-spacing: -0.05em !important;
}

.tracking-tight {
  letter-spacing: -0.025em !important;
}

.tracking-normal {
  letter-spacing: 0 !important;
}

.tracking-wide {
  letter-spacing: 0.025em !important;
}

.tracking-wider {
  letter-spacing: 0.05em !important;
}

.tracking-widest {
  letter-spacing: 0.1em !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
}
@media (min-width: 1400px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
}
.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.normal-case {
  text-transform: none !important;
}

.underline {
  text-decoration: underline !important;
}

.line-through {
  text-decoration: line-through !important;
}

.no-underline {
  text-decoration: none !important;
}

.italic {
  font-style: italic !important;
}

.not-italic {
  font-style: normal !important;
}

.font-sans {
  font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}

.font-mono {
  font-family: "JetBrains Mono", "Fira Code", monospace !important;
}

.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.line-clamp-1 {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.line-clamp-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.line-clamp-3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.line-clamp-4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.line-clamp-5 {
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.line-clamp-6 {
  display: -webkit-box !important;
  -webkit-line-clamp: 6 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.h1 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.h2 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
}

.h3 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.3;
}

.h4 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.35;
}

.h5 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.h6 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}

.lead {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7;
  color: #475569;
}

.small {
  font-size: 0.875rem !important;
}

.x-small {
  font-size: 0.75rem !important;
}

.text-muted {
  color: #64748b !important;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.text-primary {
  color: #5865F2 !important;
}

.bg-primary {
  background-color: #5865F2 !important;
}

.border-primary {
  border-color: #5865F2 !important;
}

.bg-primary-10 {
  background-color: rgba(88, 101, 242, 0.1) !important;
}

.text-primary-10 {
  color: rgba(88, 101, 242, 0.1) !important;
}

.bg-primary-20 {
  background-color: rgba(88, 101, 242, 0.2) !important;
}

.text-primary-20 {
  color: rgba(88, 101, 242, 0.2) !important;
}

.bg-primary-30 {
  background-color: rgba(88, 101, 242, 0.3) !important;
}

.text-primary-30 {
  color: rgba(88, 101, 242, 0.3) !important;
}

.bg-primary-40 {
  background-color: rgba(88, 101, 242, 0.4) !important;
}

.text-primary-40 {
  color: rgba(88, 101, 242, 0.4) !important;
}

.bg-primary-50 {
  background-color: rgba(88, 101, 242, 0.5) !important;
}

.text-primary-50 {
  color: rgba(88, 101, 242, 0.5) !important;
}

.bg-primary-60 {
  background-color: rgba(88, 101, 242, 0.6) !important;
}

.text-primary-60 {
  color: rgba(88, 101, 242, 0.6) !important;
}

.bg-primary-70 {
  background-color: rgba(88, 101, 242, 0.7) !important;
}

.text-primary-70 {
  color: rgba(88, 101, 242, 0.7) !important;
}

.bg-primary-80 {
  background-color: rgba(88, 101, 242, 0.8) !important;
}

.text-primary-80 {
  color: rgba(88, 101, 242, 0.8) !important;
}

.bg-primary-90 {
  background-color: rgba(88, 101, 242, 0.9) !important;
}

.text-primary-90 {
  color: rgba(88, 101, 242, 0.9) !important;
}

.text-primary2 {
  color: #10b981 !important;
}

.bg-primary2 {
  background-color: #10b981 !important;
}

.border-primary2 {
  border-color: #10b981 !important;
}

.bg-primary2-10 {
  background-color: rgba(16, 185, 129, 0.1) !important;
}

.text-primary2-10 {
  color: rgba(16, 185, 129, 0.1) !important;
}

.bg-primary2-20 {
  background-color: rgba(16, 185, 129, 0.2) !important;
}

.text-primary2-20 {
  color: rgba(16, 185, 129, 0.2) !important;
}

.bg-primary2-30 {
  background-color: rgba(16, 185, 129, 0.3) !important;
}

.text-primary2-30 {
  color: rgba(16, 185, 129, 0.3) !important;
}

.bg-primary2-40 {
  background-color: rgba(16, 185, 129, 0.4) !important;
}

.text-primary2-40 {
  color: rgba(16, 185, 129, 0.4) !important;
}

.bg-primary2-50 {
  background-color: rgba(16, 185, 129, 0.5) !important;
}

.text-primary2-50 {
  color: rgba(16, 185, 129, 0.5) !important;
}

.bg-primary2-60 {
  background-color: rgba(16, 185, 129, 0.6) !important;
}

.text-primary2-60 {
  color: rgba(16, 185, 129, 0.6) !important;
}

.bg-primary2-70 {
  background-color: rgba(16, 185, 129, 0.7) !important;
}

.text-primary2-70 {
  color: rgba(16, 185, 129, 0.7) !important;
}

.bg-primary2-80 {
  background-color: rgba(16, 185, 129, 0.8) !important;
}

.text-primary2-80 {
  color: rgba(16, 185, 129, 0.8) !important;
}

.bg-primary2-90 {
  background-color: rgba(16, 185, 129, 0.9) !important;
}

.text-primary2-90 {
  color: rgba(16, 185, 129, 0.9) !important;
}

.text-secondary {
  color: #64748b !important;
}

.bg-secondary {
  background-color: #64748b !important;
}

.border-secondary {
  border-color: #64748b !important;
}

.bg-secondary-10 {
  background-color: rgba(100, 116, 139, 0.1) !important;
}

.text-secondary-10 {
  color: rgba(100, 116, 139, 0.1) !important;
}

.bg-secondary-20 {
  background-color: rgba(100, 116, 139, 0.2) !important;
}

.text-secondary-20 {
  color: rgba(100, 116, 139, 0.2) !important;
}

.bg-secondary-30 {
  background-color: rgba(100, 116, 139, 0.3) !important;
}

.text-secondary-30 {
  color: rgba(100, 116, 139, 0.3) !important;
}

.bg-secondary-40 {
  background-color: rgba(100, 116, 139, 0.4) !important;
}

.text-secondary-40 {
  color: rgba(100, 116, 139, 0.4) !important;
}

.bg-secondary-50 {
  background-color: rgba(100, 116, 139, 0.5) !important;
}

.text-secondary-50 {
  color: rgba(100, 116, 139, 0.5) !important;
}

.bg-secondary-60 {
  background-color: rgba(100, 116, 139, 0.6) !important;
}

.text-secondary-60 {
  color: rgba(100, 116, 139, 0.6) !important;
}

.bg-secondary-70 {
  background-color: rgba(100, 116, 139, 0.7) !important;
}

.text-secondary-70 {
  color: rgba(100, 116, 139, 0.7) !important;
}

.bg-secondary-80 {
  background-color: rgba(100, 116, 139, 0.8) !important;
}

.text-secondary-80 {
  color: rgba(100, 116, 139, 0.8) !important;
}

.bg-secondary-90 {
  background-color: rgba(100, 116, 139, 0.9) !important;
}

.text-secondary-90 {
  color: rgba(100, 116, 139, 0.9) !important;
}

.text-success {
  color: #22c55e !important;
}

.bg-success {
  background-color: #22c55e !important;
}

.border-success {
  border-color: #22c55e !important;
}

.bg-success-10 {
  background-color: rgba(34, 197, 94, 0.1) !important;
}

.text-success-10 {
  color: rgba(34, 197, 94, 0.1) !important;
}

.bg-success-20 {
  background-color: rgba(34, 197, 94, 0.2) !important;
}

.text-success-20 {
  color: rgba(34, 197, 94, 0.2) !important;
}

.bg-success-30 {
  background-color: rgba(34, 197, 94, 0.3) !important;
}

.text-success-30 {
  color: rgba(34, 197, 94, 0.3) !important;
}

.bg-success-40 {
  background-color: rgba(34, 197, 94, 0.4) !important;
}

.text-success-40 {
  color: rgba(34, 197, 94, 0.4) !important;
}

.bg-success-50 {
  background-color: rgba(34, 197, 94, 0.5) !important;
}

.text-success-50 {
  color: rgba(34, 197, 94, 0.5) !important;
}

.bg-success-60 {
  background-color: rgba(34, 197, 94, 0.6) !important;
}

.text-success-60 {
  color: rgba(34, 197, 94, 0.6) !important;
}

.bg-success-70 {
  background-color: rgba(34, 197, 94, 0.7) !important;
}

.text-success-70 {
  color: rgba(34, 197, 94, 0.7) !important;
}

.bg-success-80 {
  background-color: rgba(34, 197, 94, 0.8) !important;
}

.text-success-80 {
  color: rgba(34, 197, 94, 0.8) !important;
}

.bg-success-90 {
  background-color: rgba(34, 197, 94, 0.9) !important;
}

.text-success-90 {
  color: rgba(34, 197, 94, 0.9) !important;
}

.text-danger {
  color: #ef4444 !important;
}

.bg-danger {
  background-color: #ef4444 !important;
}

.border-danger {
  border-color: #ef4444 !important;
}

.bg-danger-10 {
  background-color: rgba(239, 68, 68, 0.1) !important;
}

.text-danger-10 {
  color: rgba(239, 68, 68, 0.1) !important;
}

.bg-danger-20 {
  background-color: rgba(239, 68, 68, 0.2) !important;
}

.text-danger-20 {
  color: rgba(239, 68, 68, 0.2) !important;
}

.bg-danger-30 {
  background-color: rgba(239, 68, 68, 0.3) !important;
}

.text-danger-30 {
  color: rgba(239, 68, 68, 0.3) !important;
}

.bg-danger-40 {
  background-color: rgba(239, 68, 68, 0.4) !important;
}

.text-danger-40 {
  color: rgba(239, 68, 68, 0.4) !important;
}

.bg-danger-50 {
  background-color: rgba(239, 68, 68, 0.5) !important;
}

.text-danger-50 {
  color: rgba(239, 68, 68, 0.5) !important;
}

.bg-danger-60 {
  background-color: rgba(239, 68, 68, 0.6) !important;
}

.text-danger-60 {
  color: rgba(239, 68, 68, 0.6) !important;
}

.bg-danger-70 {
  background-color: rgba(239, 68, 68, 0.7) !important;
}

.text-danger-70 {
  color: rgba(239, 68, 68, 0.7) !important;
}

.bg-danger-80 {
  background-color: rgba(239, 68, 68, 0.8) !important;
}

.text-danger-80 {
  color: rgba(239, 68, 68, 0.8) !important;
}

.bg-danger-90 {
  background-color: rgba(239, 68, 68, 0.9) !important;
}

.text-danger-90 {
  color: rgba(239, 68, 68, 0.9) !important;
}

.text-warning {
  color: #f59e0b !important;
}

.bg-warning {
  background-color: #f59e0b !important;
}

.border-warning {
  border-color: #f59e0b !important;
}

.bg-warning-10 {
  background-color: rgba(245, 158, 11, 0.1) !important;
}

.text-warning-10 {
  color: rgba(245, 158, 11, 0.1) !important;
}

.bg-warning-20 {
  background-color: rgba(245, 158, 11, 0.2) !important;
}

.text-warning-20 {
  color: rgba(245, 158, 11, 0.2) !important;
}

.bg-warning-30 {
  background-color: rgba(245, 158, 11, 0.3) !important;
}

.text-warning-30 {
  color: rgba(245, 158, 11, 0.3) !important;
}

.bg-warning-40 {
  background-color: rgba(245, 158, 11, 0.4) !important;
}

.text-warning-40 {
  color: rgba(245, 158, 11, 0.4) !important;
}

.bg-warning-50 {
  background-color: rgba(245, 158, 11, 0.5) !important;
}

.text-warning-50 {
  color: rgba(245, 158, 11, 0.5) !important;
}

.bg-warning-60 {
  background-color: rgba(245, 158, 11, 0.6) !important;
}

.text-warning-60 {
  color: rgba(245, 158, 11, 0.6) !important;
}

.bg-warning-70 {
  background-color: rgba(245, 158, 11, 0.7) !important;
}

.text-warning-70 {
  color: rgba(245, 158, 11, 0.7) !important;
}

.bg-warning-80 {
  background-color: rgba(245, 158, 11, 0.8) !important;
}

.text-warning-80 {
  color: rgba(245, 158, 11, 0.8) !important;
}

.bg-warning-90 {
  background-color: rgba(245, 158, 11, 0.9) !important;
}

.text-warning-90 {
  color: rgba(245, 158, 11, 0.9) !important;
}

.text-info {
  color: #38bdf8 !important;
}

.bg-info {
  background-color: #38bdf8 !important;
}

.border-info {
  border-color: #38bdf8 !important;
}

.bg-info-10 {
  background-color: rgba(56, 189, 248, 0.1) !important;
}

.text-info-10 {
  color: rgba(56, 189, 248, 0.1) !important;
}

.bg-info-20 {
  background-color: rgba(56, 189, 248, 0.2) !important;
}

.text-info-20 {
  color: rgba(56, 189, 248, 0.2) !important;
}

.bg-info-30 {
  background-color: rgba(56, 189, 248, 0.3) !important;
}

.text-info-30 {
  color: rgba(56, 189, 248, 0.3) !important;
}

.bg-info-40 {
  background-color: rgba(56, 189, 248, 0.4) !important;
}

.text-info-40 {
  color: rgba(56, 189, 248, 0.4) !important;
}

.bg-info-50 {
  background-color: rgba(56, 189, 248, 0.5) !important;
}

.text-info-50 {
  color: rgba(56, 189, 248, 0.5) !important;
}

.bg-info-60 {
  background-color: rgba(56, 189, 248, 0.6) !important;
}

.text-info-60 {
  color: rgba(56, 189, 248, 0.6) !important;
}

.bg-info-70 {
  background-color: rgba(56, 189, 248, 0.7) !important;
}

.text-info-70 {
  color: rgba(56, 189, 248, 0.7) !important;
}

.bg-info-80 {
  background-color: rgba(56, 189, 248, 0.8) !important;
}

.text-info-80 {
  color: rgba(56, 189, 248, 0.8) !important;
}

.bg-info-90 {
  background-color: rgba(56, 189, 248, 0.9) !important;
}

.text-info-90 {
  color: rgba(56, 189, 248, 0.9) !important;
}

.text-light {
  color: #f8fafc !important;
}

.bg-light {
  background-color: #f8fafc !important;
}

.border-light {
  border-color: #f8fafc !important;
}

.bg-light-10 {
  background-color: rgba(248, 250, 252, 0.1) !important;
}

.text-light-10 {
  color: rgba(248, 250, 252, 0.1) !important;
}

.bg-light-20 {
  background-color: rgba(248, 250, 252, 0.2) !important;
}

.text-light-20 {
  color: rgba(248, 250, 252, 0.2) !important;
}

.bg-light-30 {
  background-color: rgba(248, 250, 252, 0.3) !important;
}

.text-light-30 {
  color: rgba(248, 250, 252, 0.3) !important;
}

.bg-light-40 {
  background-color: rgba(248, 250, 252, 0.4) !important;
}

.text-light-40 {
  color: rgba(248, 250, 252, 0.4) !important;
}

.bg-light-50 {
  background-color: rgba(248, 250, 252, 0.5) !important;
}

.text-light-50 {
  color: rgba(248, 250, 252, 0.5) !important;
}

.bg-light-60 {
  background-color: rgba(248, 250, 252, 0.6) !important;
}

.text-light-60 {
  color: rgba(248, 250, 252, 0.6) !important;
}

.bg-light-70 {
  background-color: rgba(248, 250, 252, 0.7) !important;
}

.text-light-70 {
  color: rgba(248, 250, 252, 0.7) !important;
}

.bg-light-80 {
  background-color: rgba(248, 250, 252, 0.8) !important;
}

.text-light-80 {
  color: rgba(248, 250, 252, 0.8) !important;
}

.bg-light-90 {
  background-color: rgba(248, 250, 252, 0.9) !important;
}

.text-light-90 {
  color: rgba(248, 250, 252, 0.9) !important;
}

.text-dark {
  color: #212529 !important;
}

.bg-dark {
  background-color: #212529 !important;
}

.border-dark {
  border-color: #212529 !important;
}

.bg-dark-10 {
  background-color: rgba(33, 37, 41, 0.1) !important;
}

.text-dark-10 {
  color: rgba(33, 37, 41, 0.1) !important;
}

.bg-dark-20 {
  background-color: rgba(33, 37, 41, 0.2) !important;
}

.text-dark-20 {
  color: rgba(33, 37, 41, 0.2) !important;
}

.bg-dark-30 {
  background-color: rgba(33, 37, 41, 0.3) !important;
}

.text-dark-30 {
  color: rgba(33, 37, 41, 0.3) !important;
}

.bg-dark-40 {
  background-color: rgba(33, 37, 41, 0.4) !important;
}

.text-dark-40 {
  color: rgba(33, 37, 41, 0.4) !important;
}

.bg-dark-50 {
  background-color: rgba(33, 37, 41, 0.5) !important;
}

.text-dark-50 {
  color: rgba(33, 37, 41, 0.5) !important;
}

.bg-dark-60 {
  background-color: rgba(33, 37, 41, 0.6) !important;
}

.text-dark-60 {
  color: rgba(33, 37, 41, 0.6) !important;
}

.bg-dark-70 {
  background-color: rgba(33, 37, 41, 0.7) !important;
}

.text-dark-70 {
  color: rgba(33, 37, 41, 0.7) !important;
}

.bg-dark-80 {
  background-color: rgba(33, 37, 41, 0.8) !important;
}

.text-dark-80 {
  color: rgba(33, 37, 41, 0.8) !important;
}

.bg-dark-90 {
  background-color: rgba(33, 37, 41, 0.9) !important;
}

.text-dark-90 {
  color: rgba(33, 37, 41, 0.9) !important;
}

.text-white {
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.border-white {
  border-color: #ffffff !important;
}

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.text-white-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.text-white-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.bg-white-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.text-white-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.bg-white-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.text-white-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.bg-white-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.text-white-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.bg-white-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.text-white-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.text-white-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.text-white-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.text-black {
  color: #000000 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.border-black {
  border-color: #000000 !important;
}

.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.text-black-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.text-black-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.bg-black-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.text-black-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.bg-black-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.text-black-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.text-black-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.bg-black-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.text-black-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.text-black-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.bg-black-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.text-black-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.text-eg {
  color: #19B94B !important;
}

.bg-eg {
  background-color: #19B94B !important;
}

.border-eg {
  border-color: #19B94B !important;
}

.bg-eg-10 {
  background-color: rgba(25, 185, 75, 0.1) !important;
}

.text-eg-10 {
  color: rgba(25, 185, 75, 0.1) !important;
}

.bg-eg-20 {
  background-color: rgba(25, 185, 75, 0.2) !important;
}

.text-eg-20 {
  color: rgba(25, 185, 75, 0.2) !important;
}

.bg-eg-30 {
  background-color: rgba(25, 185, 75, 0.3) !important;
}

.text-eg-30 {
  color: rgba(25, 185, 75, 0.3) !important;
}

.bg-eg-40 {
  background-color: rgba(25, 185, 75, 0.4) !important;
}

.text-eg-40 {
  color: rgba(25, 185, 75, 0.4) !important;
}

.bg-eg-50 {
  background-color: rgba(25, 185, 75, 0.5) !important;
}

.text-eg-50 {
  color: rgba(25, 185, 75, 0.5) !important;
}

.bg-eg-60 {
  background-color: rgba(25, 185, 75, 0.6) !important;
}

.text-eg-60 {
  color: rgba(25, 185, 75, 0.6) !important;
}

.bg-eg-70 {
  background-color: rgba(25, 185, 75, 0.7) !important;
}

.text-eg-70 {
  color: rgba(25, 185, 75, 0.7) !important;
}

.bg-eg-80 {
  background-color: rgba(25, 185, 75, 0.8) !important;
}

.text-eg-80 {
  color: rgba(25, 185, 75, 0.8) !important;
}

.bg-eg-90 {
  background-color: rgba(25, 185, 75, 0.9) !important;
}

.text-eg-90 {
  color: rgba(25, 185, 75, 0.9) !important;
}

.text-es {
  color: #198CDC !important;
}

.bg-es {
  background-color: #198CDC !important;
}

.border-es {
  border-color: #198CDC !important;
}

.bg-es-10 {
  background-color: rgba(25, 140, 220, 0.1) !important;
}

.text-es-10 {
  color: rgba(25, 140, 220, 0.1) !important;
}

.bg-es-20 {
  background-color: rgba(25, 140, 220, 0.2) !important;
}

.text-es-20 {
  color: rgba(25, 140, 220, 0.2) !important;
}

.bg-es-30 {
  background-color: rgba(25, 140, 220, 0.3) !important;
}

.text-es-30 {
  color: rgba(25, 140, 220, 0.3) !important;
}

.bg-es-40 {
  background-color: rgba(25, 140, 220, 0.4) !important;
}

.text-es-40 {
  color: rgba(25, 140, 220, 0.4) !important;
}

.bg-es-50 {
  background-color: rgba(25, 140, 220, 0.5) !important;
}

.text-es-50 {
  color: rgba(25, 140, 220, 0.5) !important;
}

.bg-es-60 {
  background-color: rgba(25, 140, 220, 0.6) !important;
}

.text-es-60 {
  color: rgba(25, 140, 220, 0.6) !important;
}

.bg-es-70 {
  background-color: rgba(25, 140, 220, 0.7) !important;
}

.text-es-70 {
  color: rgba(25, 140, 220, 0.7) !important;
}

.bg-es-80 {
  background-color: rgba(25, 140, 220, 0.8) !important;
}

.text-es-80 {
  color: rgba(25, 140, 220, 0.8) !important;
}

.bg-es-90 {
  background-color: rgba(25, 140, 220, 0.9) !important;
}

.text-es-90 {
  color: rgba(25, 140, 220, 0.9) !important;
}

.text-eb {
  color: #E65520 !important;
}

.bg-eb {
  background-color: #E65520 !important;
}

.border-eb {
  border-color: #E65520 !important;
}

.bg-eb-10 {
  background-color: rgba(230, 85, 32, 0.1) !important;
}

.text-eb-10 {
  color: rgba(230, 85, 32, 0.1) !important;
}

.bg-eb-20 {
  background-color: rgba(230, 85, 32, 0.2) !important;
}

.text-eb-20 {
  color: rgba(230, 85, 32, 0.2) !important;
}

.bg-eb-30 {
  background-color: rgba(230, 85, 32, 0.3) !important;
}

.text-eb-30 {
  color: rgba(230, 85, 32, 0.3) !important;
}

.bg-eb-40 {
  background-color: rgba(230, 85, 32, 0.4) !important;
}

.text-eb-40 {
  color: rgba(230, 85, 32, 0.4) !important;
}

.bg-eb-50 {
  background-color: rgba(230, 85, 32, 0.5) !important;
}

.text-eb-50 {
  color: rgba(230, 85, 32, 0.5) !important;
}

.bg-eb-60 {
  background-color: rgba(230, 85, 32, 0.6) !important;
}

.text-eb-60 {
  color: rgba(230, 85, 32, 0.6) !important;
}

.bg-eb-70 {
  background-color: rgba(230, 85, 32, 0.7) !important;
}

.text-eb-70 {
  color: rgba(230, 85, 32, 0.7) !important;
}

.bg-eb-80 {
  background-color: rgba(230, 85, 32, 0.8) !important;
}

.text-eb-80 {
  color: rgba(230, 85, 32, 0.8) !important;
}

.bg-eb-90 {
  background-color: rgba(230, 85, 32, 0.9) !important;
}

.text-eb-90 {
  color: rgba(230, 85, 32, 0.9) !important;
}

.text-en {
  color: #0FC3D2 !important;
}

.bg-en {
  background-color: #0FC3D2 !important;
}

.border-en {
  border-color: #0FC3D2 !important;
}

.bg-en-10 {
  background-color: rgba(15, 195, 210, 0.1) !important;
}

.text-en-10 {
  color: rgba(15, 195, 210, 0.1) !important;
}

.bg-en-20 {
  background-color: rgba(15, 195, 210, 0.2) !important;
}

.text-en-20 {
  color: rgba(15, 195, 210, 0.2) !important;
}

.bg-en-30 {
  background-color: rgba(15, 195, 210, 0.3) !important;
}

.text-en-30 {
  color: rgba(15, 195, 210, 0.3) !important;
}

.bg-en-40 {
  background-color: rgba(15, 195, 210, 0.4) !important;
}

.text-en-40 {
  color: rgba(15, 195, 210, 0.4) !important;
}

.bg-en-50 {
  background-color: rgba(15, 195, 210, 0.5) !important;
}

.text-en-50 {
  color: rgba(15, 195, 210, 0.5) !important;
}

.bg-en-60 {
  background-color: rgba(15, 195, 210, 0.6) !important;
}

.text-en-60 {
  color: rgba(15, 195, 210, 0.6) !important;
}

.bg-en-70 {
  background-color: rgba(15, 195, 210, 0.7) !important;
}

.text-en-70 {
  color: rgba(15, 195, 210, 0.7) !important;
}

.bg-en-80 {
  background-color: rgba(15, 195, 210, 0.8) !important;
}

.text-en-80 {
  color: rgba(15, 195, 210, 0.8) !important;
}

.bg-en-90 {
  background-color: rgba(15, 195, 210, 0.9) !important;
}

.text-en-90 {
  color: rgba(15, 195, 210, 0.9) !important;
}

.text-ep {
  color: #5865F2 !important;
}

.bg-ep {
  background-color: #5865F2 !important;
}

.border-ep {
  border-color: #5865F2 !important;
}

.bg-ep-10 {
  background-color: rgba(88, 101, 242, 0.1) !important;
}

.text-ep-10 {
  color: rgba(88, 101, 242, 0.1) !important;
}

.bg-ep-20 {
  background-color: rgba(88, 101, 242, 0.2) !important;
}

.text-ep-20 {
  color: rgba(88, 101, 242, 0.2) !important;
}

.bg-ep-30 {
  background-color: rgba(88, 101, 242, 0.3) !important;
}

.text-ep-30 {
  color: rgba(88, 101, 242, 0.3) !important;
}

.bg-ep-40 {
  background-color: rgba(88, 101, 242, 0.4) !important;
}

.text-ep-40 {
  color: rgba(88, 101, 242, 0.4) !important;
}

.bg-ep-50 {
  background-color: rgba(88, 101, 242, 0.5) !important;
}

.text-ep-50 {
  color: rgba(88, 101, 242, 0.5) !important;
}

.bg-ep-60 {
  background-color: rgba(88, 101, 242, 0.6) !important;
}

.text-ep-60 {
  color: rgba(88, 101, 242, 0.6) !important;
}

.bg-ep-70 {
  background-color: rgba(88, 101, 242, 0.7) !important;
}

.text-ep-70 {
  color: rgba(88, 101, 242, 0.7) !important;
}

.bg-ep-80 {
  background-color: rgba(88, 101, 242, 0.8) !important;
}

.text-ep-80 {
  color: rgba(88, 101, 242, 0.8) !important;
}

.bg-ep-90 {
  background-color: rgba(88, 101, 242, 0.9) !important;
}

.text-ep-90 {
  color: rgba(88, 101, 242, 0.9) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

.border {
  border: 1px solid #e2e8f0 !important;
}

.border-0 {
  border: 0 !important;
}

.border-t {
  border-top: 1px solid #e2e8f0 !important;
}

.border-b {
  border-bottom: 1px solid #e2e8f0 !important;
}

.border-l {
  border-left: 1px solid #e2e8f0 !important;
}

.border-r {
  border-right: 1px solid #e2e8f0 !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-8 {
  border-width: 8px !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-none {
  border-style: none !important;
}

.rounded-none {
  border-radius: 0 !important;
}

.rounded-sm {
  border-radius: 0.125rem !important;
}

.rounded {
  border-radius: 0.375rem !important;
}

.rounded-md {
  border-radius: 0.5rem !important;
}

.rounded-lg {
  border-radius: 0.75rem !important;
}

.rounded-xl {
  border-radius: 1rem !important;
}

.rounded-2xl {
  border-radius: 1.5rem !important;
}

.rounded-full {
  border-radius: 9999px !important;
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-b-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-tl {
  border-top-left-radius: 0.375rem !important;
}

.rounded-tr {
  border-top-right-radius: 0.375rem !important;
}

.rounded-bl {
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-br {
  border-bottom-right-radius: 0.375rem !important;
}

.shadow-sm {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

.shadow-md {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

.shadow-lg {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05) !important;
}

.shadow-xl {
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-10 {
  opacity: 0.1 !important;
}

.opacity-20 {
  opacity: 0.2 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-30 {
  opacity: 0.3 !important;
}

.opacity-40 {
  opacity: 0.4 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-90 {
  opacity: 0.9 !important;
}

.opacity-95 {
  opacity: 0.95 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.outline-none {
  outline: none !important;
}

.outline {
  outline: 2px solid #5865F2 !important;
}

.outline-offset-1 {
  outline-offset: 1px !important;
}

.outline-offset-2 {
  outline-offset: 2px !important;
}

.outline-offset-4 {
  outline-offset: 4px !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-grab {
  cursor: grab !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-default {
  cursor: default !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

.select-none {
  user-select: none !important;
}

.select-text {
  user-select: text !important;
}

.select-all {
  user-select: all !important;
}

.select-auto {
  user-select: auto !important;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  padding: 0.5rem 1.125rem;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  transition: all 0.18s ease;
}
.btn:focus-visible {
  outline: 2px solid #5865F2;
  outline-offset: 2px;
}
.btn:disabled, .btn.disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
.btn svg, .btn .icon {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

.btn-xs {
  padding: 0.2rem 0.6rem;
  font-size: 0.75rem;
  border-radius: 0.125rem;
}

.btn-sm {
  padding: 0.35rem 0.875rem;
  font-size: 0.75rem;
}

.btn-lg {
  padding: 0.7rem 1.5rem;
  font-size: 1rem;
}

.btn-xl {
  padding: 0.9rem 2rem;
  font-size: 1.125rem;
}

.btn-block {
  display: flex;
  width: 100%;
}

.btn-pill {
  border-radius: 9999px;
}

.btn-icon {
  padding: 0.5rem;
  aspect-ratio: 1;
}

.btn-icon.btn-xs {
  padding: 0.25rem;
}

.btn-icon.btn-sm {
  padding: 0.375rem;
}

.btn-icon.btn-lg {
  padding: 0.75rem;
}

.btn-icon.btn-xl {
  padding: 1rem;
}

.btn-primary {
  background-color: #5865F2;
  border-color: #5865F2;
  color: #000000;
}
.btn-primary:hover, .btn-primary:focus-visible {
  background-color: rgb(57.3833333333, 72.7666666667, 239.6166666667);
  border-color: rgb(57.3833333333, 72.7666666667, 239.6166666667);
  color: #ffffff;
}
.btn-primary:active {
  background-color: rgb(32.89, 50.18, 237.71);
  border-color: rgb(32.89, 50.18, 237.71);
  color: #ffffff;
}

.btn-primary2 {
  background-color: #10b981;
  border-color: #10b981;
  color: #0f172a;
}
.btn-primary2:hover, .btn-primary2:focus-visible {
  background-color: rgb(14.4, 166.5, 116.1);
  border-color: rgb(14.4, 166.5, 116.1);
  color: #0f172a;
}
.btn-primary2:active {
  background-color: rgb(13.12, 151.7, 105.78);
  border-color: rgb(13.12, 151.7, 105.78);
  color: #0f172a;
}

.btn-secondary {
  background-color: #64748b;
  border-color: #64748b;
  color: #000000;
}
.btn-secondary:hover, .btn-secondary:focus-visible {
  background-color: rgb(90, 104.4, 125.1);
  border-color: rgb(90, 104.4, 125.1);
  color: #ffffff;
}
.btn-secondary:active {
  background-color: rgb(82, 95.12, 113.98);
  border-color: rgb(82, 95.12, 113.98);
  color: #ffffff;
}

.btn-success {
  background-color: #22c55e;
  border-color: #22c55e;
  color: #0f172a;
}
.btn-success:hover, .btn-success:focus-visible {
  background-color: rgb(30.6, 177.3, 84.6);
  border-color: rgb(30.6, 177.3, 84.6);
  color: #0f172a;
}
.btn-success:active {
  background-color: rgb(27.88, 161.54, 77.08);
  border-color: rgb(27.88, 161.54, 77.08);
  color: #0f172a;
}

.btn-danger {
  background-color: #ef4444;
  border-color: #ef4444;
  color: #0f172a;
}
.btn-danger:hover, .btn-danger:focus-visible {
  background-color: rgb(236.5802955665, 39.7197044335, 39.7197044335);
  border-color: rgb(236.5802955665, 39.7197044335, 39.7197044335);
  color: #000000;
}
.btn-danger:active {
  background-color: rgb(231.8984236453, 19.8415763547, 19.8415763547);
  border-color: rgb(231.8984236453, 19.8415763547, 19.8415763547);
  color: #000000;
}

.btn-warning {
  background-color: #f59e0b;
  border-color: #f59e0b;
  color: #0f172a;
}
.btn-warning:hover, .btn-warning:focus-visible {
  background-color: rgb(221.3291338583, 142.4125984252, 9.0708661417);
  border-color: rgb(221.3291338583, 142.4125984252, 9.0708661417);
  color: #0f172a;
}
.btn-warning:active {
  background-color: rgb(201.6554330709, 129.7537007874, 8.2645669291);
  border-color: rgb(201.6554330709, 129.7537007874, 8.2645669291);
  color: #0f172a;
}

.btn-info {
  background-color: #38bdf8;
  border-color: #38bdf8;
  color: #0f172a;
}
.btn-info:hover, .btn-info:focus-visible {
  background-color: rgb(26.6330097087, 179.2601941748, 246.9669902913);
  border-color: rgb(26.6330097087, 179.2601941748, 246.9669902913);
  color: #0f172a;
}
.btn-info:active {
  background-color: rgb(8.4706796117, 169.413592233, 240.8093203883);
  border-color: rgb(8.4706796117, 169.413592233, 240.8093203883);
  color: #0f172a;
}

.btn-dark {
  background-color: #212529;
  border-color: #212529;
  color: #ffffff;
}
.btn-dark:hover, .btn-dark:focus-visible {
  background-color: rgb(29.7, 33.3, 36.9);
  border-color: rgb(29.7, 33.3, 36.9);
  color: #ffffff;
}
.btn-dark:active {
  background-color: rgb(27.06, 30.34, 33.62);
  border-color: rgb(27.06, 30.34, 33.62);
  color: #ffffff;
}

.btn-eg {
  background-color: #19B94B;
  border-color: #19B94B;
  color: #0f172a;
}
.btn-eg:hover, .btn-eg:focus-visible {
  background-color: rgb(22.5, 166.5, 67.5);
  border-color: rgb(22.5, 166.5, 67.5);
  color: #0f172a;
}
.btn-eg:active {
  background-color: rgb(20.5, 151.7, 61.5);
  border-color: rgb(20.5, 151.7, 61.5);
  color: #0f172a;
}

.btn-es {
  background-color: #198CDC;
  border-color: #198CDC;
  color: #0f172a;
}
.btn-es:hover, .btn-es:focus-visible {
  background-color: rgb(22.5, 126, 198);
  border-color: rgb(22.5, 126, 198);
  color: #000000;
}
.btn-es:active {
  background-color: rgb(20.5, 114.8, 180.4);
  border-color: rgb(20.5, 114.8, 180.4);
  color: #000000;
}

.btn-eb {
  background-color: #E65520;
  border-color: #E65520;
  color: #0f172a;
}
.btn-eb:hover, .btn-eb:focus-visible {
  background-color: rgb(212.0298387097, 74.1629032258, 23.7701612903);
  border-color: rgb(212.0298387097, 74.1629032258, 23.7701612903);
  color: #000000;
}
.btn-eb:active {
  background-color: rgb(193.1827419355, 67.5706451613, 21.6572580645);
  border-color: rgb(193.1827419355, 67.5706451613, 21.6572580645);
  color: #ffffff;
}

.btn-en {
  background-color: #0FC3D2;
  border-color: #0FC3D2;
  color: #0f172a;
}
.btn-en:hover, .btn-en:focus-visible {
  background-color: rgb(13.5, 175.5, 189);
  border-color: rgb(13.5, 175.5, 189);
  color: #0f172a;
}
.btn-en:active {
  background-color: rgb(12.3, 159.9, 172.2);
  border-color: rgb(12.3, 159.9, 172.2);
  color: #0f172a;
}

.btn-ep {
  background-color: #5865F2;
  border-color: #5865F2;
  color: #000000;
}
.btn-ep:hover, .btn-ep:focus-visible {
  background-color: rgb(57.3833333333, 72.7666666667, 239.6166666667);
  border-color: rgb(57.3833333333, 72.7666666667, 239.6166666667);
  color: #ffffff;
}
.btn-ep:active {
  background-color: rgb(32.89, 50.18, 237.71);
  border-color: rgb(32.89, 50.18, 237.71);
  color: #ffffff;
}

.btn-light {
  background-color: #f1f5f9;
  color: #1e293b;
  border-color: #e2e8f0;
}
.btn-light:hover, .btn-light:focus {
  background-color: #e2e8f0;
  border-color: #cbd5e1;
}

.btn-white {
  background-color: #ffffff;
  color: #1e293b;
  border-color: #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-white:hover, .btn-white:focus {
  background-color: #f1f5f9;
}

.btn-outline-primary {
  background-color: transparent;
  color: #5865F2;
  border: 1px solid #5865F2;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  background-color: #5865F2;
  color: white;
}

.btn-outline-primary2 {
  background-color: transparent;
  color: #10b981;
  border: 1px solid #10b981;
}
.btn-outline-primary2:hover, .btn-outline-primary2:focus {
  background-color: #10b981;
  color: white;
}

.btn-outline-secondary {
  background-color: transparent;
  color: #64748b;
  border: 1px solid #64748b;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
  background-color: #64748b;
  color: white;
}

.btn-outline-success {
  background-color: transparent;
  color: #22c55e;
  border: 1px solid #22c55e;
}
.btn-outline-success:hover, .btn-outline-success:focus {
  background-color: #22c55e;
  color: white;
}

.btn-outline-danger {
  background-color: transparent;
  color: #ef4444;
  border: 1px solid #ef4444;
}
.btn-outline-danger:hover, .btn-outline-danger:focus {
  background-color: #ef4444;
  color: white;
}

.btn-outline-warning {
  background-color: transparent;
  color: #f59e0b;
  border: 1px solid #f59e0b;
}
.btn-outline-warning:hover, .btn-outline-warning:focus {
  background-color: #f59e0b;
  color: white;
}

.btn-outline-info {
  background-color: transparent;
  color: #38bdf8;
  border: 1px solid #38bdf8;
}
.btn-outline-info:hover, .btn-outline-info:focus {
  background-color: #38bdf8;
  color: white;
}

.btn-outline-dark {
  background-color: transparent;
  color: #212529;
  border: 1px solid #212529;
}
.btn-outline-dark:hover, .btn-outline-dark:focus {
  background-color: #212529;
  color: white;
}

.btn-outline-eg {
  background-color: transparent;
  color: #19B94B;
  border: 1px solid #19B94B;
}
.btn-outline-eg:hover, .btn-outline-eg:focus {
  background-color: #19B94B;
  color: white;
}

.btn-outline-es {
  background-color: transparent;
  color: #198CDC;
  border: 1px solid #198CDC;
}
.btn-outline-es:hover, .btn-outline-es:focus {
  background-color: #198CDC;
  color: white;
}

.btn-outline-eb {
  background-color: transparent;
  color: #E65520;
  border: 1px solid #E65520;
}
.btn-outline-eb:hover, .btn-outline-eb:focus {
  background-color: #E65520;
  color: white;
}

.btn-outline-en {
  background-color: transparent;
  color: #0FC3D2;
  border: 1px solid #0FC3D2;
}
.btn-outline-en:hover, .btn-outline-en:focus {
  background-color: #0FC3D2;
  color: white;
}

.btn-outline-ep {
  background-color: transparent;
  color: #5865F2;
  border: 1px solid #5865F2;
}
.btn-outline-ep:hover, .btn-outline-ep:focus {
  background-color: #5865F2;
  color: white;
}

.btn-outline-light {
  background-color: transparent;
  color: #475569;
  border-color: #cbd5e1;
}
.btn-outline-light:hover, .btn-outline-light:focus {
  background-color: #f1f5f9;
  color: #1e293b;
}

.btn-ghost-primary {
  background-color: transparent;
  color: rgb(69.90555, 84.3141, 240.59145);
  border-color: transparent;
}
.btn-ghost-primary:hover, .btn-ghost-primary:focus {
  background-color: rgb(238.3, 239.6, 253.7);
  border-color: transparent;
  color: rgb(61.2633835, 76.344677, 239.9187065);
}
.btn-ghost-primary:active {
  background-color: rgb(221.6, 224.2, 252.4);
  color: rgb(52.880481995, 68.61433669, 239.266145305);
}

.btn-ghost-primary2 {
  background-color: transparent;
  color: rgb(10.7684334426, 124.5100116806, 86.8204946314);
  border-color: transparent;
}
.btn-ghost-primary2:hover, .btn-ghost-primary2:focus {
  background-color: rgb(231.1, 248, 242.4);
  border-color: transparent;
  color: rgb(10.1320190262, 117.1514699903, 81.6894033986);
}
.btn-ghost-primary2:active {
  background-color: rgb(207.2, 241, 229.8);
  color: rgb(9.5332167017, 110.2278181139, 76.8615596578);
}

.btn-ghost-secondary {
  background-color: transparent;
  color: rgb(94.09, 109.1444, 130.7851);
  border-color: transparent;
}
.btn-ghost-secondary:hover, .btn-ghost-secondary:focus {
  background-color: rgb(239.5, 241.1, 243.4);
  border-color: transparent;
  color: rgb(85.87340257, 99.6131469812, 119.3640295723);
}
.btn-ghost-secondary:active {
  background-color: rgb(224, 227.2, 231.8);
  color: rgb(78.3743359438, 90.9142296948, 108.9403269618);
}

.btn-ghost-success {
  background-color: transparent;
  color: rgb(21.5305404307, 124.7504842599, 59.5256117789);
  border-color: transparent;
}
.btn-ghost-success:hover, .btn-ghost-success:focus {
  background-color: rgb(232.9, 249.2, 238.9);
  border-color: transparent;
  color: rgb(20.2580854912, 117.3777306402, 56.0076481227);
}
.btn-ghost-success:active {
  background-color: rgb(210.8, 243.4, 222.8);
  color: rgb(19.0608326387, 110.4407067593, 52.6975961187);
}

.btn-ghost-danger {
  background-color: transparent;
  color: rgb(228.4999366307, 19.5507967171, 19.5507967171);
  border-color: transparent;
}
.btn-ghost-danger:hover, .btn-ghost-danger:focus {
  background-color: rgb(253.4, 236.3, 236.3);
  border-color: transparent;
  color: rgb(208.5457226646, 17.8434842922, 17.8434842922);
}
.btn-ghost-danger:active {
  background-color: rgb(251.8, 217.6, 217.6);
  color: rgb(196.2206704551, 16.7889343705, 16.7889343705);
}

.btn-ghost-warning {
  background-color: transparent;
  color: rgb(151.0580323224, 97.1971765353, 6.190902964);
  border-color: transparent;
}
.btn-ghost-warning:hover, .btn-ghost-warning:focus {
  background-color: rgb(254, 245.3, 230.6);
  border-color: transparent;
  color: rgb(142.1305026122, 91.4528234021, 5.8250205989);
}
.btn-ghost-warning:active {
  background-color: rgb(253, 235.6, 206.2);
  color: rgb(133.7305899078, 86.047961539, 5.4807618815);
}

.btn-ghost-info {
  background-color: transparent;
  color: rgb(5.7911838742, 115.8236774845, 164.6350844245);
  border-color: transparent;
}
.btn-ghost-info:hover, .btn-ghost-info:focus {
  background-color: rgb(235.1, 248.4, 254.3);
  border-color: transparent;
  color: rgb(5.4489249073, 108.9784981452, 154.905150935);
}
.btn-ghost-info:active {
  background-color: rgb(215.2, 241.8, 253.6);
  color: rgb(5.28545716, 105.7091432009, 150.2579964069);
}

.btn-ghost-dark {
  background-color: transparent;
  color: #212529;
  border-color: transparent;
}
.btn-ghost-dark:hover, .btn-ghost-dark:focus {
  background-color: rgb(232.8, 233.2, 233.6);
  border-color: transparent;
  color: #212529;
}
.btn-ghost-dark:active {
  background-color: rgb(210.6, 211.4, 212.2);
  color: #212529;
}

.btn-ghost-eg {
  background-color: transparent;
  color: rgb(16.8256772541, 124.5100116806, 50.4770317624);
  border-color: transparent;
}
.btn-ghost-eg:hover, .btn-ghost-eg:focus {
  background-color: #e8f8ed;
  border-color: transparent;
  color: rgb(15.8312797284, 117.1514699903, 47.4938391853);
}
.btn-ghost-eg:active {
  background-color: #d1f1db;
  color: rgb(14.8956510965, 110.2278181139, 44.6869532894);
}

.btn-ghost-es {
  background-color: transparent;
  color: rgb(20.1995711195, 113.1175982694, 177.7562258518);
  border-color: transparent;
}
.btn-ghost-es:hover, .btn-ghost-es:focus {
  background-color: rgb(232, 243.5, 251.5);
  border-color: transparent;
  color: rgb(18.4356031724, 103.2393777653, 162.2333079169);
}
.btn-ghost-es:active {
  background-color: #d1e8f8;
  color: rgb(17.3460590249, 97.1379305394, 152.645319419);
}

.btn-ghost-eb {
  background-color: transparent;
  color: rgb(190.3516358435, 66.5803928062, 21.3398694892);
  border-color: transparent;
}
.btn-ghost-eb:hover, .btn-ghost-eb:focus {
  background-color: rgb(252.5, 238, 232.7);
  border-color: transparent;
  color: rgb(179.1018541651, 62.6454915914, 20.0786832024);
}
.btn-ghost-eb:active {
  background-color: rgb(250, 221, 210.4);
  color: rgb(163.4614265464, 57.1748487472, 18.3252720344);
}

.btn-ghost-en {
  background-color: transparent;
  color: rgb(9.2138048019, 119.7794624252, 128.9932672272);
  border-color: transparent;
}
.btn-ghost-en:hover, .btn-ghost-en:focus {
  background-color: rgb(231, 249, 250.5);
  border-color: transparent;
  color: rgb(8.6692689381, 112.7004961959, 121.369765134);
}
.btn-ghost-en:active {
  background-color: #cff3f6;
  color: rgb(8.40919087, 109.31948131, 117.72867218);
}

.btn-ghost-ep {
  background-color: transparent;
  color: rgb(69.90555, 84.3141, 240.59145);
  border-color: transparent;
}
.btn-ghost-ep:hover, .btn-ghost-ep:focus {
  background-color: rgb(238.3, 239.6, 253.7);
  border-color: transparent;
  color: rgb(61.2633835, 76.344677, 239.9187065);
}
.btn-ghost-ep:active {
  background-color: rgb(221.6, 224.2, 252.4);
  color: rgb(52.880481995, 68.61433669, 239.266145305);
}

.btn-link {
  background: transparent;
  border-color: transparent;
  color: rgb(69.90555, 84.3141, 240.59145);
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
}
.btn-link:hover, .btn-link:focus {
  color: rgb(35.336884, 52.436408, 237.900476);
  text-decoration: underline;
  background: transparent;
}

.btn-loading {
  position: relative;
  pointer-events: none;
  color: transparent !important;
}
.btn-loading::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) #fff;
  border-radius: 50%;
  animation: btn-spin 0.6s linear infinite;
}

@keyframes btn-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.btn-group {
  display: inline-flex;
  position: relative;
}
.btn-group .btn {
  border-radius: 0;
  position: relative;
  z-index: 0;
}
.btn-group .btn:hover, .btn-group .btn:focus {
  z-index: 1;
}
.btn-group .btn:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.btn-group .btn:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.btn-group .btn + .btn {
  margin-left: -1px;
}
.btn-group.btn-group-vertical {
  flex-direction: column;
}
.btn-group.btn-group-vertical .btn {
  width: 100%;
  border-radius: 0;
}
.btn-group.btn-group-vertical .btn:first-child {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.btn-group.btn-group-vertical .btn:last-child {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.btn-group.btn-group-vertical .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}

.card-horizontal, .card-solid-ep, .card-ep, .card-solid-en, .card-en, .card-solid-eb, .card-eb, .card-solid-es, .card-es, .card-solid-eg, .card-eg, .card-solid-dark, .card-dark, .card-solid-info, .card-info, .card-solid-warning, .card-warning, .card-solid-danger, .card-danger, .card-solid-success, .card-success, .card-solid-secondary, .card-secondary, .card-solid-primary2, .card-primary2, .card-solid-primary, .card-primary, .card-interactive, .card-elevated, .card-bordered, .card-flat, .card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

@media (prefers-color-scheme: dark) {
  .card:not(.card-flat):not(.card-bordered):not(.card-elevated):not(.card-interactive):not([class*=card-solid-]):not([class*=card-soft-]) {
    background: rgb(9.408, 10.36, 11.312);
    border-color: rgb(14.028, 15.54, 17.052);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  }
  .card:not(.card-flat):not(.card-bordered):not(.card-elevated):not(.card-interactive):not([class*=card-solid-]):not([class*=card-soft-]) > .card-header {
    background-color: transparent;
    border-color: rgb(19.8, 22.2, 24.6);
  }
  .card:not(.card-flat):not(.card-bordered):not(.card-elevated):not(.card-interactive):not([class*=card-solid-]):not([class*=card-soft-]) > .card-header > .card-title {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  .card:not(.card-flat):not(.card-bordered):not(.card-elevated):not(.card-interactive):not([class*=card-solid-]):not([class*=card-soft-]) > .card-header > .card-subtitle {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  .card:not(.card-flat):not(.card-bordered):not(.card-elevated):not(.card-interactive):not([class*=card-solid-]):not([class*=card-soft-]) > .card-body > .card-title {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  .card:not(.card-flat):not(.card-bordered):not(.card-elevated):not(.card-interactive):not([class*=card-solid-]):not([class*=card-soft-]) > .card-body > .card-subtitle {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  .card:not(.card-flat):not(.card-bordered):not(.card-elevated):not(.card-interactive):not([class*=card-solid-]):not([class*=card-soft-]) > .card-body > .card-text {
    color: rgb(170.4513513514, 178.7, 186.9486486486);
  }
  .card:not(.card-flat):not(.card-bordered):not(.card-elevated):not(.card-interactive):not([class*=card-solid-]):not([class*=card-soft-]) > .card-footer {
    background-color: transparent;
    border-color: rgb(19.8, 22.2, 24.6);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
}
.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f1f5f9;
  background-color: #f1f5f9;
}
.card-header > .card-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.card-header > .card-subtitle {
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #64748b;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.card-body > .card-title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  color: #0f172a;
}
.card-body > .card-subtitle {
  font-size: 0.875rem;
  color: #64748b;
  margin-bottom: 0.75rem;
  margin-top: -0.25rem;
}
.card-body > .card-text {
  font-size: 0.875rem;
  color: #475569;
  line-height: 1.65;
  margin-bottom: 0;
}

.card-footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.25rem;
  border-top: 1px solid #f1f5f9;
  background: #f1f5f9;
  font-size: 0.875rem;
  color: #64748b;
}

.card-media {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.card-media img, .card-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.card-media {
  height: 200px;
}
.card-media.card-media-sm {
  height: 140px;
}
.card-media.card-media-lg {
  height: 280px;
}
.card-media.card-media-xl {
  height: 360px;
}
.card-media.card-media-auto {
  height: auto;
}

.card-media-overlay {
  position: absolute;
  inset: 0;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
  color: white;
}
.card-media-overlay > .card-title {
  color: white;
  margin-bottom: 0.25rem;
}
.card-media-overlay > .card-subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.card-media-overlay > .card-text {
  color: rgba(255, 255, 255, 0.9);
}

.card-flat {
  border: none;
  box-shadow: none;
  background: #f1f5f9;
}

.card-bordered {
  background-color: #ffffff;
  box-shadow: none;
  border: 1px solid #e2e8f0;
}

.card-elevated {
  background-color: #ffffff;
  border: none;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
}

.card-interactive {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.card-interactive:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}
.card-interactive:hover .card-media img {
  transform: scale(1.04);
}
.card-interactive:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.card-primary {
  background-color: rgb(171.5, 178, 248.5);
}
.card-primary > .card-header,
.card-primary > .card-footer {
  background-color: rgb(4.7666666667, 9.5333333333, 61.2333333333);
  border-color: rgb(11.9166666667, 23.8333333333, 153.0833333333);
}
.card-primary.card-primary {
  color: rgb(171.5, 178, 248.5);
}
.card-primary.card-primary > .card-header > .card-title {
  color: rgb(221.6, 224.2, 252.4);
}
.card-primary.card-primary > .card-header,
.card-primary.card-primary > .card-footer,
.card-primary.card-primary > .card-header > .card-subtitle,
.card-primary.card-primary > .card-body > .card-title,
.card-primary.card-primary > .card-body > .card-subtitle,
.card-primary.card-primary > .card-body > .card-text,
.card-primary.card-primary > .card-media-overlay > .card-title,
.card-primary.card-primary > .card-media-overlay > .card-subtitle,
.card-primary.card-primary > .card-media-overlay > .card-text {
  color: rgb(4.7666666667, 9.5333333333, 61.2333333333);
}

.card-solid-primary {
  background-color: #5865F2;
  border: 1px solid #5865f2;
}
.card-solid-primary > .card-header {
  background-color: rgb(11.9166666667, 23.8333333333, 153.0833333333);
  border-color: #5865f2;
}
.card-solid-primary > .card-body {
  background-color: rgb(11.9166666667, 23.8333333333, 153.0833333333);
  border-color: #5865f2;
}
.card-solid-primary > .card-footer {
  background-color: rgb(11.9166666667, 23.8333333333, 153.0833333333);
  border-color: #5865f2;
}
.card-solid-primary.card-solid-primary {
  color: rgb(171.5, 178, 248.5);
}
.card-solid-primary.card-solid-primary > .card-header,
.card-solid-primary.card-solid-primary > .card-footer,
.card-solid-primary.card-solid-primary > .card-header > .card-title,
.card-solid-primary.card-solid-primary > .card-header > .card-subtitle,
.card-solid-primary.card-solid-primary > .card-body > .card-title,
.card-solid-primary.card-solid-primary > .card-body > .card-subtitle,
.card-solid-primary.card-solid-primary > .card-body > .card-text,
.card-solid-primary.card-solid-primary > .card-media-overlay > .card-title,
.card-solid-primary.card-solid-primary > .card-media-overlay > .card-subtitle,
.card-solid-primary.card-solid-primary > .card-media-overlay > .card-text {
  color: rgb(171.5, 178, 248.5);
}

.card-primary2 {
  background-color: rgb(112.7985074627, 242.7014925373, 199.6567164179);
}
.card-primary2 > .card-header,
.card-primary2 > .card-footer {
  background-color: rgb(3.2, 37, 25.8);
  border-color: rgb(8, 92.5, 64.5);
}
.card-primary2.card-primary2 {
  color: rgb(112.7985074627, 242.7014925373, 199.6567164179);
}
.card-primary2.card-primary2 > .card-header > .card-title {
  color: rgb(198.1194029851, 250.0805970149, 232.8626865672);
}
.card-primary2.card-primary2 > .card-header,
.card-primary2.card-primary2 > .card-footer,
.card-primary2.card-primary2 > .card-header > .card-subtitle,
.card-primary2.card-primary2 > .card-body > .card-title,
.card-primary2.card-primary2 > .card-body > .card-subtitle,
.card-primary2.card-primary2 > .card-body > .card-text,
.card-primary2.card-primary2 > .card-media-overlay > .card-title,
.card-primary2.card-primary2 > .card-media-overlay > .card-subtitle,
.card-primary2.card-primary2 > .card-media-overlay > .card-text {
  color: rgb(3.2, 37, 25.8);
}

.card-solid-primary2 {
  background-color: #10b981;
  border: 1px solid #10b981;
}
.card-solid-primary2 > .card-header {
  background-color: rgb(8, 92.5, 64.5);
  border-color: #10b981;
}
.card-solid-primary2 > .card-body {
  background-color: rgb(8, 92.5, 64.5);
  border-color: #10b981;
}
.card-solid-primary2 > .card-footer {
  background-color: rgb(8, 92.5, 64.5);
  border-color: #10b981;
}
.card-solid-primary2.card-solid-primary2 {
  color: rgb(112.7985074627, 242.7014925373, 199.6567164179);
}
.card-solid-primary2.card-solid-primary2 > .card-header,
.card-solid-primary2.card-solid-primary2 > .card-footer,
.card-solid-primary2.card-solid-primary2 > .card-header > .card-title,
.card-solid-primary2.card-solid-primary2 > .card-header > .card-subtitle,
.card-solid-primary2.card-solid-primary2 > .card-body > .card-title,
.card-solid-primary2.card-solid-primary2 > .card-body > .card-subtitle,
.card-solid-primary2.card-solid-primary2 > .card-body > .card-text,
.card-solid-primary2.card-solid-primary2 > .card-media-overlay > .card-title,
.card-solid-primary2.card-solid-primary2 > .card-media-overlay > .card-subtitle,
.card-solid-primary2.card-solid-primary2 > .card-media-overlay > .card-text {
  color: rgb(112.7985074627, 242.7014925373, 199.6567164179);
}

.card-secondary {
  background-color: rgb(176.1945606695, 185.2656903766, 198.3054393305);
}
.card-secondary > .card-header,
.card-secondary > .card-footer {
  background-color: rgb(20, 23.2, 27.8);
  border-color: rgb(50, 58, 69.5);
}
.card-secondary.card-secondary {
  color: rgb(176.1945606695, 185.2656903766, 198.3054393305);
}
.card-secondary.card-secondary > .card-header > .card-title {
  color: rgb(223.4778242678, 227.1062761506, 232.3221757322);
}
.card-secondary.card-secondary > .card-header,
.card-secondary.card-secondary > .card-footer,
.card-secondary.card-secondary > .card-header > .card-subtitle,
.card-secondary.card-secondary > .card-body > .card-title,
.card-secondary.card-secondary > .card-body > .card-subtitle,
.card-secondary.card-secondary > .card-body > .card-text,
.card-secondary.card-secondary > .card-media-overlay > .card-title,
.card-secondary.card-secondary > .card-media-overlay > .card-subtitle,
.card-secondary.card-secondary > .card-media-overlay > .card-text {
  color: rgb(20, 23.2, 27.8);
}

.card-solid-secondary {
  background-color: #64748b;
  border: 1px solid #64748b;
}
.card-solid-secondary > .card-header {
  background-color: rgb(50, 58, 69.5);
  border-color: #64748b;
}
.card-solid-secondary > .card-body {
  background-color: rgb(50, 58, 69.5);
  border-color: #64748b;
}
.card-solid-secondary > .card-footer {
  background-color: rgb(50, 58, 69.5);
  border-color: #64748b;
}
.card-solid-secondary.card-solid-secondary {
  color: rgb(176.1945606695, 185.2656903766, 198.3054393305);
}
.card-solid-secondary.card-solid-secondary > .card-header,
.card-solid-secondary.card-solid-secondary > .card-footer,
.card-solid-secondary.card-solid-secondary > .card-header > .card-title,
.card-solid-secondary.card-solid-secondary > .card-header > .card-subtitle,
.card-solid-secondary.card-solid-secondary > .card-body > .card-title,
.card-solid-secondary.card-solid-secondary > .card-body > .card-subtitle,
.card-solid-secondary.card-solid-secondary > .card-body > .card-text,
.card-solid-secondary.card-solid-secondary > .card-media-overlay > .card-title,
.card-solid-secondary.card-solid-secondary > .card-media-overlay > .card-subtitle,
.card-solid-secondary.card-solid-secondary > .card-media-overlay > .card-text {
  color: rgb(176.1945606695, 185.2656903766, 198.3054393305);
}

.card-success {
  background-color: rgb(136.0324675325, 234.4675324675, 172.2662337662);
}
.card-success > .card-header,
.card-success > .card-footer {
  background-color: rgb(6.8, 39.4, 18.8);
  border-color: rgb(17, 98.5, 47);
}
.card-success.card-success {
  color: rgb(136.0324675325, 234.4675324675, 172.2662337662);
}
.card-success.card-success > .card-header > .card-title {
  color: rgb(207.412987013, 246.787012987, 221.9064935065);
}
.card-success.card-success > .card-header,
.card-success.card-success > .card-footer,
.card-success.card-success > .card-header > .card-subtitle,
.card-success.card-success > .card-body > .card-title,
.card-success.card-success > .card-body > .card-subtitle,
.card-success.card-success > .card-body > .card-text,
.card-success.card-success > .card-media-overlay > .card-title,
.card-success.card-success > .card-media-overlay > .card-subtitle,
.card-success.card-success > .card-media-overlay > .card-text {
  color: rgb(6.8, 39.4, 18.8);
}

.card-solid-success {
  background-color: #22c55e;
  border: 1px solid #22c55e;
}
.card-solid-success > .card-header {
  background-color: rgb(17, 98.5, 47);
  border-color: #22c55e;
}
.card-solid-success > .card-body {
  background-color: rgb(17, 98.5, 47);
  border-color: #22c55e;
}
.card-solid-success > .card-footer {
  background-color: rgb(17, 98.5, 47);
  border-color: #22c55e;
}
.card-solid-success.card-solid-success {
  color: rgb(136.0324675325, 234.4675324675, 172.2662337662);
}
.card-solid-success.card-solid-success > .card-header,
.card-solid-success.card-solid-success > .card-footer,
.card-solid-success.card-solid-success > .card-header > .card-title,
.card-solid-success.card-solid-success > .card-header > .card-subtitle,
.card-solid-success.card-solid-success > .card-body > .card-title,
.card-solid-success.card-solid-success > .card-body > .card-subtitle,
.card-solid-success.card-solid-success > .card-body > .card-text,
.card-solid-success.card-solid-success > .card-media-overlay > .card-title,
.card-solid-success.card-solid-success > .card-media-overlay > .card-subtitle,
.card-solid-success.card-solid-success > .card-media-overlay > .card-text {
  color: rgb(136.0324675325, 234.4675324675, 172.2662337662);
}

.card-danger {
  background-color: rgb(247, 161.5, 161.5);
}
.card-danger > .card-header,
.card-danger > .card-footer {
  background-color: rgb(56.560591133, 4.839408867, 4.839408867);
  border-color: rgb(141.4014778325, 12.0985221675, 12.0985221675);
}
.card-danger.card-danger {
  color: rgb(247, 161.5, 161.5);
}
.card-danger.card-danger > .card-header > .card-title {
  color: rgb(251.8, 217.6, 217.6);
}
.card-danger.card-danger > .card-header,
.card-danger.card-danger > .card-footer,
.card-danger.card-danger > .card-header > .card-subtitle,
.card-danger.card-danger > .card-body > .card-title,
.card-danger.card-danger > .card-body > .card-subtitle,
.card-danger.card-danger > .card-body > .card-text,
.card-danger.card-danger > .card-media-overlay > .card-title,
.card-danger.card-danger > .card-media-overlay > .card-subtitle,
.card-danger.card-danger > .card-media-overlay > .card-text {
  color: rgb(56.560591133, 4.839408867, 4.839408867);
}

.card-solid-danger {
  background-color: #ef4444;
  border: 1px solid #ef4444;
}
.card-solid-danger > .card-header {
  background-color: rgb(141.4014778325, 12.0985221675, 12.0985221675);
  border-color: #ef4444;
}
.card-solid-danger > .card-body {
  background-color: rgb(141.4014778325, 12.0985221675, 12.0985221675);
  border-color: #ef4444;
}
.card-solid-danger > .card-footer {
  background-color: rgb(141.4014778325, 12.0985221675, 12.0985221675);
  border-color: #ef4444;
}
.card-solid-danger.card-solid-danger {
  color: rgb(247, 161.5, 161.5);
}
.card-solid-danger.card-solid-danger > .card-header,
.card-solid-danger.card-solid-danger > .card-footer,
.card-solid-danger.card-solid-danger > .card-header > .card-title,
.card-solid-danger.card-solid-danger > .card-header > .card-subtitle,
.card-solid-danger.card-solid-danger > .card-body > .card-title,
.card-solid-danger.card-solid-danger > .card-body > .card-subtitle,
.card-solid-danger.card-solid-danger > .card-body > .card-text,
.card-solid-danger.card-solid-danger > .card-media-overlay > .card-title,
.card-solid-danger.card-solid-danger > .card-media-overlay > .card-subtitle,
.card-solid-danger.card-solid-danger > .card-media-overlay > .card-text {
  color: rgb(247, 161.5, 161.5);
}

.card-warning {
  background-color: rgb(250, 206.5, 133);
}
.card-warning > .card-header,
.card-warning > .card-footer {
  background-color: rgb(49.1842519685, 31.6472440945, 2.0157480315);
  border-color: rgb(122.9606299213, 79.1181102362, 5.0393700787);
}
.card-warning.card-warning {
  color: rgb(250, 206.5, 133);
}
.card-warning.card-warning > .card-header > .card-title {
  color: rgb(253, 235.6, 206.2);
}
.card-warning.card-warning > .card-header,
.card-warning.card-warning > .card-footer,
.card-warning.card-warning > .card-header > .card-subtitle,
.card-warning.card-warning > .card-body > .card-title,
.card-warning.card-warning > .card-body > .card-subtitle,
.card-warning.card-warning > .card-body > .card-text,
.card-warning.card-warning > .card-media-overlay > .card-title,
.card-warning.card-warning > .card-media-overlay > .card-subtitle,
.card-warning.card-warning > .card-media-overlay > .card-text {
  color: rgb(49.1842519685, 31.6472440945, 2.0157480315);
}

.card-solid-warning {
  background-color: #f59e0b;
  border: 1px solid #f59e0b;
}
.card-solid-warning > .card-header {
  background-color: rgb(122.9606299213, 79.1181102362, 5.0393700787);
  border-color: #f59e0b;
}
.card-solid-warning > .card-body {
  background-color: rgb(122.9606299213, 79.1181102362, 5.0393700787);
  border-color: #f59e0b;
}
.card-solid-warning > .card-footer {
  background-color: rgb(122.9606299213, 79.1181102362, 5.0393700787);
  border-color: #f59e0b;
}
.card-solid-warning.card-solid-warning {
  color: rgb(250, 206.5, 133);
}
.card-solid-warning.card-solid-warning > .card-header,
.card-solid-warning.card-solid-warning > .card-footer,
.card-solid-warning.card-solid-warning > .card-header > .card-title,
.card-solid-warning.card-solid-warning > .card-header > .card-subtitle,
.card-solid-warning.card-solid-warning > .card-body > .card-title,
.card-solid-warning.card-solid-warning > .card-body > .card-subtitle,
.card-solid-warning.card-solid-warning > .card-body > .card-text,
.card-solid-warning.card-solid-warning > .card-media-overlay > .card-title,
.card-solid-warning.card-solid-warning > .card-media-overlay > .card-subtitle,
.card-solid-warning.card-solid-warning > .card-media-overlay > .card-text {
  color: rgb(250, 206.5, 133);
}

.card-info {
  background-color: rgb(155.5, 222, 251.5);
}
.card-info > .card-header,
.card-info > .card-footer {
  background-color: rgb(2.0660194175, 41.3203883495, 58.7339805825);
  border-color: rgb(5.1650485437, 103.3009708738, 146.8349514563);
}
.card-info.card-info {
  color: rgb(155.5, 222, 251.5);
}
.card-info.card-info > .card-header > .card-title {
  color: rgb(215.2, 241.8, 253.6);
}
.card-info.card-info > .card-header,
.card-info.card-info > .card-footer,
.card-info.card-info > .card-header > .card-subtitle,
.card-info.card-info > .card-body > .card-title,
.card-info.card-info > .card-body > .card-subtitle,
.card-info.card-info > .card-body > .card-text,
.card-info.card-info > .card-media-overlay > .card-title,
.card-info.card-info > .card-media-overlay > .card-subtitle,
.card-info.card-info > .card-media-overlay > .card-text {
  color: rgb(2.0660194175, 41.3203883495, 58.7339805825);
}

.card-solid-info {
  background-color: #38bdf8;
  border: 1px solid #38bdf8;
}
.card-solid-info > .card-header {
  background-color: rgb(5.1650485437, 103.3009708738, 146.8349514563);
  border-color: #38bdf8;
}
.card-solid-info > .card-body {
  background-color: rgb(5.1650485437, 103.3009708738, 146.8349514563);
  border-color: #38bdf8;
}
.card-solid-info > .card-footer {
  background-color: rgb(5.1650485437, 103.3009708738, 146.8349514563);
  border-color: #38bdf8;
}
.card-solid-info.card-solid-info {
  color: rgb(155.5, 222, 251.5);
}
.card-solid-info.card-solid-info > .card-header,
.card-solid-info.card-solid-info > .card-footer,
.card-solid-info.card-solid-info > .card-header > .card-title,
.card-solid-info.card-solid-info > .card-header > .card-subtitle,
.card-solid-info.card-solid-info > .card-body > .card-title,
.card-solid-info.card-solid-info > .card-body > .card-subtitle,
.card-solid-info.card-solid-info > .card-body > .card-text,
.card-solid-info.card-solid-info > .card-media-overlay > .card-title,
.card-solid-info.card-solid-info > .card-media-overlay > .card-subtitle,
.card-solid-info.card-solid-info > .card-media-overlay > .card-text {
  color: rgb(155.5, 222, 251.5);
}

.card-dark {
  background-color: rgb(134.2162162162, 146, 157.7837837838);
}
.card-dark > .card-header,
.card-dark > .card-footer {
  background-color: rgb(6.6, 7.4, 8.2);
  border-color: rgb(16.5, 18.5, 20.5);
}
.card-dark.card-dark {
  color: rgb(134.2162162162, 146, 157.7837837838);
}
.card-dark.card-dark > .card-header > .card-title {
  color: rgb(206.6864864865, 211.4, 216.1135135135);
}
.card-dark.card-dark > .card-header,
.card-dark.card-dark > .card-footer,
.card-dark.card-dark > .card-header > .card-subtitle,
.card-dark.card-dark > .card-body > .card-title,
.card-dark.card-dark > .card-body > .card-subtitle,
.card-dark.card-dark > .card-body > .card-text,
.card-dark.card-dark > .card-media-overlay > .card-title,
.card-dark.card-dark > .card-media-overlay > .card-subtitle,
.card-dark.card-dark > .card-media-overlay > .card-text {
  color: rgb(6.6, 7.4, 8.2);
}

.card-solid-dark {
  background-color: #212529;
  border: 1px solid #212529;
}
.card-solid-dark > .card-header {
  background-color: rgb(16.5, 18.5, 20.5);
  border-color: #212529;
}
.card-solid-dark > .card-body {
  background-color: rgb(16.5, 18.5, 20.5);
  border-color: #212529;
}
.card-solid-dark > .card-footer {
  background-color: rgb(16.5, 18.5, 20.5);
  border-color: #212529;
}
.card-solid-dark.card-solid-dark {
  color: rgb(134.2162162162, 146, 157.7837837838);
}
.card-solid-dark.card-solid-dark > .card-header,
.card-solid-dark.card-solid-dark > .card-footer,
.card-solid-dark.card-solid-dark > .card-header > .card-title,
.card-solid-dark.card-solid-dark > .card-header > .card-subtitle,
.card-solid-dark.card-solid-dark > .card-body > .card-title,
.card-solid-dark.card-solid-dark > .card-body > .card-subtitle,
.card-solid-dark.card-solid-dark > .card-body > .card-text,
.card-solid-dark.card-solid-dark > .card-media-overlay > .card-title,
.card-solid-dark.card-solid-dark > .card-media-overlay > .card-subtitle,
.card-solid-dark.card-solid-dark > .card-media-overlay > .card-text {
  color: rgb(134.2162162162, 146, 157.7837837838);
}

.card-eg {
  background-color: rgb(122.8571428571, 237.1428571429, 158.5714285714);
}
.card-eg > .card-header,
.card-eg > .card-footer {
  background-color: #05250f;
  border-color: rgb(12.5, 92.5, 37.5);
}
.card-eg.card-eg {
  color: rgb(122.8571428571, 237.1428571429, 158.5714285714);
}
.card-eg.card-eg > .card-header > .card-title {
  color: rgb(202.1428571429, 247.8571428571, 216.4285714286);
}
.card-eg.card-eg > .card-header,
.card-eg.card-eg > .card-footer,
.card-eg.card-eg > .card-header > .card-subtitle,
.card-eg.card-eg > .card-body > .card-title,
.card-eg.card-eg > .card-body > .card-subtitle,
.card-eg.card-eg > .card-body > .card-text,
.card-eg.card-eg > .card-media-overlay > .card-title,
.card-eg.card-eg > .card-media-overlay > .card-subtitle,
.card-eg.card-eg > .card-media-overlay > .card-text {
  color: #05250f;
}

.card-solid-eg {
  background-color: #19B94B;
  border: 1px solid #19b94b;
}
.card-solid-eg > .card-header {
  background-color: rgb(12.5, 92.5, 37.5);
  border-color: #19b94b;
}
.card-solid-eg > .card-body {
  background-color: rgb(12.5, 92.5, 37.5);
  border-color: #19b94b;
}
.card-solid-eg > .card-footer {
  background-color: rgb(12.5, 92.5, 37.5);
  border-color: #19b94b;
}
.card-solid-eg.card-solid-eg {
  color: rgb(122.8571428571, 237.1428571429, 158.5714285714);
}
.card-solid-eg.card-solid-eg > .card-header,
.card-solid-eg.card-solid-eg > .card-footer,
.card-solid-eg.card-solid-eg > .card-header > .card-title,
.card-solid-eg.card-solid-eg > .card-header > .card-subtitle,
.card-solid-eg.card-solid-eg > .card-body > .card-title,
.card-solid-eg.card-solid-eg > .card-body > .card-subtitle,
.card-solid-eg.card-solid-eg > .card-body > .card-text,
.card-solid-eg.card-solid-eg > .card-media-overlay > .card-title,
.card-solid-eg.card-solid-eg > .card-media-overlay > .card-subtitle,
.card-solid-eg.card-solid-eg > .card-media-overlay > .card-text {
  color: rgb(122.8571428571, 237.1428571429, 158.5714285714);
}

.card-es {
  background-color: rgb(136.0204081633, 198.2142857143, 241.4795918367);
}
.card-es > .card-header,
.card-es > .card-footer {
  background-color: #051c2c;
  border-color: rgb(12.5, 70, 110);
}
.card-es.card-es {
  color: rgb(136.0204081633, 198.2142857143, 241.4795918367);
}
.card-es.card-es > .card-header > .card-title {
  color: rgb(207.4081632653, 232.2857142857, 249.5918367347);
}
.card-es.card-es > .card-header,
.card-es.card-es > .card-footer,
.card-es.card-es > .card-header > .card-subtitle,
.card-es.card-es > .card-body > .card-title,
.card-es.card-es > .card-body > .card-subtitle,
.card-es.card-es > .card-body > .card-text,
.card-es.card-es > .card-media-overlay > .card-title,
.card-es.card-es > .card-media-overlay > .card-subtitle,
.card-es.card-es > .card-media-overlay > .card-text {
  color: #051c2c;
}

.card-solid-es {
  background-color: #198CDC;
  border: 1px solid #198cdc;
}
.card-solid-es > .card-header {
  background-color: rgb(12.5, 70, 110);
  border-color: #198cdc;
}
.card-solid-es > .card-body {
  background-color: rgb(12.5, 70, 110);
  border-color: #198cdc;
}
.card-solid-es > .card-footer {
  background-color: rgb(12.5, 70, 110);
  border-color: #198cdc;
}
.card-solid-es.card-solid-es {
  color: rgb(136.0204081633, 198.2142857143, 241.4795918367);
}
.card-solid-es.card-solid-es > .card-header,
.card-solid-es.card-solid-es > .card-footer,
.card-solid-es.card-solid-es > .card-header > .card-title,
.card-solid-es.card-solid-es > .card-header > .card-subtitle,
.card-solid-es.card-solid-es > .card-body > .card-title,
.card-solid-es.card-solid-es > .card-body > .card-subtitle,
.card-solid-es.card-solid-es > .card-body > .card-text,
.card-solid-es.card-solid-es > .card-media-overlay > .card-title,
.card-solid-es.card-solid-es > .card-media-overlay > .card-subtitle,
.card-solid-es.card-solid-es > .card-media-overlay > .card-text {
  color: rgb(136.0204081633, 198.2142857143, 241.4795918367);
}

.card-eb {
  background-color: rgb(242.5, 170, 143.5);
}
.card-eb > .card-header,
.card-eb > .card-footer {
  background-color: rgb(47.1177419355, 16.4806451613, 5.2822580645);
  border-color: rgb(117.7943548387, 41.2016129032, 13.2056451613);
}
.card-eb.card-eb {
  color: rgb(242.5, 170, 143.5);
}
.card-eb.card-eb > .card-header > .card-title {
  color: rgb(250, 221, 210.4);
}
.card-eb.card-eb > .card-header,
.card-eb.card-eb > .card-footer,
.card-eb.card-eb > .card-header > .card-subtitle,
.card-eb.card-eb > .card-body > .card-title,
.card-eb.card-eb > .card-body > .card-subtitle,
.card-eb.card-eb > .card-body > .card-text,
.card-eb.card-eb > .card-media-overlay > .card-title,
.card-eb.card-eb > .card-media-overlay > .card-subtitle,
.card-eb.card-eb > .card-media-overlay > .card-text {
  color: rgb(47.1177419355, 16.4806451613, 5.2822580645);
}

.card-solid-eb {
  background-color: #E65520;
  border: 1px solid #e65520;
}
.card-solid-eb > .card-header {
  background-color: rgb(117.7943548387, 41.2016129032, 13.2056451613);
  border-color: #e65520;
}
.card-solid-eb > .card-body {
  background-color: rgb(117.7943548387, 41.2016129032, 13.2056451613);
  border-color: #e65520;
}
.card-solid-eb > .card-footer {
  background-color: rgb(117.7943548387, 41.2016129032, 13.2056451613);
  border-color: #e65520;
}
.card-solid-eb.card-solid-eb {
  color: rgb(242.5, 170, 143.5);
}
.card-solid-eb.card-solid-eb > .card-header,
.card-solid-eb.card-solid-eb > .card-footer,
.card-solid-eb.card-solid-eb > .card-header > .card-title,
.card-solid-eb.card-solid-eb > .card-header > .card-subtitle,
.card-solid-eb.card-solid-eb > .card-body > .card-title,
.card-solid-eb.card-solid-eb > .card-body > .card-subtitle,
.card-solid-eb.card-solid-eb > .card-body > .card-text,
.card-solid-eb.card-solid-eb > .card-media-overlay > .card-title,
.card-solid-eb.card-solid-eb > .card-media-overlay > .card-subtitle,
.card-solid-eb.card-solid-eb > .card-media-overlay > .card-text {
  color: rgb(242.5, 170, 143.5);
}

.card-en {
  background-color: rgb(122, 236, 245.5);
}
.card-en > .card-header,
.card-en > .card-footer {
  background-color: #03272a;
  border-color: rgb(7.5, 97.5, 105);
}
.card-en.card-en {
  color: rgb(122, 236, 245.5);
}
.card-en.card-en > .card-header > .card-title {
  color: rgb(201.8, 247.4, 251.2);
}
.card-en.card-en > .card-header,
.card-en.card-en > .card-footer,
.card-en.card-en > .card-header > .card-subtitle,
.card-en.card-en > .card-body > .card-title,
.card-en.card-en > .card-body > .card-subtitle,
.card-en.card-en > .card-body > .card-text,
.card-en.card-en > .card-media-overlay > .card-title,
.card-en.card-en > .card-media-overlay > .card-subtitle,
.card-en.card-en > .card-media-overlay > .card-text {
  color: #03272a;
}

.card-solid-en {
  background-color: #0FC3D2;
  border: 1px solid #0fc3d2;
}
.card-solid-en > .card-header {
  background-color: rgb(7.5, 97.5, 105);
  border-color: #0fc3d2;
}
.card-solid-en > .card-body {
  background-color: rgb(7.5, 97.5, 105);
  border-color: #0fc3d2;
}
.card-solid-en > .card-footer {
  background-color: rgb(7.5, 97.5, 105);
  border-color: #0fc3d2;
}
.card-solid-en.card-solid-en {
  color: rgb(122, 236, 245.5);
}
.card-solid-en.card-solid-en > .card-header,
.card-solid-en.card-solid-en > .card-footer,
.card-solid-en.card-solid-en > .card-header > .card-title,
.card-solid-en.card-solid-en > .card-header > .card-subtitle,
.card-solid-en.card-solid-en > .card-body > .card-title,
.card-solid-en.card-solid-en > .card-body > .card-subtitle,
.card-solid-en.card-solid-en > .card-body > .card-text,
.card-solid-en.card-solid-en > .card-media-overlay > .card-title,
.card-solid-en.card-solid-en > .card-media-overlay > .card-subtitle,
.card-solid-en.card-solid-en > .card-media-overlay > .card-text {
  color: rgb(122, 236, 245.5);
}

.card-ep {
  background-color: rgb(171.5, 178, 248.5);
}
.card-ep > .card-header,
.card-ep > .card-footer {
  background-color: rgb(4.7666666667, 9.5333333333, 61.2333333333);
  border-color: rgb(11.9166666667, 23.8333333333, 153.0833333333);
}
.card-ep.card-ep {
  color: rgb(171.5, 178, 248.5);
}
.card-ep.card-ep > .card-header > .card-title {
  color: rgb(221.6, 224.2, 252.4);
}
.card-ep.card-ep > .card-header,
.card-ep.card-ep > .card-footer,
.card-ep.card-ep > .card-header > .card-subtitle,
.card-ep.card-ep > .card-body > .card-title,
.card-ep.card-ep > .card-body > .card-subtitle,
.card-ep.card-ep > .card-body > .card-text,
.card-ep.card-ep > .card-media-overlay > .card-title,
.card-ep.card-ep > .card-media-overlay > .card-subtitle,
.card-ep.card-ep > .card-media-overlay > .card-text {
  color: rgb(4.7666666667, 9.5333333333, 61.2333333333);
}

.card-solid-ep {
  background-color: #5865F2;
  border: 1px solid #5865f2;
}
.card-solid-ep > .card-header {
  background-color: rgb(11.9166666667, 23.8333333333, 153.0833333333);
  border-color: #5865f2;
}
.card-solid-ep > .card-body {
  background-color: rgb(11.9166666667, 23.8333333333, 153.0833333333);
  border-color: #5865f2;
}
.card-solid-ep > .card-footer {
  background-color: rgb(11.9166666667, 23.8333333333, 153.0833333333);
  border-color: #5865f2;
}
.card-solid-ep.card-solid-ep {
  color: rgb(171.5, 178, 248.5);
}
.card-solid-ep.card-solid-ep > .card-header,
.card-solid-ep.card-solid-ep > .card-footer,
.card-solid-ep.card-solid-ep > .card-header > .card-title,
.card-solid-ep.card-solid-ep > .card-header > .card-subtitle,
.card-solid-ep.card-solid-ep > .card-body > .card-title,
.card-solid-ep.card-solid-ep > .card-body > .card-subtitle,
.card-solid-ep.card-solid-ep > .card-body > .card-text,
.card-solid-ep.card-solid-ep > .card-media-overlay > .card-title,
.card-solid-ep.card-solid-ep > .card-media-overlay > .card-subtitle,
.card-solid-ep.card-solid-ep > .card-media-overlay > .card-text {
  color: rgb(171.5, 178, 248.5);
}

.card-horizontal {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  flex-direction: row;
}
.card-horizontal .card-media {
  height: auto;
  width: 220px;
  flex-shrink: 0;
  border-radius: 0;
}
.card-horizontal .card-body {
  padding: 1.25rem;
}
@media (max-width: calc(576px - 1px)) {
  .card-horizontal {
    flex-direction: column;
  }
  .card-horizontal .card-media {
    width: 100%;
    height: 180px;
  }
}

.card-group {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .card-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .card-group {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 576px) {
  .card-group.card-group-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 576px) {
  .card-group.card-group-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .card-group.card-group-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.card-badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  padding: 0.2rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 9999px;
  background: #5865F2;
  color: white;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.card-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 0 1.25rem;
}

@keyframes card-shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.card-skeleton .skeleton {
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 400px 100%;
  animation: card-shimmer 1.4s ease infinite;
  border-radius: 0.375rem;
}
.card-skeleton .skeleton-text {
  height: 1rem;
  margin-bottom: 0.5rem;
}
.card-skeleton .skeleton-title {
  height: 1.4rem;
  width: 60%;
  margin-bottom: 0.75rem;
}
.card-skeleton .skeleton-media {
  height: 200px;
  border-radius: 0;
}
.card-skeleton .skeleton-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.navbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.75rem 1.25rem;
  width: 100%;
  z-index: 1020;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.5rem;
}

.navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: -0.02em;
  color: inherit;
  flex-shrink: 0;
  transition: opacity 0.15s ease;
}
.navbar-brand:hover {
  opacity: 0.85;
  text-decoration: none;
}
.navbar-brand img, .navbar-brand svg {
  height: 2rem;
  width: auto;
  display: inline-block;
}

.navbar-toggler {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.25rem;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  background: none;
  transition: all 0.2s ease;
}
.navbar-toggler:hover {
  background: rgba(0, 0, 0, 0.07);
}
.navbar-toggler .toggler-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 0.25s ease, opacity 0.2s ease, width 0.2s ease;
}
.navbar-toggler[aria-expanded=true] .toggler-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.navbar-toggler[aria-expanded=true] .toggler-bar:nth-child(2) {
  opacity: 0;
  width: 0;
}
.navbar-toggler[aria-expanded=true] .toggler-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
@media (min-width: 992px) {
  .navbar-toggler {
    display: none;
  }
}

.navbar-collapse {
  display: grid;
  grid-template-rows: 0fr;
  width: 100%;
  flex-basis: 100%;
  overflow: hidden;
  transition: grid-template-rows 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-collapse > * {
  min-height: 0;
}
.navbar-collapse.is-open {
  grid-template-rows: 1fr;
}
@media (min-width: 992px) {
  .navbar-collapse {
    display: flex !important;
    width: auto;
    flex-basis: auto;
    align-items: center;
    overflow: visible;
    grid-template-rows: unset;
  }
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0.5rem 0;
  margin: 0;
  gap: 0;
}
@media (min-width: 992px) {
  .navbar-nav {
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 0.25rem;
  }
}

.nav-item,
.nav-item-dropdown {
  position: relative;
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  color: inherit;
  border-radius: 0.375rem;
  transition: background 0.15s ease, color 0.15s ease;
}
.nav-link:hover {
  background: rgba(0, 0, 0, 0.06);
  color: inherit;
}
.nav-link.active {
  font-weight: 600;
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
}
.nav-link.has-dropdown::after {
  content: "";
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  margin-left: 0.2em;
  transition: transform 0.2s ease;
}
.nav-link.has-dropdown.open::after {
  transform: rotate(-135deg) translateY(-2px);
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 0.5rem 0;
  margin-top: 0.25rem;
  z-index: 50;
  list-style: none;
  animation: dropdownFade 0.15s ease-out;
}
@media (max-width: calc(992px - 1px)) {
  .dropdown-menu {
    position: static;
    box-shadow: none;
    border: none;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0.375rem;
    padding: 0.25rem 0.5rem;
    margin-top: 0.25rem;
  }
}

.nav-item-dropdown:hover > .dropdown-menu,
.nav-item-dropdown.is-open > .dropdown-menu {
  display: block;
}

.dropdown-menu-mega {
  width: 480px;
  padding: 1.25rem;
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: calc(992px - 1px)) {
  .dropdown-menu-mega {
    width: 100%;
    grid-template-columns: 1fr;
  }
}

.nav-item-dropdown:hover > .dropdown-menu-mega,
.nav-item-dropdown.is-open > .dropdown-menu-mega {
  display: grid;
}

.mega-col-title {
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
  margin-bottom: 0.5rem;
}

.dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.8125rem;
  color: rgb(23.265, 27.75, 32.235);
  text-decoration: none;
  border-radius: 0.375rem;
  transition: background 0.12s ease, color 0.12s ease;
  cursor: pointer;
}
.dropdown-item:hover {
  background: #f1f5f9;
  color: rgb(18.6186, 22.94, 27.2614);
  text-decoration: none;
}
.dropdown-item.active {
  background: rgba(88, 101, 242, 0.08);
  color: #5865F2;
  font-weight: 600;
}
.dropdown-item.danger:hover {
  background: rgba(239, 68, 68, 0.08);
  color: #ef4444;
}
.dropdown-item svg, .dropdown-item .icon {
  width: 1rem;
  height: 1rem;
  opacity: 0.7;
  flex-shrink: 0;
}

.dropdown-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 0.4rem 0;
}

.dropdown-header {
  padding: 0.4rem 0.75rem 0.2rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

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

@keyframes dropdownFade {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.navbar-text {
  font-size: 0.875rem;
  color: inherit;
  opacity: 0.75;
  padding: 0.5rem 0.25rem;
}

.navbar-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.75rem;
}

.navbar-divider {
  width: 1px;
  height: 1.5rem;
  background: currentColor;
  opacity: 0.2;
  margin: 0 0.25rem;
}

.navbar-sticky {
  position: sticky;
  top: 0;
}
.navbar-sticky.scrolled {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
}

.navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.navbar-light {
  background-color: #ffffff;
  color: #1e293b;
  border-bottom: 1px solid #e2e8f0;
}
.navbar-light .navbar-brand {
  color: #0f172a;
}
.navbar-light .navbar-text {
  color: #475569;
}
.navbar-light .navbar-divider {
  background: #cbd5e1;
}
.navbar-light .nav-link {
  color: #334155;
}
.navbar-light .nav-link:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.navbar-light .nav-link.active {
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
}
.navbar-light .navbar-toggler {
  color: #334155;
  border-color: #cbd5e1;
}
.navbar-light .navbar-toggler:hover {
  background: #f1f5f9;
}
.navbar-light .dropdown-menu {
  background-color: #ffffff;
  border-color: #e2e8f0;
}
.navbar-light .dropdown-item {
  color: #334155;
}
.navbar-light .dropdown-item:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}
.navbar-light .dropdown-divider {
  background-color: #e2e8f0;
}
.navbar-light .mega-col-title {
  color: #94a3b8;
}

.navbar-dark {
  background-color: rgb(14.52, 18.5, 22.48);
  color: rgb(131.5907891892, 141.64, 151.6892108108);
  border-bottom: 1px solid rgb(18.6186, 22.94, 27.2614);
}
.navbar-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.65);
}
.navbar-dark .navbar-divider {
  background: rgba(255, 255, 255, 0.15);
}
.navbar-dark .nav-link {
  color: rgba(255, 255, 255, 0.85);
}
.navbar-dark .nav-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.navbar-dark .nav-link.active {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-weight: 600;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-dark .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.08);
}
.navbar-dark .dropdown-menu {
  background-color: rgb(18.6186, 22.94, 27.2614);
  border-color: rgb(23.265, 27.75, 32.235);
}
.navbar-dark .dropdown-item {
  color: rgb(108.1798918919, 119.84, 131.5001081081);
}
.navbar-dark .dropdown-item:hover {
  background-color: rgb(23.265, 27.75, 32.235);
  color: #ffffff;
}
.navbar-dark .dropdown-divider {
  background-color: rgb(23.265, 27.75, 32.235);
}
.navbar-dark .mega-col-title {
  color: rgb(54.4534918919, 60.98, 67.5065081081);
}

.navbar-normal {
  background-color: #ffffff;
  color: #1e293b;
  border-bottom: 1px solid #e2e8f0;
}
.navbar-normal .navbar-brand {
  color: #0f172a;
}
.navbar-normal .navbar-text {
  color: #475569;
}
.navbar-normal .navbar-divider {
  background: #cbd5e1;
}
.navbar-normal .nav-link {
  color: #334155;
}
.navbar-normal .nav-link:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.navbar-normal .nav-link.active {
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
}
.navbar-normal .navbar-toggler {
  color: #334155;
  border-color: #cbd5e1;
}
.navbar-normal .navbar-toggler:hover {
  background: #f1f5f9;
}
.navbar-normal .dropdown-menu {
  background-color: #ffffff;
  border-color: #e2e8f0;
}
.navbar-normal .dropdown-item {
  color: #334155;
}
.navbar-normal .dropdown-item:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}
.navbar-normal .dropdown-divider {
  background-color: #e2e8f0;
}
.navbar-normal .mega-col-title {
  color: #94a3b8;
}
.navbar-normal {
  color: #000000;
}
@media (prefers-color-scheme: dark) {
  .navbar-normal {
    background-color: rgb(14.52, 18.5, 22.48);
    color: rgb(131.5907891892, 141.64, 151.6892108108);
    border-bottom: 1px solid rgb(18.6186, 22.94, 27.2614);
  }
  .navbar-normal .navbar-brand {
    color: #ffffff;
  }
  .navbar-normal .navbar-text {
    color: rgba(255, 255, 255, 0.65);
  }
  .navbar-normal .navbar-divider {
    background: rgba(255, 255, 255, 0.15);
  }
  .navbar-normal .nav-link {
    color: rgba(255, 255, 255, 0.85);
  }
  .navbar-normal .nav-link:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
  }
  .navbar-normal .nav-link.active {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-weight: 600;
  }
  .navbar-normal .navbar-toggler {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.2);
  }
  .navbar-normal .navbar-toggler:hover {
    background: rgba(255, 255, 255, 0.08);
  }
  .navbar-normal .dropdown-menu {
    background-color: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .navbar-normal .dropdown-item {
    color: rgb(108.1798918919, 119.84, 131.5001081081);
  }
  .navbar-normal .dropdown-item:hover {
    background-color: rgb(23.265, 27.75, 32.235);
    color: #ffffff;
  }
  .navbar-normal .dropdown-divider {
    background-color: rgb(23.265, 27.75, 32.235);
  }
  .navbar-normal .mega-col-title {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
}

.navbar-primary {
  background-color: #5865F2;
  border-bottom: 1px solid rgb(63.5066666667, 78.4133333333, 240.0933333333);
  color: #ffffff;
}
.navbar-primary .navbar-brand {
  color: #ffffff;
}
.navbar-primary .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-primary .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-primary .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-primary .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-primary .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-primary .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-primary .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-primary .dropdown-menu {
  background-color: rgb(72.6916666667, 86.8833333333, 240.8083333333);
  border-color: rgb(51.26, 67.12, 239.14);
}
.navbar-primary .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-primary .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-primary .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-primary .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-primary .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-primary .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-primary2 {
  background-color: #10b981;
  border-bottom: 1px solid rgb(14.72, 170.2, 118.68);
  color: #ffffff;
}
.navbar-primary2 .navbar-brand {
  color: #ffffff;
}
.navbar-primary2 .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-primary2 .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-primary2 .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-primary2 .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-primary2 .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-primary2 .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-primary2 .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-primary2 .dropdown-menu {
  background-color: rgb(15.2, 175.75, 122.55);
  border-color: rgb(14.08, 162.8, 113.52);
}
.navbar-primary2 .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-primary2 .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-primary2 .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-primary2 .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-primary2 .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-primary2 .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-secondary {
  background-color: #64748b;
  border-bottom: 1px solid rgb(92, 106.72, 127.88);
  color: #ffffff;
}
.navbar-secondary .navbar-brand {
  color: #ffffff;
}
.navbar-secondary .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-secondary .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-secondary .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-secondary .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-secondary .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-secondary .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-secondary .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-secondary .dropdown-menu {
  background-color: rgb(95, 110.2, 132.05);
  border-color: rgb(88, 102.08, 122.32);
}
.navbar-secondary .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-secondary .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-secondary .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-secondary .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-secondary .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-secondary .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-success {
  background-color: #22c55e;
  border-bottom: 1px solid rgb(31.28, 181.24, 86.48);
  color: #ffffff;
}
.navbar-success .navbar-brand {
  color: #ffffff;
}
.navbar-success .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-success .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-success .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-success .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-success .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-success .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-success .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-success .dropdown-menu {
  background-color: rgb(32.3, 187.15, 89.3);
  border-color: rgb(29.92, 173.36, 82.72);
}
.navbar-success .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-success .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-success .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-success .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-success .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-success .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-danger {
  background-color: #ef4444;
  border-bottom: 1px solid rgb(237.0642364532, 45.3757635468, 45.3757635468);
  color: #ffffff;
}
.navbar-danger .navbar-brand {
  color: #ffffff;
}
.navbar-danger .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-danger .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-danger .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-danger .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-danger .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-danger .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-danger .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-danger .dropdown-menu {
  background-color: rgb(237.7901477833, 53.8598522167, 53.8598522167);
  border-color: rgb(236.0963546798, 34.0636453202, 34.0636453202);
}
.navbar-danger .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-danger .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-danger .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-danger .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-danger .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-danger .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-warning {
  background-color: #f59e0b;
  border-bottom: 1px solid rgb(226.2475590551, 145.5773228346, 9.2724409449);
  color: #ffffff;
}
.navbar-warning .navbar-brand {
  color: #ffffff;
}
.navbar-warning .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-warning .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-warning .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-warning .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-warning .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-warning .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-warning .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-warning .dropdown-menu {
  background-color: rgb(233.6251968504, 150.3244094488, 9.5748031496);
  border-color: rgb(216.4107086614, 139.2478740157, 8.8692913386);
}
.navbar-warning .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-warning .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-warning .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-warning .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-warning .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-warning .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-info {
  background-color: #38bdf8;
  border-bottom: 1px solid rgb(32.506407767, 181.2081553398, 247.173592233);
  color: #ffffff;
}
.navbar-info .navbar-brand {
  color: #ffffff;
}
.navbar-info .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-info .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-info .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-info .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-info .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-info .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-info .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-info .dropdown-menu {
  background-color: rgb(41.3165048544, 184.1300970874, 247.4834951456);
  border-color: rgb(20.7596116505, 177.3122330097, 246.7603883495);
}
.navbar-info .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-info .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-info .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-info .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-info .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-info .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-light {
  background-color: #f8fafc;
  border-bottom: 1px solid #dce6f0;
  background-color: #ffffff;
  color: #1e293b;
  border-bottom: 1px solid #e2e8f0;
}
.navbar-light .navbar-brand {
  color: #0f172a;
}
.navbar-light .navbar-text {
  color: #475569;
}
.navbar-light .navbar-divider {
  background: #cbd5e1;
}
.navbar-light .nav-link {
  color: #334155;
}
.navbar-light .nav-link:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.navbar-light .nav-link.active {
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
}
.navbar-light .navbar-toggler {
  color: #334155;
  border-color: #cbd5e1;
}
.navbar-light .navbar-toggler:hover {
  background: #f1f5f9;
}
.navbar-light .dropdown-menu {
  background-color: #ffffff;
  border-color: #e2e8f0;
}
.navbar-light .dropdown-item {
  color: #334155;
}
.navbar-light .dropdown-item:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}
.navbar-light .dropdown-divider {
  background-color: #e2e8f0;
}
.navbar-light .mega-col-title {
  color: #94a3b8;
}
.navbar-light {
  background-color: #f8fafc;
}

.navbar-dark {
  background-color: #212529;
  border-bottom: 1px solid rgb(30.36, 34.04, 37.72);
  color: #ffffff;
}
.navbar-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-dark .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-dark .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-dark .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-dark .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-dark .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-dark .dropdown-menu {
  background-color: rgb(31.35, 35.15, 38.95);
  border-color: rgb(29.04, 32.56, 36.08);
}
.navbar-dark .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-dark .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-dark .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-dark .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-dark .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-dark .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-white {
  background-color: #ffffff;
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  background-color: #ffffff;
  color: #1e293b;
  border-bottom: 1px solid #e2e8f0;
}
.navbar-white .navbar-brand {
  color: #0f172a;
}
.navbar-white .navbar-text {
  color: #475569;
}
.navbar-white .navbar-divider {
  background: #cbd5e1;
}
.navbar-white .nav-link {
  color: #334155;
}
.navbar-white .nav-link:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.navbar-white .nav-link.active {
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
}
.navbar-white .navbar-toggler {
  color: #334155;
  border-color: #cbd5e1;
}
.navbar-white .navbar-toggler:hover {
  background: #f1f5f9;
}
.navbar-white .dropdown-menu {
  background-color: #ffffff;
  border-color: #e2e8f0;
}
.navbar-white .dropdown-item {
  color: #334155;
}
.navbar-white .dropdown-item:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}
.navbar-white .dropdown-divider {
  background-color: #e2e8f0;
}
.navbar-white .mega-col-title {
  color: #94a3b8;
}
.navbar-white {
  background-color: #ffffff;
}

.navbar-black {
  background-color: #000000;
  border-bottom: 1px solid black;
  color: #ffffff;
}
.navbar-black .navbar-brand {
  color: #ffffff;
}
.navbar-black .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-black .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-black .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-black .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-black .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-black .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-black .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-black .dropdown-menu {
  background-color: black;
  border-color: black;
}
.navbar-black .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-black .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-black .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-black .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-black .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-black .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-eg {
  background-color: #19B94B;
  border-bottom: 1px solid rgb(23, 170.2, 69);
  color: #ffffff;
}
.navbar-eg .navbar-brand {
  color: #ffffff;
}
.navbar-eg .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-eg .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-eg .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-eg .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-eg .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-eg .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-eg .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-eg .dropdown-menu {
  background-color: rgb(23.75, 175.75, 71.25);
  border-color: rgb(22, 162.8, 66);
}
.navbar-eg .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-eg .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-eg .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-eg .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-eg .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-eg .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-es {
  background-color: #198CDC;
  border-bottom: 1px solid rgb(23, 128.8, 202.4);
  color: #ffffff;
}
.navbar-es .navbar-brand {
  color: #ffffff;
}
.navbar-es .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-es .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-es .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-es .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-es .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-es .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-es .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-es .dropdown-menu {
  background-color: rgb(23.75, 133, 209);
  border-color: rgb(22, 123.2, 193.6);
}
.navbar-es .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-es .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-es .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-es .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-es .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-es .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-eb {
  background-color: #E65520;
  border-bottom: 1px solid rgb(216.7416129032, 75.8109677419, 24.2983870968);
  color: #ffffff;
}
.navbar-eb .navbar-brand {
  color: #ffffff;
}
.navbar-eb .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-eb .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-eb .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-eb .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-eb .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-eb .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-eb .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-eb .dropdown-menu {
  background-color: rgb(223.8092741935, 78.2830645161, 25.0907258065);
  border-color: rgb(207.3180645161, 72.5148387097, 23.2419354839);
}
.navbar-eb .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-eb .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-eb .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-eb .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-eb .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-eb .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-en {
  background-color: #0FC3D2;
  border-bottom: 1px solid rgb(13.8, 179.4, 193.2);
  color: #ffffff;
}
.navbar-en .navbar-brand {
  color: #ffffff;
}
.navbar-en .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-en .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-en .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-en .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-en .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-en .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-en .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-en .dropdown-menu {
  background-color: rgb(14.25, 185.25, 199.5);
  border-color: rgb(13.2, 171.6, 184.8);
}
.navbar-en .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-en .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-en .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-en .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-en .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-en .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-ep {
  background-color: #5865F2;
  border-bottom: 1px solid rgb(63.5066666667, 78.4133333333, 240.0933333333);
  color: #ffffff;
}
.navbar-ep .navbar-brand {
  color: #ffffff;
}
.navbar-ep .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-ep .navbar-divider {
  background: rgba(255, 255, 255, 0.2);
}
.navbar-ep .nav-link {
  color: rgba(255, 255, 255, 0.88);
}
.navbar-ep .nav-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-ep .nav-link.active {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
}
.navbar-ep .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-ep .navbar-toggler:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-ep .dropdown-menu {
  background-color: rgb(72.6916666667, 86.8833333333, 240.8083333333);
  border-color: rgb(51.26, 67.12, 239.14);
}
.navbar-ep .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-ep .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.navbar-ep .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 600;
}
.navbar-ep .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar-ep .dropdown-header {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-ep .mega-col-title {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-transparent {
  background-color: transparent;
  border-bottom: none;
  color: #ffffff;
}
.navbar-transparent .navbar-brand {
  color: #ffffff;
}
.navbar-transparent .navbar-toggler {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.navbar-transparent .nav-link {
  color: rgba(255, 255, 255, 0.9);
}
.navbar-transparent .nav-link:hover {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-transparent .dropdown-menu {
  background-color: rgba(15, 23, 42, 0.95);
  border-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
}
.navbar-transparent .dropdown-item {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-transparent .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.navbar-transparent.scrolled {
  background-color: rgba(15, 23, 42, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
}

.form-group {
  margin-bottom: 1.25rem;
  position: relative;
}

.form-label {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #334155;
}
.form-label.required::after {
  content: " *";
  color: #ef4444;
  font-weight: 700;
}

.form-hint {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.4;
}

.form-select, .form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.875rem;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1e293b;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 0.375rem;
  appearance: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.form-select::placeholder, .form-control::placeholder {
  color: #94a3b8;
}
.form-select:focus, .form-control:focus {
  outline: none;
  border-color: #5865F2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.15);
}
.form-select:disabled, .form-control:disabled, [readonly].form-select, [readonly].form-control {
  background-color: #f1f5f9;
  color: #94a3b8;
  cursor: not-allowed;
  opacity: 1;
}
[readonly].form-select, [readonly].form-control {
  cursor: default;
}

textarea.form-control {
  resize: vertical;
  min-height: 100px;
}

.form-control-sm {
  padding: 0.3rem 0.7rem;
  font-size: 0.75rem;
  border-radius: 0.125rem;
}

.form-control-lg {
  padding: 0.7rem 1.125rem;
  font-size: 1rem;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #1e293b;
  background: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-select {
  padding-right: 2.5rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 12px;
}
.form-select:disabled {
  cursor: not-allowed;
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.875rem;
  background-image: none;
}

.form-select-sm {
  padding: 0.3rem 2.25rem 0.3rem 0.7rem;
  font-size: 0.75rem;
  border-radius: 0.125rem;
}

.form-select-lg {
  padding: 0.7rem 2.75rem 0.7rem 1.125rem;
  font-size: 1rem;
}

.form-check {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  min-height: 1.5rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.form-check:last-child {
  margin-bottom: 0;
}

.form-check-input {
  flex-shrink: 0;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 0.175rem;
  appearance: none;
  background-color: #ffffff;
  border: 1.5px solid #cbd5e1;
  cursor: pointer;
  transition: all 0.15s ease;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25rem;
}
.form-check-input[type=checkbox]:checked {
  background-color: #5865F2;
  border-color: #5865F2;
  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='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8l3.5 3.5L13 4'/%3E%3C/svg%3E");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #5865F2;
  border-color: #5865F2;
  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='white' stroke-width='2.5' stroke-linecap='round' d='M3 8h10'/%3E%3C/svg%3E");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input[type=radio]:checked {
  background-color: #5865F2;
  border-color: #5865F2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3.5' fill='white'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.form-check-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.15);
}
.form-check-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-check-label {
  font-size: 0.875rem;
  color: #334155;
  cursor: pointer;
  line-height: 1.5;
  user-select: none;
}

.form-check-inline {
  display: inline-flex;
  margin-right: 1.25rem;
  margin-bottom: 0;
}

.form-switch {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.form-switch .form-check-input {
  width: 2.5rem;
  height: 1.35rem;
  border-radius: 9999px;
  background-color: #cbd5e1;
  border: none;
  position: relative;
  transition: background-color 0.2s ease;
}
.form-switch .form-check-input::after {
  content: "";
  position: absolute;
  top: 0.175rem;
  left: 0.175rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
}
.form-switch .form-check-input:checked {
  background-color: #5865F2;
  background-image: none;
  border-color: transparent;
}
.form-switch .form-check-input:checked::after {
  transform: translateX(1.15rem);
}
.form-switch .form-check-input:focus-visible {
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.15);
}
.form-switch .form-check-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.form-switch.form-switch-sm .form-check-input {
  width: 2rem;
  height: 1.1rem;
}
.form-switch.form-switch-sm .form-check-input::after {
  width: 0.75rem;
  height: 0.75rem;
  top: 0.175rem;
}
.form-switch.form-switch-sm .form-check-input:checked::after {
  transform: translateX(0.9rem);
}
.form-switch.form-switch-lg .form-check-input {
  width: 3.25rem;
  height: 1.75rem;
}
.form-switch.form-switch-lg .form-check-input::after {
  width: 1.3rem;
  height: 1.3rem;
  top: 0.2rem;
}
.form-switch.form-switch-lg .form-check-input:checked::after {
  transform: translateX(1.5rem);
}

.form-range {
  display: block;
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background: transparent;
  cursor: pointer;
}
.form-range::-webkit-slider-runnable-track {
  height: 0.4rem;
  background: #e2e8f0;
  border-radius: 9999px;
}
.form-range::-webkit-slider-thumb {
  appearance: none;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: -0.35rem;
  border-radius: 50%;
  background: #5865F2;
  border: 2px solid white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.form-range::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
.form-range:focus-visible {
  outline: none;
}
.form-range:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.15);
}
.form-range::-moz-range-track {
  height: 0.4rem;
  background: #e2e8f0;
  border-radius: 9999px;
}
.form-range::-moz-range-thumb {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: #5865F2;
  border: 2px solid white;
}
.form-range:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-control.is-valid,
.form-select.is-valid {
  border-color: #22c55e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2322c55e' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 1rem;
  padding-right: 2.5rem;
}
.form-control.is-valid:focus,
.form-select.is-valid:focus {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}
.form-control.is-invalid,
.form-select.is-invalid {
  border-color: #ef4444;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ef4444' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 3a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4zm0 7.5a.875.875 0 1 1 0-1.75.875.875 0 0 1 0 1.75z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 1rem;
  padding-right: 2.5rem;
}
.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}

.valid-feedback {
  display: none;
  font-size: 0.75rem;
  color: #22c55e;
  margin-top: 0.35rem;
  font-weight: 500;
}

.invalid-feedback {
  display: none;
  font-size: 0.75rem;
  color: #ef4444;
  margin-top: 0.35rem;
  font-weight: 500;
}

.is-valid ~ .valid-feedback,
.is-valid ~ .invalid-feedback {
  display: block;
}

.is-invalid ~ .invalid-feedback {
  display: block;
}

.is-invalid ~ .valid-feedback {
  display: none;
}

.input-group {
  display: flex;
  position: relative;
  width: 100%;
}
.input-group .form-control,
.input-group .form-select {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.input-group > :not(:first-child) .form-control,
.input-group > :not(:first-child) .form-select,
.input-group > .form-control:not(:first-child),
.input-group > .form-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.input-group > :not(:last-child) .form-control,
.input-group > :not(:last-child) .form-select,
.input-group > .form-control:not(:last-child),
.input-group > .form-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .btn {
  border-radius: 0;
  z-index: 2;
}
.input-group .btn:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.input-group .btn:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
  background-color: #f1f5f9;
  border: 1px solid #cbd5e1;
  white-space: nowrap;
}
.input-group-text:first-child {
  border-right: none;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.input-group-text:last-child {
  border-left: none;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: 3.5rem;
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-select::placeholder {
  color: transparent;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.875rem;
  pointer-events: none;
  font-size: 0.875rem;
  color: #94a3b8;
  transform-origin: 0 0;
  transition: transform 0.15s ease, font-size 0.15s ease, color 0.15s ease;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: translateY(-0.5rem) scale(0.82);
  color: #5865F2;
  font-weight: 600;
}

.form-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}
.form-inline .form-group {
  margin-bottom: 0;
  flex: 1;
  min-width: 160px;
}

.form-horizontal .form-group {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.form-horizontal .form-label {
  width: 160px;
  flex-shrink: 0;
  padding-top: calc(0.5rem + 1px);
  text-align: right;
  margin-bottom: 0;
}
.form-horizontal .form-control-wrap {
  flex: 1;
}

.form-file {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  color: #1e293b;
  cursor: pointer;
}
.form-file::file-selector-button {
  padding: 0.5rem 0.875rem;
  margin-right: 0.875rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #334155;
  background-color: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
.form-file::file-selector-button:hover {
  background-color: #e2e8f0;
}

.form-card {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.form-card .form-card-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: #0f172a;
}
.form-card .form-card-subtitle {
  font-size: 0.875rem;
  color: #64748b;
  margin-bottom: 1.5rem;
}
.form-card .form-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #f1f5f9;
}

fieldset {
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}

legend {
  font-size: 0.875rem;
  font-weight: 700;
  color: #334155;
  padding: 0 0.5rem;
  float: left;
  width: auto;
}
legend + * {
  clear: left;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.modal-backdrop.is-visible {
  opacity: 1;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.modal::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  z-index: -1;
}
.modal.is-open {
  pointer-events: auto;
  opacity: 1;
}
.modal.is-open .modal-dialog {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.modal-dialog {
  position: relative;
  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 2rem);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transform: translateY(20px) scale(0.97);
  opacity: 0;
  transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.22s ease;
}

.modal-sm {
  max-width: 380px;
}

.modal-lg {
  max-width: 780px;
}

.modal-xl {
  max-width: 1080px;
}

.modal-fullscreen {
  padding: 0;
}
.modal-fullscreen .modal-dialog {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
}
.modal-header .modal-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  line-height: 1.3;
}
.modal-header .modal-subtitle {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0.2rem 0 0;
}

.modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 0.375rem;
  background: transparent;
  color: #64748b;
  font-size: 1.25rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
.modal-close:hover {
  background: #f1f5f9;
  color: #1e293b;
}

.modal-body {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1 1 auto;
}
.modal-body::-webkit-scrollbar {
  width: 6px;
}
.modal-body::-webkit-scrollbar-track {
  background: #f1f5f9;
}
.modal-body::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 999px;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #f1f5f9;
  flex-shrink: 0;
  background: #f1f5f9;
}
.modal-footer.modal-footer-between {
  justify-content: space-between;
}

.modal-scrollable .modal-body {
  overflow-y: auto;
}

.drawer {
  position: fixed;
  inset: 0;
  z-index: 1050;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.drawer.is-open {
  pointer-events: auto;
  opacity: 1;
}
.drawer.is-open .drawer-dialog {
  transform: translateX(0);
}

.drawer-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  max-width: 90vw;
  display: flex;
  flex-direction: column;
  background: white;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.drawer-left .drawer-dialog {
  left: 0;
  right: auto;
  transform: translateX(-100%);
}

.alert {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.125rem;
  border-radius: 0.75rem;
  border: 1px solid transparent;
  font-size: 0.875rem;
  line-height: 1.5;
}
.alert .alert-icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.1rem;
}
.alert .alert-content {
  flex: 1;
  min-width: 0;
}
.alert .alert-title {
  font-weight: 700;
  margin-bottom: 0.2rem;
  font-size: 0.875rem;
}
.alert .alert-text {
  margin: 0;
}
.alert .alert-close {
  flex-shrink: 0;
  margin-left: auto;
  padding: 0.1rem;
  border: none;
  background: transparent;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
  border-radius: 0.125rem;
  font-size: 1rem;
  line-height: 1;
  transition: opacity 0.15s;
}
.alert .alert-close:hover {
  opacity: 1;
}
.alert.is-dismissing {
  animation: alert-dismiss 0.25s ease forwards;
}

@keyframes alert-dismiss {
  to {
    opacity: 0;
    transform: scaleY(0);
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.alert-primary {
  background-color: rgba(88, 101, 242, 0.12);
  border-color: rgba(88, 101, 242, 0.35);
  color: rgb(61.2633835, 76.344677, 239.9187065);
}
.alert-primary .alert-title {
  color: rgb(57.3833333333, 72.7666666667, 239.6166666667);
}

.alert-primary2 {
  background-color: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.35);
  color: rgb(9.8280584554, 113.6369258906, 79.2387212967);
}
.alert-primary2 .alert-title {
  color: rgb(9.9913299983, 115.5247531057, 80.5550981116);
}

.alert-secondary {
  background-color: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.35);
  color: rgb(83.2972004929, 96.6247525718, 115.7831086851);
}
.alert-secondary .alert-title {
  color: rgb(84.681, 98.22996, 117.70659);
}

.alert-success {
  background-color: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
  color: rgb(20.2580854912, 117.3777306402, 56.0076481227);
}
.alert-success .alert-title {
  color: rgb(19.9767900903, 115.7478719938, 55.2299490732);
}

.alert-danger {
  background-color: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.35);
  color: rgb(208.5457226646, 17.8434842922, 17.8434842922);
}
.alert-danger .alert-title {
  color: rgb(205.6499429677, 17.5957170454, 17.5957170454);
}

.alert-warning {
  background-color: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
  color: rgb(142.1305026122, 91.4528234021, 5.8250205989);
}
.alert-warning .alert-title {
  color: rgb(140.1569372064, 90.1829473008, 5.7441367708);
}

.alert-info {
  background-color: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.35);
  color: rgb(5.4489249073, 108.9784981452, 154.905150935);
}
.alert-info .alert-title {
  color: rgb(5.3732633885, 107.4652677692, 152.7542020433);
}

.alert-dark {
  background-color: rgba(33, 37, 41, 0.12);
  border-color: rgba(33, 37, 41, 0.35);
  color: #212529;
}
.alert-dark .alert-title {
  color: rgb(29.7, 33.3, 36.9);
}

.alert-eg {
  background-color: rgba(25, 185, 75, 0.12);
  border-color: rgba(25, 185, 75, 0.35);
  color: rgb(15.8312797284, 117.1514699903, 47.4938391853);
}
.alert-eg .alert-title {
  color: rgb(15.6114531224, 115.5247531057, 46.8343593672);
}

.alert-es {
  background-color: rgba(25, 140, 220, 0.12);
  border-color: rgba(25, 140, 220, 0.35);
  color: rgb(18.4356031724, 103.2393777653, 162.2333079169);
}
.alert-es .alert-title {
  color: rgb(18.1796140076, 101.8058384424, 159.9806032667);
}

.alert-eb {
  background-color: rgba(230, 85, 32, 0.12);
  border-color: rgba(230, 85, 32, 0.35);
  color: rgb(173.7287985402, 60.7661268436, 19.4763227063);
}
.alert-eb .alert-title {
  color: rgb(176.6149198548, 61.7756221914, 19.7998789075);
}

.alert-en {
  background-color: rgba(15, 195, 210, 0.12);
  border-color: rgba(15, 195, 210, 0.35);
  color: rgb(8.6692689381, 112.7004961959, 121.369765134);
}
.alert-en .alert-title {
  color: rgb(8.5488910533, 111.1355836935, 119.6844747469);
}

.alert-ep {
  background-color: rgba(88, 101, 242, 0.12);
  border-color: rgba(88, 101, 242, 0.35);
  color: rgb(61.2633835, 76.344677, 239.9187065);
}
.alert-ep .alert-title {
  color: rgb(57.3833333333, 72.7666666667, 239.6166666667);
}

.alert-solid-primary {
  background-color: #5865F2;
  border-color: rgb(63.5066666667, 78.4133333333, 240.0933333333);
  color: #000000;
}
.alert-solid-primary .alert-title {
  color: #000000;
}
.alert-solid-primary .alert-close {
  color: #000000;
}

.alert-solid-primary2 {
  background-color: #10b981;
  border-color: rgb(14.72, 170.2, 118.68);
  color: #0f172a;
}
.alert-solid-primary2 .alert-title {
  color: #0f172a;
}
.alert-solid-primary2 .alert-close {
  color: #0f172a;
}

.alert-solid-secondary {
  background-color: #64748b;
  border-color: rgb(92, 106.72, 127.88);
  color: #000000;
}
.alert-solid-secondary .alert-title {
  color: #000000;
}
.alert-solid-secondary .alert-close {
  color: #000000;
}

.alert-solid-success {
  background-color: #22c55e;
  border-color: rgb(31.28, 181.24, 86.48);
  color: #0f172a;
}
.alert-solid-success .alert-title {
  color: #0f172a;
}
.alert-solid-success .alert-close {
  color: #0f172a;
}

.alert-solid-danger {
  background-color: #ef4444;
  border-color: rgb(237.0642364532, 45.3757635468, 45.3757635468);
  color: #0f172a;
}
.alert-solid-danger .alert-title {
  color: #0f172a;
}
.alert-solid-danger .alert-close {
  color: #0f172a;
}

.alert-solid-warning {
  background-color: #f59e0b;
  border-color: rgb(226.2475590551, 145.5773228346, 9.2724409449);
  color: #0f172a;
}
.alert-solid-warning .alert-title {
  color: #0f172a;
}
.alert-solid-warning .alert-close {
  color: #0f172a;
}

.alert-solid-info {
  background-color: #38bdf8;
  border-color: rgb(32.506407767, 181.2081553398, 247.173592233);
  color: #0f172a;
}
.alert-solid-info .alert-title {
  color: #0f172a;
}
.alert-solid-info .alert-close {
  color: #0f172a;
}

.alert-solid-dark {
  background-color: #212529;
  border-color: rgb(30.36, 34.04, 37.72);
  color: #ffffff;
}
.alert-solid-dark .alert-title {
  color: #ffffff;
}
.alert-solid-dark .alert-close {
  color: #ffffff;
}

.alert-solid-eg {
  background-color: #19B94B;
  border-color: rgb(23, 170.2, 69);
  color: #0f172a;
}
.alert-solid-eg .alert-title {
  color: #0f172a;
}
.alert-solid-eg .alert-close {
  color: #0f172a;
}

.alert-solid-es {
  background-color: #198CDC;
  border-color: rgb(23, 128.8, 202.4);
  color: #0f172a;
}
.alert-solid-es .alert-title {
  color: #0f172a;
}
.alert-solid-es .alert-close {
  color: #0f172a;
}

.alert-solid-eb {
  background-color: #E65520;
  border-color: rgb(216.7416129032, 75.8109677419, 24.2983870968);
  color: #0f172a;
}
.alert-solid-eb .alert-title {
  color: #0f172a;
}
.alert-solid-eb .alert-close {
  color: #0f172a;
}

.alert-solid-en {
  background-color: #0FC3D2;
  border-color: rgb(13.8, 179.4, 193.2);
  color: #0f172a;
}
.alert-solid-en .alert-title {
  color: #0f172a;
}
.alert-solid-en .alert-close {
  color: #0f172a;
}

.alert-solid-ep {
  background-color: #5865F2;
  border-color: rgb(63.5066666667, 78.4133333333, 240.0933333333);
  color: #000000;
}
.alert-solid-ep .alert-title {
  color: #000000;
}
.alert-solid-ep .alert-close {
  color: #000000;
}

.toast-container {
  position: fixed;
  z-index: 1070;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  pointer-events: none;
}
.toast-container > * {
  pointer-events: auto;
}
.toast-container.toast-top-right {
  top: 1rem;
  right: 1rem;
  align-items: flex-end;
}
.toast-container.toast-top-left {
  top: 1rem;
  left: 1rem;
  align-items: flex-start;
}
.toast-container.toast-bottom-right {
  bottom: 1rem;
  right: 1rem;
  align-items: flex-end;
}
.toast-container.toast-bottom-left {
  bottom: 1rem;
  left: 1rem;
  align-items: flex-start;
}
.toast-container.toast-top-center {
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}

.toast {
  min-width: 280px;
  max-width: 380px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  animation: toast-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(-12px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em 0.55em;
  font-size: 0.72em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  white-space: nowrap;
  border-radius: 0.375rem;
  vertical-align: middle;
}
.badge.badge-pill {
  border-radius: 9999px;
}
.badge.badge-dot {
  width: 0.6rem;
  height: 0.6rem;
  padding: 0;
  border-radius: 50%;
}
.badge.badge-outline {
  background-color: transparent;
  border: 1.5px solid currentColor;
}

.badge-primary {
  background-color: #5865F2;
  color: #000000;
}

.badge-soft-primary {
  background-color: rgba(88, 101, 242, 0.15);
  color: rgb(52.880481995, 68.61433669, 239.266145305);
}

.badge-primary2 {
  background-color: #10b981;
  color: #0f172a;
}

.badge-soft-primary2 {
  background-color: rgba(16, 185, 129, 0.15);
  color: rgb(9.8280584554, 113.6369258906, 79.2387212967);
}

.badge-secondary {
  background-color: #64748b;
  color: #000000;
}

.badge-soft-secondary {
  background-color: rgba(100, 116, 139, 0.15);
  color: rgb(83.2972004929, 96.6247525718, 115.7831086851);
}

.badge-success {
  background-color: #22c55e;
  color: #0f172a;
}

.badge-soft-success {
  background-color: rgba(34, 197, 94, 0.15);
  color: rgb(19.6503429265, 113.856398721, 54.327418679);
}

.badge-danger {
  background-color: #ef4444;
  color: #0f172a;
}

.badge-soft-danger {
  background-color: rgba(239, 68, 68, 0.15);
  color: rgb(202.2893509846, 17.3081797634, 17.3081797634);
}

.badge-warning {
  background-color: #f59e0b;
  color: #0f172a;
}

.badge-soft-warning {
  background-color: rgba(245, 158, 11, 0.15);
  color: rgb(137.8665875338, 88.7092387, 5.6502699809);
}

.badge-info {
  background-color: #38bdf8;
  color: #0f172a;
}

.badge-soft-info {
  background-color: rgba(56, 189, 248, 0.15);
  color: rgb(5.28545716, 105.7091432009, 150.2579964069);
}

.badge-light {
  background-color: #e2e8f0;
  color: #334155;
}

.badge-soft-light {
  background-color: rgba(248, 250, 252, 0.15);
  color: rgb(65.9064750261, 109.8441250435, 153.7817750608);
}

.badge-dark {
  background-color: #212529;
  color: #ffffff;
}

.badge-soft-dark {
  background-color: rgba(33, 37, 41, 0.15);
  color: #212529;
}

.badge-white {
  background-color: #e2e8f0;
  color: #334155;
}

.badge-soft-white {
  background-color: rgba(255, 255, 255, 0.15);
  color: rgb(105.4193839985, 105.4193839985, 105.4193839985);
}

.badge-eg {
  background-color: #19B94B;
  color: #0f172a;
}

.badge-soft-eg {
  background-color: rgba(25, 185, 75, 0.15);
  color: rgb(15.3563413366, 113.6369258906, 46.0690240097);
}

.badge-es {
  background-color: #198CDC;
  color: #0f172a;
}

.badge-soft-es {
  background-color: rgba(25, 140, 220, 0.15);
  color: rgb(17.8825350772, 100.1421964323, 157.3663086794);
}

.badge-eb {
  background-color: #E65520;
  color: #0f172a;
}

.badge-soft-eb {
  background-color: rgba(230, 85, 32, 0.15);
  color: rgb(173.7287985402, 60.7661268436, 19.4763227063);
}

.badge-en {
  background-color: #0FC3D2;
  color: #0f172a;
}

.badge-soft-en {
  background-color: rgba(15, 195, 210, 0.15);
  color: rgb(8.40919087, 109.31948131, 117.72867218);
}

.badge-ep {
  background-color: #5865F2;
  color: #000000;
}

.badge-soft-ep {
  background-color: rgba(88, 101, 242, 0.15);
  color: rgb(52.880481995, 68.61433669, 239.266145305);
}

.badge-notify {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.25rem;
  border: 2px solid white;
  z-index: 1;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
  font-size: 0.875rem;
  color: #334155;
}
.table th, .table td {
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
}
.table thead th {
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
  background-color: #f1f5f9;
  border-bottom: 2px solid #e2e8f0;
  white-space: nowrap;
}
.table thead th:first-child {
  border-top-left-radius: 0.375rem;
}
.table thead th:last-child {
  border-top-right-radius: 0.375rem;
}
.table tbody tr:last-child td {
  border-bottom: none;
}
.table tfoot td {
  font-weight: 600;
  border-top: 2px solid #e2e8f0;
  border-bottom: none;
  color: #1e293b;
}

.table-hover tbody tr {
  transition: background 0.12s ease;
}
.table-hover tbody tr:hover {
  background-color: rgba(88, 101, 242, 0.04);
}

.table-striped tbody tr:nth-child(even) {
  background-color: #f1f5f9;
}

.table-bordered {
  border: 1px solid #e2e8f0;
}
.table-bordered th, .table-bordered td {
  border: 1px solid #e2e8f0;
}
.table-bordered thead th {
  border-bottom-width: 2px;
}

.table-borderless th, .table-borderless td, .table-borderless thead th {
  border: none;
}

.table-sm th,
.table-sm td {
  padding: 0.4rem 0.75rem;
}

.table-center th,
.table-center td {
  text-align: center;
}

.table-row-primary {
  background-color: rgba(88, 101, 242, 0.07) !important;
  color: rgb(32.89, 50.18, 237.71);
}
.table-row-primary td {
  border-color: rgba(88, 101, 242, 0.15);
}

.table-row-primary2 {
  background-color: rgba(16, 185, 129, 0.07) !important;
  color: rgb(13.12, 151.7, 105.78);
}
.table-row-primary2 td {
  border-color: rgba(16, 185, 129, 0.15);
}

.table-row-secondary {
  background-color: rgba(100, 116, 139, 0.07) !important;
  color: rgb(82, 95.12, 113.98);
}
.table-row-secondary td {
  border-color: rgba(100, 116, 139, 0.15);
}

.table-row-success {
  background-color: rgba(34, 197, 94, 0.07) !important;
  color: rgb(27.88, 161.54, 77.08);
}
.table-row-success td {
  border-color: rgba(34, 197, 94, 0.15);
}

.table-row-danger {
  background-color: rgba(239, 68, 68, 0.07) !important;
  color: rgb(231.8984236453, 19.8415763547, 19.8415763547);
}
.table-row-danger td {
  border-color: rgba(239, 68, 68, 0.15);
}

.table-row-warning {
  background-color: rgba(245, 158, 11, 0.07) !important;
  color: rgb(201.6554330709, 129.7537007874, 8.2645669291);
}
.table-row-warning td {
  border-color: rgba(245, 158, 11, 0.15);
}

.table-row-info {
  background-color: rgba(56, 189, 248, 0.07) !important;
  color: rgb(8.4706796117, 169.413592233, 240.8093203883);
}
.table-row-info td {
  border-color: rgba(56, 189, 248, 0.15);
}

.table-row-dark {
  background-color: rgba(33, 37, 41, 0.07) !important;
  color: rgb(27.06, 30.34, 33.62);
}
.table-row-dark td {
  border-color: rgba(33, 37, 41, 0.15);
}

.table-row-eg {
  background-color: rgba(25, 185, 75, 0.07) !important;
  color: rgb(20.5, 151.7, 61.5);
}
.table-row-eg td {
  border-color: rgba(25, 185, 75, 0.15);
}

.table-row-es {
  background-color: rgba(25, 140, 220, 0.07) !important;
  color: rgb(20.5, 114.8, 180.4);
}
.table-row-es td {
  border-color: rgba(25, 140, 220, 0.15);
}

.table-row-eb {
  background-color: rgba(230, 85, 32, 0.07) !important;
  color: rgb(193.1827419355, 67.5706451613, 21.6572580645);
}
.table-row-eb td {
  border-color: rgba(230, 85, 32, 0.15);
}

.table-row-en {
  background-color: rgba(15, 195, 210, 0.07) !important;
  color: rgb(12.3, 159.9, 172.2);
}
.table-row-en td {
  border-color: rgba(15, 195, 210, 0.15);
}

.table-row-ep {
  background-color: rgba(88, 101, 242, 0.07) !important;
  color: rgb(32.89, 50.18, 237.71);
}
.table-row-ep td {
  border-color: rgba(88, 101, 242, 0.15);
}

.table-sticky thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 1px 0 #e2e8f0;
}

.table-sortable th[data-sort] {
  cursor: pointer;
  user-select: none;
  padding-right: 1.75rem;
  position: relative;
}
.table-sortable th[data-sort]::after {
  content: "↕";
  position: absolute;
  right: 0.625rem;
  opacity: 0.35;
  font-size: 0.8em;
  transition: opacity 0.15s;
}
.table-sortable th[data-sort]:hover::after {
  opacity: 0.7;
}
.table-sortable th[data-sort].sort-asc::after {
  content: "↑";
  opacity: 1;
  color: #5865F2;
}
.table-sortable th[data-sort].sort-desc::after {
  content: "↓";
  opacity: 1;
  color: #5865F2;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
}
.table-responsive .table {
  margin-bottom: 0;
  white-space: nowrap;
}
.table-responsive .table thead th:first-child {
  border-top-left-radius: 0;
}
.table-responsive .table thead th:last-child {
  border-top-right-radius: 0;
}
.table-responsive::-webkit-scrollbar {
  width: 4px;
}
.table-responsive::-webkit-scrollbar-track {
  background: #f1f5f9;
}
.table-responsive::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 999px;
}

.table-card {
  background: white;
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.table-card .table-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f1f5f9;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.table-card .table-card-header .table-card-title {
  font-weight: 700;
  font-size: 1rem;
  color: #0f172a;
  margin: 0;
}
.table-card .table {
  margin-bottom: 0;
}
.table-card .table thead th:first-child {
  border-radius: 0;
}
.table-card .table thead th:last-child {
  border-radius: 0;
}
.table-card .table-card-footer {
  padding: 0.875rem 1.25rem;
  border-top: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  color: #64748b;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  text-decoration: none;
  transition: all 0.15s ease;
  cursor: pointer;
  background: white;
}
.page-item .page-link:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #1e293b;
}
.page-item.active .page-link {
  background: #5865F2;
  border-color: #5865F2;
  color: white;
  font-weight: 700;
}
.page-item.disabled .page-link {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.pagination-sm .page-link {
  min-width: 1.65rem;
  height: 1.65rem;
  font-size: 0.75rem;
}

.pagination-lg .page-link {
  min-width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  background: #e2e8f0;
  color: #475569;
}
.avatar.avatar-xs {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.6rem;
}
.avatar.avatar-sm {
  width: 2rem;
  height: 2rem;
  font-size: 0.7rem;
}
.avatar {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.875rem;
}
.avatar.avatar-lg {
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.1rem;
}
.avatar.avatar-xl {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 1.5rem;
}
.avatar.avatar-2xl {
  width: 6rem;
  height: 6rem;
  font-size: 2rem;
}
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.avatar.avatar-square {
  border-radius: 0.5rem;
}
.avatar.avatar-square img {
  border-radius: inherit;
}
.avatar .avatar-status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  border: 2px solid white;
}
.avatar .avatar-status.status-online {
  background: #22c55e;
}
.avatar .avatar-status.status-away {
  background: #f59e0b;
}
.avatar .avatar-status.status-busy {
  background: #ef4444;
}
.avatar .avatar-status.status-offline {
  background: #94a3b8;
}

.avatar-primary {
  background: rgba(88, 101, 242, 0.15);
  color: rgb(57.3833333333, 72.7666666667, 239.6166666667);
}

.avatar-primary2 {
  background: rgba(16, 185, 129, 0.15);
  color: rgb(14.4, 166.5, 116.1);
}

.avatar-secondary {
  background: rgba(100, 116, 139, 0.15);
  color: rgb(90, 104.4, 125.1);
}

.avatar-success {
  background: rgba(34, 197, 94, 0.15);
  color: rgb(30.6, 177.3, 84.6);
}

.avatar-danger {
  background: rgba(239, 68, 68, 0.15);
  color: rgb(236.5802955665, 39.7197044335, 39.7197044335);
}

.avatar-warning {
  background: rgba(245, 158, 11, 0.15);
  color: rgb(221.3291338583, 142.4125984252, 9.0708661417);
}

.avatar-info {
  background: rgba(56, 189, 248, 0.15);
  color: rgb(26.6330097087, 179.2601941748, 246.9669902913);
}

.avatar-dark {
  background: rgba(33, 37, 41, 0.15);
  color: rgb(29.7, 33.3, 36.9);
}

.avatar-eg {
  background: rgba(25, 185, 75, 0.15);
  color: rgb(22.5, 166.5, 67.5);
}

.avatar-es {
  background: rgba(25, 140, 220, 0.15);
  color: rgb(22.5, 126, 198);
}

.avatar-eb {
  background: rgba(230, 85, 32, 0.15);
  color: rgb(212.0298387097, 74.1629032258, 23.7701612903);
}

.avatar-en {
  background: rgba(15, 195, 210, 0.15);
  color: rgb(13.5, 175.5, 189);
}

.avatar-ep {
  background: rgba(88, 101, 242, 0.15);
  color: rgb(57.3833333333, 72.7666666667, 239.6166666667);
}

.avatar-group {
  display: inline-flex;
  align-items: center;
}
.avatar-group .avatar {
  border: 2px solid white;
  margin-left: -0.6rem;
}
.avatar-group .avatar:first-child {
  margin-left: 0;
}
.avatar-group .avatar:hover {
  z-index: 1;
}
.avatar-group .avatar-more {
  background: #e2e8f0;
  color: #475569;
  font-size: 0.7rem;
  font-weight: 700;
}

[data-tooltip] {
  position: relative;
}
[data-tooltip]::before, [data-tooltip]::after {
  position: absolute;
  z-index: 1070;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease, transform 0.18s ease;
}
[data-tooltip]::before {
  content: "";
  border: 5px solid transparent;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
}
[data-tooltip]::after {
  content: attr(data-tooltip);
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: #0f172a;
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.35rem 0.65rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  max-width: 220px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
}
[data-tooltip]:hover::before, [data-tooltip]:hover::after, [data-tooltip]:focus::before, [data-tooltip]:focus::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
[data-tooltip]::before {
  border-top-color: #0f172a;
}
[data-tooltip][data-tooltip-pos=bottom]::before {
  bottom: auto;
  top: calc(100% + 2px);
  border-top-color: transparent;
  border-bottom-color: #0f172a;
  transform: translateX(-50%) translateY(-4px);
}
[data-tooltip][data-tooltip-pos=bottom]::after {
  bottom: auto;
  top: calc(100% + 12px);
  transform: translateX(-50%) translateY(-4px);
}
[data-tooltip][data-tooltip-pos=bottom]:hover::before, [data-tooltip][data-tooltip-pos=bottom]:hover::after {
  transform: translateX(-50%) translateY(0);
}
[data-tooltip][data-tooltip-pos=left]::before {
  bottom: 50%;
  left: auto;
  right: calc(100% + 2px);
  transform: translateY(50%) translateX(4px);
  border-top-color: transparent;
  border-left-color: #0f172a;
}
[data-tooltip][data-tooltip-pos=left]::after {
  bottom: 50%;
  left: auto;
  right: calc(100% + 12px);
  transform: translateY(50%) translateX(4px);
}
[data-tooltip][data-tooltip-pos=left]:hover::before, [data-tooltip][data-tooltip-pos=left]:hover::after {
  transform: translateY(50%) translateX(0);
}
[data-tooltip][data-tooltip-pos=right]::before {
  bottom: 50%;
  left: calc(100% + 2px);
  transform: translateY(50%) translateX(-4px);
  border-top-color: transparent;
  border-right-color: #0f172a;
}
[data-tooltip][data-tooltip-pos=right]::after {
  bottom: 50%;
  left: calc(100% + 12px);
  transform: translateY(50%) translateX(-4px);
}
[data-tooltip][data-tooltip-pos=right]:hover::before, [data-tooltip][data-tooltip-pos=right]:hover::after {
  transform: translateY(50%) translateX(0);
}

.tabs {
  display: flex;
  flex-direction: column;
}

.tab-list {
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 2px solid #e2e8f0;
  overflow-x: auto;
  scrollbar-width: none;
}
.tab-list::-webkit-scrollbar {
  display: none;
}

.tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  margin-bottom: -2px;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.tab-btn:hover {
  color: #1e293b;
}
.tab-btn.active {
  color: #5865F2;
  border-color: #5865F2;
  font-weight: 700;
}
.tab-btn .tab-badge {
  font-size: 0.65rem;
  padding: 0.1em 0.45em;
  border-radius: 9999px;
  background: #e2e8f0;
  color: #475569;
  font-weight: 700;
}
.tab-btn.active .tab-badge {
  background: rgba(88, 101, 242, 0.12);
  color: #5865F2;
}

.tab-content {
  padding: 1.25rem 0;
}

.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}

.tabs-pills .tab-list {
  border: none;
  gap: 0.375rem;
}
.tabs-pills .tab-btn {
  border: none;
  border-radius: 0.375rem;
  margin-bottom: 0;
  padding: 0.45rem 0.875rem;
}
.tabs-pills .tab-btn.active {
  background: #5865F2;
  color: white;
}
.tabs-pills .tab-btn.active .tab-badge {
  background: rgba(255, 255, 255, 0.25);
  color: white;
}

.tabs-vertical {
  flex-direction: row;
  gap: 1.5rem;
}
.tabs-vertical .tab-list {
  flex-direction: column;
  border-bottom: none;
  border-right: 2px solid #e2e8f0;
  align-items: flex-start;
  min-width: 160px;
}
.tabs-vertical .tab-btn {
  width: 100%;
  border-bottom: none;
  border-right: 2px solid transparent;
  margin-bottom: 0;
  margin-right: -2px;
  text-align: left;
}
.tabs-vertical .tab-content {
  flex: 1;
  padding: 0;
}

.accordion {
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  overflow: hidden;
}

.accordion-item {
  border-bottom: 1px solid #e2e8f0;
}
.accordion-item:last-child {
  border-bottom: none;
}

.accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
  background: white;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s ease;
}
.accordion-trigger:hover {
  background: #f1f5f9;
}
.accordion-trigger .accordion-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-left: 1rem;
  transition: transform 0.25s ease;
  color: #94a3b8;
  position: relative;
}
.accordion-trigger .accordion-icon::before, .accordion-trigger .accordion-icon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 2px;
}
.accordion-trigger .accordion-icon::before {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.accordion-trigger .accordion-icon::after {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.accordion-trigger.is-open {
  color: #5865F2;
}
.accordion-trigger.is-open .accordion-icon::after {
  transform: translateX(-50%) rotate(90deg);
  opacity: 0;
}

.accordion-body {
  display: none;
  padding: 0 1.25rem 1.25rem;
  font-size: 0.875rem;
  color: #475569;
  line-height: 1.65;
}
.accordion-body.is-open {
  display: block;
}

.accordion-flush {
  border: none;
  border-radius: 0;
}
.accordion-flush .accordion-item {
  border-left: none;
  border-right: none;
}
.accordion-flush .accordion-item:first-child {
  border-top: none;
}

.progress {
  display: flex;
  height: 0.625rem;
  background: #e2e8f0;
  border-radius: 9999px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  border-radius: 9999px;
  background: #5865F2;
  transition: width 0.5s ease;
  min-width: 0.375rem;
}
.progress-bar.progress-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%);
  background-size: 1rem 1rem;
}
.progress-bar.progress-striped.progress-animated {
  animation: progress-stripes 0.8s linear infinite;
}

@keyframes progress-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress-xs {
  height: 0.2rem;
}

.progress-sm {
  height: 0.4rem;
}

.progress-lg {
  height: 1rem;
}

.progress-xl {
  height: 1.5rem;
}

.progress-bar-primary {
  background-color: #5865F2;
}

.progress-bar-primary2 {
  background-color: #10b981;
}

.progress-bar-secondary {
  background-color: #64748b;
}

.progress-bar-success {
  background-color: #22c55e;
}

.progress-bar-danger {
  background-color: #ef4444;
}

.progress-bar-warning {
  background-color: #f59e0b;
}

.progress-bar-info {
  background-color: #38bdf8;
}

.progress-bar-dark {
  background-color: #212529;
}

.progress-bar-eg {
  background-color: #19B94B;
}

.progress-bar-es {
  background-color: #198CDC;
}

.progress-bar-eb {
  background-color: #E65520;
}

.progress-bar-en {
  background-color: #0FC3D2;
}

.progress-bar-ep {
  background-color: #5865F2;
}

.progress-multi .progress-bar {
  border-radius: 0;
}
.progress-multi .progress-bar:first-child {
  border-radius: 9999px 0 0 9999px;
}
.progress-multi .progress-bar:last-child {
  border-radius: 0 9999px 9999px 0;
}

.spinner {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border: 2.5px solid #e2e8f0;
  border-top-color: #5865F2;
  border-radius: 50%;
  animation: spin 0.65s linear infinite;
  flex-shrink: 0;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.spinner-xs {
  width: 0.875rem;
  height: 0.875rem;
  border-width: 2px;
}

.spinner-sm {
  width: 1.1rem;
  height: 1.1rem;
  border-width: 2px;
}

.spinner-lg {
  width: 2.25rem;
  height: 2.25rem;
  border-width: 3px;
}

.spinner-xl {
  width: 3rem;
  height: 3rem;
  border-width: 4px;
}

.spinner-primary {
  border-top-color: #5865F2;
}

.spinner-primary2 {
  border-top-color: #10b981;
}

.spinner-secondary {
  border-top-color: #64748b;
}

.spinner-success {
  border-top-color: #22c55e;
}

.spinner-danger {
  border-top-color: #ef4444;
}

.spinner-warning {
  border-top-color: #f59e0b;
}

.spinner-info {
  border-top-color: #38bdf8;
}

.spinner-dark {
  border-top-color: #212529;
}

.spinner-eg {
  border-top-color: #19B94B;
}

.spinner-es {
  border-top-color: #198CDC;
}

.spinner-eb {
  border-top-color: #E65520;
}

.spinner-en {
  border-top-color: #0FC3D2;
}

.spinner-ep {
  border-top-color: #5865F2;
}

.spinner-dots {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
}
.spinner-dots span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #5865F2;
  animation: dots-bounce 1.2s ease-in-out infinite;
}
.spinner-dots span:nth-child(1) {
  animation-delay: -0.32s;
}
.spinner-dots span:nth-child(2) {
  animation-delay: -0.16s;
}
.spinner-dots span:nth-child(3) {
  animation-delay: 0s;
}

@keyframes dots-bounce {
  0%, 80%, 100% {
    transform: scale(0.6);
    opacity: 0.4;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
}
.breadcrumb-item a {
  color: #64748b;
  text-decoration: none;
  transition: color 0.15s ease;
}
.breadcrumb-item a:hover {
  color: #5865F2;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  padding: 0 0.5rem;
  color: #cbd5e1;
  font-size: 0.85em;
}
.breadcrumb-item.active {
  color: #1e293b;
  font-weight: 600;
}

.breadcrumb-chevron .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
}

.breadcrumb-dot .breadcrumb-item + .breadcrumb-item::before {
  content: "·";
}

.divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1.5rem 0;
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.divider::before, .divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e2e8f0;
}
.divider.divider-left::before {
  display: none;
}
.divider.divider-right::after {
  display: none;
}

hr.divider {
  border: none;
  border-top: 1px solid #e2e8f0;
  margin: 1.5rem 0;
}

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3rem 1.5rem;
}
.empty-state .empty-icon {
  font-size: 3.5rem;
  margin-bottom: 1rem;
  opacity: 0.35;
}
.empty-state .empty-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.4rem;
}
.empty-state .empty-text {
  font-size: 0.875rem;
  color: #64748b;
  max-width: 360px;
  line-height: 1.65;
  margin-bottom: 1.5rem;
}

.tag {
  align-items: center;
  gap: 0.35rem;
  font-weight: 600;
  background: #f1f5f9;
  color: #475569;
  white-space: nowrap;
  cursor: default;
  transition: all 0.15s ease;
}
.tag .tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: inherit;
  font-size: 0.8rem;
  cursor: pointer;
  opacity: 0.6;
  padding: 0;
  transition: opacity 0.15s, background 0.15s;
}
.tag .tag-remove:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.1);
}
.tag.tag-interactive {
  cursor: pointer;
}
.tag.tag-interactive:hover {
  border-color: #5865F2;
  color: #5865F2;
  background: rgba(88, 101, 242, 0.06);
}

.tag-primary {
  background: rgba(88, 101, 242, 0.1);
  color: rgb(51.26, 67.12, 239.14);
  border-color: rgba(88, 101, 242, 0.25);
}

.tag-primary2 {
  background: rgba(16, 185, 129, 0.1);
  color: rgb(14.08, 162.8, 113.52);
  border-color: rgba(16, 185, 129, 0.25);
}

.tag-secondary {
  background: rgba(100, 116, 139, 0.1);
  color: rgb(88, 102.08, 122.32);
  border-color: rgba(100, 116, 139, 0.25);
}

.tag-success {
  background: rgba(34, 197, 94, 0.1);
  color: rgb(29.92, 173.36, 82.72);
  border-color: rgba(34, 197, 94, 0.25);
}

.tag-danger {
  background: rgba(239, 68, 68, 0.1);
  color: rgb(236.0963546798, 34.0636453202, 34.0636453202);
  border-color: rgba(239, 68, 68, 0.25);
}

.tag-warning {
  background: rgba(245, 158, 11, 0.1);
  color: rgb(216.4107086614, 139.2478740157, 8.8692913386);
  border-color: rgba(245, 158, 11, 0.25);
}

.tag-info {
  background: rgba(56, 189, 248, 0.1);
  color: rgb(20.7596116505, 177.3122330097, 246.7603883495);
  border-color: rgba(56, 189, 248, 0.25);
}

.tag-dark {
  background: rgba(33, 37, 41, 0.1);
  color: rgb(29.04, 32.56, 36.08);
  border-color: rgba(33, 37, 41, 0.25);
}

.tag-eg {
  background: rgba(25, 185, 75, 0.1);
  color: rgb(22, 162.8, 66);
  border-color: rgba(25, 185, 75, 0.25);
}

.tag-es {
  background: rgba(25, 140, 220, 0.1);
  color: rgb(22, 123.2, 193.6);
  border-color: rgba(25, 140, 220, 0.25);
}

.tag-eb {
  background: rgba(230, 85, 32, 0.1);
  color: rgb(207.3180645161, 72.5148387097, 23.2419354839);
  border-color: rgba(230, 85, 32, 0.25);
}

.tag-en {
  background: rgba(15, 195, 210, 0.1);
  color: rgb(13.2, 171.6, 184.8);
  border-color: rgba(15, 195, 210, 0.25);
}

.tag-ep {
  background: rgba(88, 101, 242, 0.1);
  color: rgb(51.26, 67.12, 239.14);
  border-color: rgba(88, 101, 242, 0.25);
}

.stat-card {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.stat-card .stat-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #64748b;
  margin-bottom: 0.5rem;
}
.stat-card .stat-value {
  font-size: 2.25rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.stat-card .stat-change {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 0.4rem;
}
.stat-card .stat-change.stat-up {
  color: #22c55e;
}
.stat-card .stat-change.stat-down {
  color: #ef4444;
}
.stat-card .stat-desc {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --bg: rgb(5.07, 5.55, 6.03);
    --bg-elevated: rgb(9.408, 10.36, 11.312);
    --bg-overlay: rgb(14.028, 15.54, 17.052);
    --surface: rgb(9.408, 10.36, 11.312);
    --surface-2: rgb(14.028, 15.54, 17.052);
    --border: rgb(14.028, 15.54, 17.052);
    --border-soft: rgb(9.408, 10.36, 11.312);
    --color-text: rgb(170.4513513514, 178.7, 186.9486486486);
    --color-text-muted: rgb(122.1378378378, 135.1, 148.0621621622);
    --color-text-subtle: rgb(19.8, 22.2, 24.6);
    --color-primary: #5865F2;
    --color-success: #22c55e;
    --color-danger: #ef4444;
    --color-warning: #f59e0b;
    --color-info: #38bdf8;
  }
  :root:not([data-theme=light]) body {
    background-color: rgb(5.07, 5.55, 6.03);
    color: rgb(170.4513513514, 178.7, 186.9486486486);
  }
  :root:not([data-theme=light]) a {
    color: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) a:hover {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) code, :root:not([data-theme=light]) kbd {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) pre {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
    border: 1px solid rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) hr, :root:not([data-theme=light]) .divider::before, :root:not([data-theme=light]) .divider::after {
    background: rgb(14.028, 15.54, 17.052);
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .navbar-dark .nav-link {
    color: rgba(170.4513513514, 178.7, 186.9486486486, 0.8);
  }
  :root:not([data-theme=light]) .navbar-dark .nav-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .navbar-dark .nav-link.active {
    background: rgba(33, 37, 41, 0.15);
    color: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) .navbar-dark .navbar-brand {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .navbar-dark .navbar-toggler {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .dropdown-menu {
    background: rgb(9.408, 10.36, 11.312);
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .dropdown-menu .dropdown-item {
    color: rgb(170.4513513514, 178.7, 186.9486486486);
  }
  :root:not([data-theme=light]) .dropdown-menu .dropdown-item:hover {
    background: rgb(14.028, 15.54, 17.052);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .dropdown-menu .dropdown-item.active {
    background: rgba(33, 37, 41, 0.15);
    color: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) .dropdown-menu .dropdown-item.danger:hover {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
  }
  :root:not([data-theme=light]) .dropdown-menu .dropdown-header {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .dropdown-menu .dropdown-divider {
    background: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .btn-light {
    background-color: rgb(14.028, 15.54, 17.052);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
    border-color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .btn-light:hover {
    background-color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .btn-white {
    background-color: rgb(9.408, 10.36, 11.312);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
    border-color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .btn-white:hover {
    background-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .btn-ghost-primary:hover {
    background-color: rgba(88, 101, 242, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-primary2:hover {
    background-color: rgba(16, 185, 129, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-secondary:hover {
    background-color: rgba(100, 116, 139, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-success:hover {
    background-color: rgba(34, 197, 94, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-danger:hover {
    background-color: rgba(239, 68, 68, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-warning:hover {
    background-color: rgba(245, 158, 11, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-info:hover {
    background-color: rgba(56, 189, 248, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-dark:hover {
    background-color: rgba(33, 37, 41, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-eg:hover {
    background-color: rgba(25, 185, 75, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-es:hover {
    background-color: rgba(25, 140, 220, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-eb:hover {
    background-color: rgba(230, 85, 32, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-en:hover {
    background-color: rgba(15, 195, 210, 0.18);
  }
  :root:not([data-theme=light]) .btn-ghost-ep:hover {
    background-color: rgba(88, 101, 242, 0.18);
  }
  :root:not([data-theme=light]) .form-control,
  :root:not([data-theme=light]) .form-select {
    background-color: rgb(9.408, 10.36, 11.312);
    border-color: rgb(19.8, 22.2, 24.6);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .form-control::placeholder,
  :root:not([data-theme=light]) .form-select::placeholder {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .form-control:focus,
  :root:not([data-theme=light]) .form-select:focus {
    background-color: rgb(9.408, 10.36, 11.312);
    border-color: rgb(71.8864864865, 80.6, 89.3135135135);
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.25);
  }
  :root:not([data-theme=light]) .form-control:disabled, :root:not([data-theme=light]) .form-control[readonly],
  :root:not([data-theme=light]) .form-select:disabled,
  :root:not([data-theme=light]) .form-select[readonly] {
    background-color: rgb(5.07, 5.55, 6.03);
    color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  }
  :root:not([data-theme=light]) .form-label {
    color: rgb(170.4513513514, 178.7, 186.9486486486);
  }
  :root:not([data-theme=light]) .form-hint {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .form-check-label {
    color: rgb(170.4513513514, 178.7, 186.9486486486);
  }
  :root:not([data-theme=light]) .form-check-input {
    background-color: rgb(9.408, 10.36, 11.312);
    border-color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .form-switch .form-check-input {
    background-color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .form-switch .form-check-input:checked {
    background-color: #212529;
  }
  :root:not([data-theme=light]) .input-group-text {
    background-color: rgb(14.028, 15.54, 17.052);
    border-color: rgb(19.8, 22.2, 24.6);
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .form-range::-webkit-slider-runnable-track {
    background: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .form-range::-moz-range-track {
    background: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .form-range::-webkit-slider-thumb {
    background: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) .form-range::-moz-range-thumb {
    background: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) .form-card {
    background: rgb(9.408, 10.36, 11.312);
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .form-card .form-card-title {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .form-card .form-card-subtitle {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .form-card .form-card-footer {
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) fieldset {
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) legend {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .modal-dialog {
    background: rgb(9.408, 10.36, 11.312);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);
  }
  :root:not([data-theme=light]) .modal-header {
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .modal-header .modal-title {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .modal-header .modal-subtitle {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .modal-close {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .modal-close:hover {
    background: rgb(14.028, 15.54, 17.052);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .modal-footer {
    background: rgb(14.028, 15.54, 17.052);
    border-color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .drawer-dialog {
    background: rgb(9.408, 10.36, 11.312);
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.6);
  }
  :root:not([data-theme=light]) .table {
    color: rgb(170.4513513514, 178.7, 186.9486486486);
  }
  :root:not([data-theme=light]) .table th, :root:not([data-theme=light]) .table td {
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .table thead th {
    background-color: rgb(14.028, 15.54, 17.052);
    color: rgb(122.1378378378, 135.1, 148.0621621622);
    border-color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .table tfoot td {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
    border-color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .table-hover tbody tr:hover {
    background-color: rgba(33, 37, 41, 0.08);
  }
  :root:not([data-theme=light]) .table-striped tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.02);
  }
  :root:not([data-theme=light]) .table-card {
    background: rgb(9.408, 10.36, 11.312);
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .table-card .table-card-header {
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .table-card .table-card-header .table-card-title {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .table-card .table-card-footer {
    background: rgb(9.408, 10.36, 11.312);
    border-color: rgb(14.028, 15.54, 17.052);
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .page-link {
    background: rgb(9.408, 10.36, 11.312);
    border-color: rgb(14.028, 15.54, 17.052);
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .page-link:hover {
    background: rgb(14.028, 15.54, 17.052);
    border-color: rgb(19.8, 22.2, 24.6);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .page-item.active .page-link {
    background: #212529;
    border-color: #212529;
    color: #fff;
  }
  :root:not([data-theme=light]) .alert-primary {
    background-color: rgba(88, 101, 242, 0.12);
    border-color: rgba(88, 101, 242, 0.3);
    color: rgb(129.75, 139.5, 245.25);
  }
  :root:not([data-theme=light]) .alert-primary .alert-title {
    color: rgb(138.1, 147.2, 245.9);
  }
  :root:not([data-theme=light]) .alert-primary2 {
    background-color: rgba(16, 185, 129, 0.12);
    border-color: rgba(16, 185, 129, 0.3);
    color: rgb(41.697761194, 236.552238806, 171.9850746269);
  }
  :root:not([data-theme=light]) .alert-primary2 .alert-title {
    color: rgb(55.9179104478, 237.7820895522, 177.5194029851);
  }
  :root:not([data-theme=light]) .alert-secondary {
    background-color: rgba(100, 116, 139, 0.12);
    border-color: rgba(100, 116, 139, 0.3);
    color: rgb(136.7918410042, 150.3985355649, 169.9581589958);
  }
  :root:not([data-theme=light]) .alert-secondary .alert-title {
    color: rgb(144.6723849372, 157.3719665272, 175.6276150628);
  }
  :root:not([data-theme=light]) .alert-success {
    background-color: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.3);
    color: rgb(76.5487012987, 224.2012987013, 130.8993506494);
  }
  :root:not([data-theme=light]) .alert-success .alert-title {
    color: rgb(88.4454545455, 226.2545454545, 139.1727272727);
  }
  :root:not([data-theme=light]) .alert-danger {
    background-color: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.3);
    color: rgb(243, 114.75, 114.75);
  }
  :root:not([data-theme=light]) .alert-danger .alert-title {
    color: rgb(243.8, 124.1, 124.1);
  }
  :root:not([data-theme=light]) .alert-warning {
    background-color: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.3);
    color: rgb(247.5, 182.25, 72);
  }
  :root:not([data-theme=light]) .alert-warning .alert-title {
    color: rgb(248, 187.1, 84.2);
  }
  :root:not([data-theme=light]) .alert-info {
    background-color: rgba(56, 189, 248, 0.12);
    border-color: rgba(56, 189, 248, 0.3);
    color: rgb(105.75, 205.5, 249.75);
  }
  :root:not([data-theme=light]) .alert-info .alert-title {
    color: rgb(115.7, 208.8, 250.1);
  }
  :root:not([data-theme=light]) .alert-dark {
    background-color: rgba(33, 37, 41, 0.12);
    border-color: rgba(33, 37, 41, 0.3);
    color: rgb(81.6081081081, 91.5, 101.3918918919);
  }
  :root:not([data-theme=light]) .alert-dark .alert-title {
    color: rgb(91.3297297297, 102.4, 113.4702702703);
  }
  :root:not([data-theme=light]) .alert-eg {
    background-color: rgba(25, 185, 75, 0.12);
    border-color: rgba(25, 185, 75, 0.3);
    color: rgb(56.7857142857, 228.2142857143, 110.3571428571);
  }
  :root:not([data-theme=light]) .alert-eg .alert-title {
    color: #46e678;
  }
  :root:not([data-theme=light]) .alert-es {
    background-color: rgba(25, 140, 220, 0.12);
    border-color: rgba(25, 140, 220, 0.3);
    color: rgb(76.5306122449, 169.8214285714, 234.7193877551);
  }
  :root:not([data-theme=light]) .alert-es .alert-title {
    color: rgb(88.4285714286, 175.5, 236.0714285714);
  }
  :root:not([data-theme=light]) .alert-eb {
    background-color: rgba(230, 85, 32, 0.12);
    border-color: rgba(230, 85, 32, 0.3);
    color: rgb(236.25, 127.5, 87.75);
  }
  :root:not([data-theme=light]) .alert-eb .alert-title {
    color: rgb(237.5, 136, 98.9);
  }
  :root:not([data-theme=light]) .alert-en {
    background-color: rgba(15, 195, 210, 0.12);
    border-color: rgba(15, 195, 210, 0.3);
    color: rgb(55.5, 226.5, 240.75);
  }
  :root:not([data-theme=light]) .alert-en .alert-title {
    color: rgb(68.8, 228.4, 241.7);
  }
  :root:not([data-theme=light]) .alert-ep {
    background-color: rgba(88, 101, 242, 0.12);
    border-color: rgba(88, 101, 242, 0.3);
    color: rgb(129.75, 139.5, 245.25);
  }
  :root:not([data-theme=light]) .alert-ep .alert-title {
    color: rgb(138.1, 147.2, 245.9);
  }
  :root:not([data-theme=light]) .accordion {
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .accordion-item {
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .accordion-trigger {
    background: rgb(9.408, 10.36, 11.312);
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .accordion-trigger:hover {
    background: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .accordion-trigger.is-open {
    color: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) .accordion-trigger .accordion-icon {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .accordion-body {
    color: rgb(170.4513513514, 178.7, 186.9486486486);
  }
  :root:not([data-theme=light]) .tab-list {
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .tab-btn {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .tab-btn:hover {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .tab-btn.active {
    color: rgb(71.8864864865, 80.6, 89.3135135135);
    border-color: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) .tab-btn .tab-badge {
    background: rgb(14.028, 15.54, 17.052);
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .tab-btn.active .tab-badge {
    background: rgba(33, 37, 41, 0.2);
    color: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) .tabs-pills .tab-btn.active {
    background: #212529;
    color: white;
  }
  :root:not([data-theme=light]) .breadcrumb-item a {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .breadcrumb-item a:hover {
    color: rgb(71.8864864865, 80.6, 89.3135135135);
  }
  :root:not([data-theme=light]) .breadcrumb-item.active {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .breadcrumb-item + .breadcrumb-item::before {
    color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .stat-card {
    background: rgb(9.408, 10.36, 11.312);
    border-color: rgb(14.028, 15.54, 17.052);
  }
  :root:not([data-theme=light]) .stat-card .stat-label {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .stat-card .stat-value {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .stat-card .stat-desc {
    color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) .tag {
    background: rgb(14.028, 15.54, 17.052);
    border-color: rgb(19.8, 22.2, 24.6);
    color: rgb(170.4513513514, 178.7, 186.9486486486);
  }
  :root:not([data-theme=light]) .empty-state .empty-title {
    color: rgb(211.5178378378, 215.76, 220.0021621622);
  }
  :root:not([data-theme=light]) .empty-state .empty-text {
    color: rgb(122.1378378378, 135.1, 148.0621621622);
  }
  :root:not([data-theme=light]) .divider {
    color: rgb(19.8, 22.2, 24.6);
  }
  :root:not([data-theme=light]) * {
    scrollbar-color: rgb(19.8, 22.2, 24.6) rgb(9.408, 10.36, 11.312);
  }
  :root:not([data-theme=light]) ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  :root:not([data-theme=light]) ::-webkit-scrollbar-track {
    background: rgb(9.408, 10.36, 11.312);
  }
  :root:not([data-theme=light]) ::-webkit-scrollbar-thumb {
    background: rgb(19.8, 22.2, 24.6);
    border-radius: 999px;
  }
  :root:not([data-theme=light]) ::-webkit-scrollbar-thumb:hover {
    background: #212529;
  }
}
:root[data-theme=dark] {
  --bg: rgb(5.07, 5.55, 6.03);
  --bg-elevated: rgb(9.408, 10.36, 11.312);
  --bg-overlay: rgb(14.028, 15.54, 17.052);
  --surface: rgb(9.408, 10.36, 11.312);
  --surface-2: rgb(14.028, 15.54, 17.052);
  --border: rgb(14.028, 15.54, 17.052);
  --border-soft: rgb(9.408, 10.36, 11.312);
  --color-text: rgb(170.4513513514, 178.7, 186.9486486486);
  --color-text-muted: rgb(122.1378378378, 135.1, 148.0621621622);
  --color-text-subtle: rgb(19.8, 22.2, 24.6);
  --color-primary: #5865F2;
  --color-success: #22c55e;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;
  --color-info: #38bdf8;
}
:root[data-theme=dark] body {
  background-color: rgb(5.07, 5.55, 6.03);
  color: rgb(170.4513513514, 178.7, 186.9486486486);
}
:root[data-theme=dark] a {
  color: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] a:hover {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] code, :root[data-theme=dark] kbd {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] pre {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
  border: 1px solid rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] hr, :root[data-theme=dark] .divider::before, :root[data-theme=dark] .divider::after {
  background: rgb(14.028, 15.54, 17.052);
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .navbar-dark .nav-link {
  color: rgba(170.4513513514, 178.7, 186.9486486486, 0.8);
}
:root[data-theme=dark] .navbar-dark .nav-link:hover {
  background: rgba(255, 255, 255, 0.05);
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .navbar-dark .nav-link.active {
  background: rgba(33, 37, 41, 0.15);
  color: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] .navbar-dark .navbar-brand {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .navbar-dark .navbar-toggler {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .dropdown-menu {
  background: rgb(9.408, 10.36, 11.312);
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .dropdown-menu .dropdown-item {
  color: rgb(170.4513513514, 178.7, 186.9486486486);
}
:root[data-theme=dark] .dropdown-menu .dropdown-item:hover {
  background: rgb(14.028, 15.54, 17.052);
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .dropdown-menu .dropdown-item.active {
  background: rgba(33, 37, 41, 0.15);
  color: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] .dropdown-menu .dropdown-item.danger:hover {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}
:root[data-theme=dark] .dropdown-menu .dropdown-header {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .dropdown-menu .dropdown-divider {
  background: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .btn-light {
  background-color: rgb(14.028, 15.54, 17.052);
  color: rgb(211.5178378378, 215.76, 220.0021621622);
  border-color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .btn-light:hover {
  background-color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .btn-white {
  background-color: rgb(9.408, 10.36, 11.312);
  color: rgb(211.5178378378, 215.76, 220.0021621622);
  border-color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .btn-white:hover {
  background-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .btn-ghost-primary:hover {
  background-color: rgba(88, 101, 242, 0.18);
}
:root[data-theme=dark] .btn-ghost-primary2:hover {
  background-color: rgba(16, 185, 129, 0.18);
}
:root[data-theme=dark] .btn-ghost-secondary:hover {
  background-color: rgba(100, 116, 139, 0.18);
}
:root[data-theme=dark] .btn-ghost-success:hover {
  background-color: rgba(34, 197, 94, 0.18);
}
:root[data-theme=dark] .btn-ghost-danger:hover {
  background-color: rgba(239, 68, 68, 0.18);
}
:root[data-theme=dark] .btn-ghost-warning:hover {
  background-color: rgba(245, 158, 11, 0.18);
}
:root[data-theme=dark] .btn-ghost-info:hover {
  background-color: rgba(56, 189, 248, 0.18);
}
:root[data-theme=dark] .btn-ghost-dark:hover {
  background-color: rgba(33, 37, 41, 0.18);
}
:root[data-theme=dark] .btn-ghost-eg:hover {
  background-color: rgba(25, 185, 75, 0.18);
}
:root[data-theme=dark] .btn-ghost-es:hover {
  background-color: rgba(25, 140, 220, 0.18);
}
:root[data-theme=dark] .btn-ghost-eb:hover {
  background-color: rgba(230, 85, 32, 0.18);
}
:root[data-theme=dark] .btn-ghost-en:hover {
  background-color: rgba(15, 195, 210, 0.18);
}
:root[data-theme=dark] .btn-ghost-ep:hover {
  background-color: rgba(88, 101, 242, 0.18);
}
:root[data-theme=dark] .form-control,
:root[data-theme=dark] .form-select {
  background-color: rgb(9.408, 10.36, 11.312);
  border-color: rgb(19.8, 22.2, 24.6);
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .form-control::placeholder,
:root[data-theme=dark] .form-select::placeholder {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .form-control:focus,
:root[data-theme=dark] .form-select:focus {
  background-color: rgb(9.408, 10.36, 11.312);
  border-color: rgb(71.8864864865, 80.6, 89.3135135135);
  box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.25);
}
:root[data-theme=dark] .form-control:disabled, :root[data-theme=dark] .form-control[readonly],
:root[data-theme=dark] .form-select:disabled,
:root[data-theme=dark] .form-select[readonly] {
  background-color: rgb(5.07, 5.55, 6.03);
  color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}
:root[data-theme=dark] .form-label {
  color: rgb(170.4513513514, 178.7, 186.9486486486);
}
:root[data-theme=dark] .form-hint {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .form-check-label {
  color: rgb(170.4513513514, 178.7, 186.9486486486);
}
:root[data-theme=dark] .form-check-input {
  background-color: rgb(9.408, 10.36, 11.312);
  border-color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .form-switch .form-check-input {
  background-color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .form-switch .form-check-input:checked {
  background-color: #212529;
}
:root[data-theme=dark] .input-group-text {
  background-color: rgb(14.028, 15.54, 17.052);
  border-color: rgb(19.8, 22.2, 24.6);
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .form-range::-webkit-slider-runnable-track {
  background: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .form-range::-moz-range-track {
  background: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .form-range::-webkit-slider-thumb {
  background: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] .form-range::-moz-range-thumb {
  background: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] .form-card {
  background: rgb(9.408, 10.36, 11.312);
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .form-card .form-card-title {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .form-card .form-card-subtitle {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .form-card .form-card-footer {
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] fieldset {
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] legend {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .modal-dialog {
  background: rgb(9.408, 10.36, 11.312);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);
}
:root[data-theme=dark] .modal-header {
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .modal-header .modal-title {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .modal-header .modal-subtitle {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .modal-close {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .modal-close:hover {
  background: rgb(14.028, 15.54, 17.052);
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .modal-footer {
  background: rgb(14.028, 15.54, 17.052);
  border-color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .drawer-dialog {
  background: rgb(9.408, 10.36, 11.312);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.6);
}
:root[data-theme=dark] .table {
  color: rgb(170.4513513514, 178.7, 186.9486486486);
}
:root[data-theme=dark] .table th, :root[data-theme=dark] .table td {
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .table thead th {
  background-color: rgb(14.028, 15.54, 17.052);
  color: rgb(122.1378378378, 135.1, 148.0621621622);
  border-color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .table tfoot td {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
  border-color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .table-hover tbody tr:hover {
  background-color: rgba(33, 37, 41, 0.08);
}
:root[data-theme=dark] .table-striped tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.02);
}
:root[data-theme=dark] .table-card {
  background: rgb(9.408, 10.36, 11.312);
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .table-card .table-card-header {
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .table-card .table-card-header .table-card-title {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .table-card .table-card-footer {
  background: rgb(9.408, 10.36, 11.312);
  border-color: rgb(14.028, 15.54, 17.052);
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .page-link {
  background: rgb(9.408, 10.36, 11.312);
  border-color: rgb(14.028, 15.54, 17.052);
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .page-link:hover {
  background: rgb(14.028, 15.54, 17.052);
  border-color: rgb(19.8, 22.2, 24.6);
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .page-item.active .page-link {
  background: #212529;
  border-color: #212529;
  color: #fff;
}
:root[data-theme=dark] .alert-primary {
  background-color: rgba(88, 101, 242, 0.12);
  border-color: rgba(88, 101, 242, 0.3);
  color: rgb(129.75, 139.5, 245.25);
}
:root[data-theme=dark] .alert-primary .alert-title {
  color: rgb(138.1, 147.2, 245.9);
}
:root[data-theme=dark] .alert-primary2 {
  background-color: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.3);
  color: rgb(41.697761194, 236.552238806, 171.9850746269);
}
:root[data-theme=dark] .alert-primary2 .alert-title {
  color: rgb(55.9179104478, 237.7820895522, 177.5194029851);
}
:root[data-theme=dark] .alert-secondary {
  background-color: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.3);
  color: rgb(136.7918410042, 150.3985355649, 169.9581589958);
}
:root[data-theme=dark] .alert-secondary .alert-title {
  color: rgb(144.6723849372, 157.3719665272, 175.6276150628);
}
:root[data-theme=dark] .alert-success {
  background-color: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.3);
  color: rgb(76.5487012987, 224.2012987013, 130.8993506494);
}
:root[data-theme=dark] .alert-success .alert-title {
  color: rgb(88.4454545455, 226.2545454545, 139.1727272727);
}
:root[data-theme=dark] .alert-danger {
  background-color: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.3);
  color: rgb(243, 114.75, 114.75);
}
:root[data-theme=dark] .alert-danger .alert-title {
  color: rgb(243.8, 124.1, 124.1);
}
:root[data-theme=dark] .alert-warning {
  background-color: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.3);
  color: rgb(247.5, 182.25, 72);
}
:root[data-theme=dark] .alert-warning .alert-title {
  color: rgb(248, 187.1, 84.2);
}
:root[data-theme=dark] .alert-info {
  background-color: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.3);
  color: rgb(105.75, 205.5, 249.75);
}
:root[data-theme=dark] .alert-info .alert-title {
  color: rgb(115.7, 208.8, 250.1);
}
:root[data-theme=dark] .alert-dark {
  background-color: rgba(33, 37, 41, 0.12);
  border-color: rgba(33, 37, 41, 0.3);
  color: rgb(81.6081081081, 91.5, 101.3918918919);
}
:root[data-theme=dark] .alert-dark .alert-title {
  color: rgb(91.3297297297, 102.4, 113.4702702703);
}
:root[data-theme=dark] .alert-eg {
  background-color: rgba(25, 185, 75, 0.12);
  border-color: rgba(25, 185, 75, 0.3);
  color: rgb(56.7857142857, 228.2142857143, 110.3571428571);
}
:root[data-theme=dark] .alert-eg .alert-title {
  color: #46e678;
}
:root[data-theme=dark] .alert-es {
  background-color: rgba(25, 140, 220, 0.12);
  border-color: rgba(25, 140, 220, 0.3);
  color: rgb(76.5306122449, 169.8214285714, 234.7193877551);
}
:root[data-theme=dark] .alert-es .alert-title {
  color: rgb(88.4285714286, 175.5, 236.0714285714);
}
:root[data-theme=dark] .alert-eb {
  background-color: rgba(230, 85, 32, 0.12);
  border-color: rgba(230, 85, 32, 0.3);
  color: rgb(236.25, 127.5, 87.75);
}
:root[data-theme=dark] .alert-eb .alert-title {
  color: rgb(237.5, 136, 98.9);
}
:root[data-theme=dark] .alert-en {
  background-color: rgba(15, 195, 210, 0.12);
  border-color: rgba(15, 195, 210, 0.3);
  color: rgb(55.5, 226.5, 240.75);
}
:root[data-theme=dark] .alert-en .alert-title {
  color: rgb(68.8, 228.4, 241.7);
}
:root[data-theme=dark] .alert-ep {
  background-color: rgba(88, 101, 242, 0.12);
  border-color: rgba(88, 101, 242, 0.3);
  color: rgb(129.75, 139.5, 245.25);
}
:root[data-theme=dark] .alert-ep .alert-title {
  color: rgb(138.1, 147.2, 245.9);
}
:root[data-theme=dark] .accordion {
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .accordion-item {
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .accordion-trigger {
  background: rgb(9.408, 10.36, 11.312);
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .accordion-trigger:hover {
  background: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .accordion-trigger.is-open {
  color: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] .accordion-trigger .accordion-icon {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .accordion-body {
  color: rgb(170.4513513514, 178.7, 186.9486486486);
}
:root[data-theme=dark] .tab-list {
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .tab-btn {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .tab-btn:hover {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .tab-btn.active {
  color: rgb(71.8864864865, 80.6, 89.3135135135);
  border-color: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] .tab-btn .tab-badge {
  background: rgb(14.028, 15.54, 17.052);
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .tab-btn.active .tab-badge {
  background: rgba(33, 37, 41, 0.2);
  color: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] .tabs-pills .tab-btn.active {
  background: #212529;
  color: white;
}
:root[data-theme=dark] .breadcrumb-item a {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .breadcrumb-item a:hover {
  color: rgb(71.8864864865, 80.6, 89.3135135135);
}
:root[data-theme=dark] .breadcrumb-item.active {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .breadcrumb-item + .breadcrumb-item::before {
  color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .stat-card {
  background: rgb(9.408, 10.36, 11.312);
  border-color: rgb(14.028, 15.54, 17.052);
}
:root[data-theme=dark] .stat-card .stat-label {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .stat-card .stat-value {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .stat-card .stat-desc {
  color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] .tag {
  background: rgb(14.028, 15.54, 17.052);
  border-color: rgb(19.8, 22.2, 24.6);
  color: rgb(170.4513513514, 178.7, 186.9486486486);
}
:root[data-theme=dark] .empty-state .empty-title {
  color: rgb(211.5178378378, 215.76, 220.0021621622);
}
:root[data-theme=dark] .empty-state .empty-text {
  color: rgb(122.1378378378, 135.1, 148.0621621622);
}
:root[data-theme=dark] .divider {
  color: rgb(19.8, 22.2, 24.6);
}
:root[data-theme=dark] * {
  scrollbar-color: rgb(19.8, 22.2, 24.6) rgb(9.408, 10.36, 11.312);
}
:root[data-theme=dark] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
:root[data-theme=dark] ::-webkit-scrollbar-track {
  background: rgb(9.408, 10.36, 11.312);
}
:root[data-theme=dark] ::-webkit-scrollbar-thumb {
  background: rgb(19.8, 22.2, 24.6);
  border-radius: 999px;
}
:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover {
  background: #212529;
}

.jumbotron {
  position: relative;
  padding: 5rem 2rem;
  overflow: hidden;
  background: #f1f5f9;
  text-align: center;
}
.jumbotron .jumbotron-inner {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: 0 auto;
}
.jumbotron .jumbotron-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.9rem;
  background: rgba(88, 101, 242, 0.1);
  color: rgb(61.2633835, 76.344677, 239.9187065);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 9999px;
  margin-bottom: 1.25rem;
}
.jumbotron .jumbotron-title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0f172a;
  margin-bottom: 1rem;
}
.jumbotron .jumbotron-title em {
  font-style: normal;
  color: #5865F2;
}
.jumbotron .jumbotron-lead {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.7;
  color: #64748b;
  margin-bottom: 2rem;
}
.jumbotron .jumbotron-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 2rem;
}
.jumbotron .jumbotron-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  font-size: 0.8rem;
  color: #94a3b8;
}
.jumbotron .jumbotron-meta span {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.jumbotron-primary {
  background: linear-gradient(135deg, rgb(13.4467666667, 28.4479619048, 191.1532333333) 0%, rgb(10.4866666667, 22.6447619048, 154.5133333333) 100%);
}
.jumbotron-primary .jumbotron-title {
  color: #ffffff;
}
.jumbotron-primary .jumbotron-title em {
  color: #fde68a;
}
.jumbotron-primary .jumbotron-lead, .jumbotron-primary .jumbotron-meta {
  color: #ffffff;
}
.jumbotron-primary .jumbotron-eyebrow {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

.jumbotron-dark {
  background: #0f172a;
}
.jumbotron-dark .jumbotron-title {
  color: #f1f5f9;
}
.jumbotron-dark .jumbotron-title em {
  color: #5865F2;
}
.jumbotron-dark .jumbotron-lead {
  color: #94a3b8;
}
.jumbotron-dark .jumbotron-meta {
  color: #475569;
}
.jumbotron-dark .jumbotron-eyebrow {
  background: rgba(88, 101, 242, 0.15);
  color: rgb(124.1148589739, 134.3035226466, 244.8113363273);
}

.jumbotron-gradient {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4c1d95 100%);
  color: #fff;
}
.jumbotron-gradient .jumbotron-title {
  color: #fff;
}
.jumbotron-gradient .jumbotron-title em {
  background: linear-gradient(90deg, #a5b4fc, #f0abfc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.jumbotron-gradient .jumbotron-lead {
  color: rgba(255, 255, 255, 0.75);
}
.jumbotron-gradient .jumbotron-eyebrow {
  background: rgba(255, 255, 255, 0.12);
  color: #c4b5fd;
}
.jumbotron-gradient .jumbotron-meta {
  color: #ffffff;
}

.jumbotron-blob::before,
.jumbotron-blob::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.35;
  pointer-events: none;
}

.jumbotron-blob::before {
  width: 500px;
  height: 500px;
  background: #5865F2;
  top: -200px;
  right: -100px;
}

.jumbotron-blob::after {
  width: 350px;
  height: 350px;
  background: #38bdf8;
  bottom: -150px;
  left: -80px;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}

.feature-card {
  position: relative;
  padding: 1.75rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  transition: box-shadow 0.2s, transform 0.2s;
}
.feature-card:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}
.feature-card .feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
  background: rgba(88, 101, 242, 0.1);
  color: rgb(61.2633835, 76.344677, 239.9187065);
}
.feature-card .feature-title {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.4rem;
}
.feature-card .feature-text {
  font-size: 0.875rem;
  line-height: 1.65;
  color: #64748b;
  margin: 0;
}
.feature-card .feature-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(69.90555, 84.3141, 240.59145);
  text-decoration: none;
}
.feature-card .feature-link:hover {
  text-decoration: underline;
}
.feature-card .feature-link::after {
  content: "→";
}

.feature-icon-primary {
  background: rgba(88, 101, 242, 0.1);
  color: rgb(61.2633835, 76.344677, 239.9187065);
}

.feature-icon-primary2 {
  background: rgba(16, 185, 129, 0.1);
  color: rgb(10.1320190262, 117.1514699903, 81.6894033986);
}

.feature-icon-secondary {
  background: rgba(100, 116, 139, 0.1);
  color: rgb(85.87340257, 99.6131469812, 119.3640295723);
}

.feature-icon-success {
  background: rgba(34, 197, 94, 0.1);
  color: rgb(20.2580854912, 117.3777306402, 56.0076481227);
}

.feature-icon-danger {
  background: rgba(239, 68, 68, 0.1);
  color: rgb(208.5457226646, 17.8434842922, 17.8434842922);
}

.feature-icon-warning {
  background: rgba(245, 158, 11, 0.1);
  color: rgb(142.1305026122, 91.4528234021, 5.8250205989);
}

.feature-icon-info {
  background: rgba(56, 189, 248, 0.1);
  color: rgb(5.4489249073, 108.9784981452, 154.905150935);
}

.feature-icon-dark {
  background: rgba(33, 37, 41, 0.1);
  color: #212529;
}

.feature-icon-eg {
  background: rgba(25, 185, 75, 0.1);
  color: rgb(15.8312797284, 117.1514699903, 47.4938391853);
}

.feature-icon-es {
  background: rgba(25, 140, 220, 0.1);
  color: rgb(18.4356031724, 103.2393777653, 162.2333079169);
}

.feature-icon-eb {
  background: rgba(230, 85, 32, 0.1);
  color: rgb(179.1018541651, 62.6454915914, 20.0786832024);
}

.feature-icon-en {
  background: rgba(15, 195, 210, 0.1);
  color: rgb(8.6692689381, 112.7004961959, 121.369765134);
}

.feature-icon-ep {
  background: rgba(88, 101, 242, 0.1);
  color: rgb(61.2633835, 76.344677, 239.9187065);
}

.feature-card-flat {
  border: none;
  background: #f1f5f9;
  box-shadow: none;
}
.feature-card-flat:hover {
  box-shadow: none;
  transform: none;
}

.feature-card-bordered {
  border-top: 3px solid #5865F2;
}

.feature-card-bordered-primary {
  border-top-color: #5865F2;
}

.feature-card-bordered-primary2 {
  border-top-color: #10b981;
}

.feature-card-bordered-secondary {
  border-top-color: #64748b;
}

.feature-card-bordered-success {
  border-top-color: #22c55e;
}

.feature-card-bordered-danger {
  border-top-color: #ef4444;
}

.feature-card-bordered-warning {
  border-top-color: #f59e0b;
}

.feature-card-bordered-info {
  border-top-color: #38bdf8;
}

.feature-card-bordered-dark {
  border-top-color: #212529;
}

.feature-card-bordered-eg {
  border-top-color: #19B94B;
}

.feature-card-bordered-es {
  border-top-color: #198CDC;
}

.feature-card-bordered-eb {
  border-top-color: #E65520;
}

.feature-card-bordered-en {
  border-top-color: #0FC3D2;
}

.feature-card-bordered-ep {
  border-top-color: #5865F2;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 1.5rem;
  align-items: start;
}

.pricing-card {
  position: relative;
  padding: 2rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s, transform 0.2s;
}
.pricing-card .pricing-badge {
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.25rem 0.875rem;
  background: #5865F2;
  color: #000000;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  border-radius: 0 0 0.625rem 0.625rem;
  white-space: nowrap;
}
.pricing-card .pricing-plan {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #94a3b8;
  margin-bottom: 0.75rem;
}
.pricing-card .pricing-price {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  margin-bottom: 0.35rem;
}
.pricing-card .pricing-price .price-currency {
  font-size: 1.25rem;
  font-weight: 600;
  color: #475569;
  margin-top: 0.5rem;
}
.pricing-card .pricing-price .price-amount {
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #0f172a;
  line-height: 1;
}
.pricing-card .pricing-price .price-period {
  font-size: 0.875rem;
  color: #94a3b8;
  align-self: flex-end;
  margin-bottom: 0.25rem;
}
.pricing-card .pricing-desc {
  font-size: 0.875rem;
  color: #64748b;
  margin-bottom: 1.75rem;
  line-height: 1.5;
}
.pricing-card .pricing-divider {
  height: 1px;
  background: #f1f5f9;
  margin: 1.5rem 0;
}
.pricing-card .pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
}
.pricing-card .pricing-features li {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.45rem 0;
  font-size: 0.875rem;
  color: #475569;
  border-bottom: 1px solid #f1f5f9;
}
.pricing-card .pricing-features li:last-child {
  border-bottom: none;
}
.pricing-card .pricing-features li::before {
  content: "✓";
  flex-shrink: 0;
  font-weight: 700;
  color: #22c55e;
  font-size: 0.8rem;
  margin-top: 0.1rem;
}
.pricing-card .pricing-features li.unavailable {
  opacity: 0.4;
  text-decoration: line-through;
}
.pricing-card .pricing-features li.unavailable::before {
  content: "✕";
  color: #94a3b8;
}

.pricing-card-featured {
  border-color: #5865F2;
  box-shadow: 0 20px 40px rgba(88, 101, 242, 0.15);
  transform: scale(1.03);
  z-index: 1;
}
.pricing-card-featured .pricing-plan {
  color: rgb(69.90555, 84.3141, 240.59145);
}
.pricing-card-featured .price-amount {
  color: rgb(69.90555, 84.3141, 240.59145);
}

.pricing-card-dark {
  background: #0f172a;
  border-color: #1e293b;
}
.pricing-card-dark .pricing-plan {
  color: #64748b;
}
.pricing-card-dark .price-currency {
  color: #94a3b8;
}
.pricing-card-dark .price-amount {
  color: #f1f5f9;
}
.pricing-card-dark .price-period {
  color: #64748b;
}
.pricing-card-dark .pricing-desc {
  color: #94a3b8;
}
.pricing-card-dark .pricing-divider {
  background: #1e293b;
}
.pricing-card-dark .pricing-features li {
  color: #94a3b8;
  border-color: #1e293b;
}
.pricing-card-dark .pricing-features li::before {
  color: #22c55e;
}

.timeline {
  position: relative;
  padding: 0;
  list-style: none;
  margin: 0;
}
.timeline::before {
  content: "";
  position: absolute;
  left: 1.1rem;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e2e8f0;
}

.timeline-item {
  position: relative;
  padding: 0 0 2rem 3.5rem;
}
.timeline-item:last-child {
  padding-bottom: 0;
}
.timeline-item .timeline-dot {
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: #fff;
  border: 2.5px solid #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #94a3b8;
  z-index: 1;
  transition: border-color 0.2s, background 0.2s;
}
.timeline-item.is-done .timeline-dot {
  background: #22c55e;
  border-color: #22c55e;
  color: #0f172a;
}
.timeline-item.is-done .timeline-dot::after {
  content: "✓";
}
.timeline-item.is-active .timeline-dot {
  background: #5865F2;
  border-color: #5865F2;
  color: #000000;
  box-shadow: 0 0 0 4px rgba(88, 101, 242, 0.15);
}
.timeline-item.is-primary .timeline-dot {
  background: #5865F2;
  border-color: #5865F2;
  color: #000000;
}
.timeline-item.is-primary2 .timeline-dot {
  background: #10b981;
  border-color: #10b981;
  color: #0f172a;
}
.timeline-item.is-secondary .timeline-dot {
  background: #64748b;
  border-color: #64748b;
  color: #000000;
}
.timeline-item.is-success .timeline-dot {
  background: #22c55e;
  border-color: #22c55e;
  color: #0f172a;
}
.timeline-item.is-danger .timeline-dot {
  background: #ef4444;
  border-color: #ef4444;
  color: #0f172a;
}
.timeline-item.is-warning .timeline-dot {
  background: #f59e0b;
  border-color: #f59e0b;
  color: #0f172a;
}
.timeline-item.is-info .timeline-dot {
  background: #38bdf8;
  border-color: #38bdf8;
  color: #0f172a;
}
.timeline-item.is-dark .timeline-dot {
  background: #212529;
  border-color: #212529;
  color: #ffffff;
}
.timeline-item.is-eg .timeline-dot {
  background: #19B94B;
  border-color: #19B94B;
  color: #0f172a;
}
.timeline-item.is-es .timeline-dot {
  background: #198CDC;
  border-color: #198CDC;
  color: #0f172a;
}
.timeline-item.is-eb .timeline-dot {
  background: #E65520;
  border-color: #E65520;
  color: #0f172a;
}
.timeline-item.is-en .timeline-dot {
  background: #0FC3D2;
  border-color: #0FC3D2;
  color: #0f172a;
}
.timeline-item.is-ep .timeline-dot {
  background: #5865F2;
  border-color: #5865F2;
  color: #000000;
}
.timeline-item .timeline-date {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.timeline-item .timeline-title {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.35rem;
  line-height: 1.35;
}
.timeline-item .timeline-body {
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.65;
  margin: 0;
}
.timeline-item .timeline-tag {
  display: inline-flex;
  align-items: center;
  margin-top: 0.5rem;
  padding: 0.15rem 0.6rem;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 9999px;
  background: rgba(88, 101, 242, 0.1);
  color: rgb(61.2633835, 76.344677, 239.9187065);
}

.stepper {
  display: flex;
  align-items: flex-start;
  counter-reset: step;
  overflow-x: auto;
  padding-bottom: 0.5rem;
  scrollbar-width: none;
}
.stepper::-webkit-scrollbar {
  display: none;
}

.stepper-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  min-width: 100px;
}
.stepper-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: calc(50% + 1.1rem);
  right: calc(-50% + 1.1rem);
  height: 2px;
  background: #e2e8f0;
  transition: background 0.3s;
}
.stepper-item.is-done:not(:last-child)::after {
  background: #22c55e;
}
.stepper-item .stepper-dot {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: #f1f5f9;
  border: 2px solid #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #94a3b8;
  margin-bottom: 0.625rem;
  position: relative;
  z-index: 1;
  transition: all 0.25s;
  counter-increment: step;
}
.stepper-item .stepper-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  line-height: 1.3;
  transition: color 0.2s;
}
.stepper-item .stepper-sublabel {
  font-size: 0.7rem;
  color: #cbd5e1;
  margin-top: 0.15rem;
}
.stepper-item.is-done .stepper-dot {
  background: #22c55e;
  border-color: #22c55e;
  color: #0f172a;
}
.stepper-item.is-done .stepper-dot::after {
  content: "✓";
}
.stepper-item.is-done .stepper-label {
  color: #334155;
}
.stepper-item.is-active .stepper-dot {
  background: #5865F2;
  border-color: #5865F2;
  color: #000000;
  box-shadow: 0 0 0 4px rgba(88, 101, 242, 0.15);
}
.stepper-item.is-active .stepper-label {
  color: rgb(69.90555, 84.3141, 240.59145);
  font-weight: 700;
}
.stepper-item.is-error .stepper-dot {
  background: #ef4444;
  border-color: #ef4444;
  color: #0f172a;
}
.stepper-item.is-error .stepper-dot::after {
  content: "✕";
}
.stepper-item.is-error .stepper-label {
  color: rgb(228.4999366307, 19.5507967171, 19.5507967171);
}

@media (prefers-color-scheme: dark) {
  .jumbotron {
    background: rgb(18.6186, 22.94, 27.2614);
  }
  .jumbotron .jumbotron-title {
    color: #f1f5f9;
  }
  .jumbotron .jumbotron-lead {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .jumbotron .jumbotron-meta {
    color: rgb(28.1688, 32.56, 36.9512);
  }
  .feature-card {
    background: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .feature-card .feature-title {
    color: #f1f5f9;
  }
  .feature-card-flat {
    background: rgb(23.265, 27.75, 32.235);
  }
  .pricing-card {
    background: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .pricing-card .pricing-plan {
    color: #212529;
  }
  .pricing-card .price-amount {
    color: #f1f5f9;
  }
  .pricing-card .pricing-desc {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .pricing-card .pricing-divider {
    background: rgb(23.265, 27.75, 32.235);
  }
  .pricing-card .pricing-features li {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .timeline::before {
    background: rgb(23.265, 27.75, 32.235);
  }
  .timeline-item .timeline-dot {
    background: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(28.1688, 32.56, 36.9512);
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .timeline-item .timeline-title {
    color: #f1f5f9;
  }
  .timeline-item .timeline-body {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .timeline-item .timeline-date {
    color: #212529;
  }
  .stepper-item::after {
    background: rgb(23.265, 27.75, 32.235);
  }
  .stepper-item .stepper-dot {
    background: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(28.1688, 32.56, 36.9512);
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .stepper-item .stepper-label {
    color: #212529;
  }
  .stepper-item .stepper-sublabel {
    color: rgb(28.1688, 32.56, 36.9512);
  }
  .stepper-item.is-done .stepper-label {
    color: rgb(80.0500324324, 89.32, 98.5899675676);
  }
}
.article-card {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.article-card .article-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: rgb(131.5907891892, 141.64, 151.6892108108);
  flex-shrink: 0;
}
.article-card .article-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}
.article-card .article-media:empty::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgb(131.5907891892, 141.64, 151.6892108108) 0%, rgb(108.1798918919, 119.84, 131.5001081081) 100%);
}
.article-card:hover .article-media img {
  transform: scale(1.04);
}
.article-card .article-category {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #5865F2;
  text-decoration: none;
  margin-bottom: 0.625rem;
}
.article-card .article-category:hover {
  text-decoration: underline;
}
.article-card.article-primary .article-category {
  color: #5865F2;
}
.article-card.article-primary .article-category-pill {
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
}
.article-card.article-primary2 .article-category {
  color: #10b981;
}
.article-card.article-primary2 .article-category-pill {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
}
.article-card.article-secondary .article-category {
  color: #64748b;
}
.article-card.article-secondary .article-category-pill {
  background: rgba(100, 116, 139, 0.1);
  color: #64748b;
}
.article-card.article-success .article-category {
  color: #22c55e;
}
.article-card.article-success .article-category-pill {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}
.article-card.article-danger .article-category {
  color: #ef4444;
}
.article-card.article-danger .article-category-pill {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.article-card.article-warning .article-category {
  color: #f59e0b;
}
.article-card.article-warning .article-category-pill {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
}
.article-card.article-info .article-category {
  color: #38bdf8;
}
.article-card.article-info .article-category-pill {
  background: rgba(56, 189, 248, 0.1);
  color: #38bdf8;
}
.article-card.article-dark .article-category {
  color: #212529;
}
.article-card.article-dark .article-category-pill {
  background: rgba(33, 37, 41, 0.1);
  color: #212529;
}
.article-card.article-eg .article-category {
  color: #19B94B;
}
.article-card.article-eg .article-category-pill {
  background: rgba(25, 185, 75, 0.1);
  color: #19B94B;
}
.article-card.article-es .article-category {
  color: #198CDC;
}
.article-card.article-es .article-category-pill {
  background: rgba(25, 140, 220, 0.1);
  color: #198CDC;
}
.article-card.article-eb .article-category {
  color: #E65520;
}
.article-card.article-eb .article-category-pill {
  background: rgba(230, 85, 32, 0.1);
  color: #E65520;
}
.article-card.article-en .article-category {
  color: #0FC3D2;
}
.article-card.article-en .article-category-pill {
  background: rgba(15, 195, 210, 0.1);
  color: #0FC3D2;
}
.article-card.article-ep .article-category {
  color: #5865F2;
}
.article-card.article-ep .article-category-pill {
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
}
.article-card .article-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1.125rem 0 0;
}
.article-card .article-title {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  color: rgb(14.52, 18.5, 22.48);
  margin-bottom: 0.5rem;
  text-decoration: none;
  display: block;
  transition: color 0.15s;
}
.article-card .article-title:hover {
  color: #5865F2;
}
.article-card .article-teaser {
  font-size: 0.875rem;
  line-height: 1.65;
  color: #212529;
  margin-bottom: 0.875rem;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-card .article-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 0.875rem;
  border-top: 1px solid rgb(108.1798918919, 119.84, 131.5001081081);
  font-size: 0.75rem;
  color: rgb(54.4534918919, 60.98, 67.5065081081);
}
.article-card .article-author {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-weight: 600;
  color: #212529;
}
.article-card .article-author .author-avatar {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  object-fit: cover;
  background: rgb(108.1798918919, 119.84, 131.5001081081);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: 700;
  color: #212529;
  overflow: hidden;
}
.article-card .article-author .author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-card .article-date {
  margin-left: auto;
}
.article-card .article-read-time {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.article-card .article-read-time::before {
  content: "·";
  margin-right: 0.15rem;
}
.article-card .article-category-pill {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.2rem 0.6rem;
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 0.25rem;
  backdrop-filter: blur(4px);
  z-index: 1;
}
.article-card .article-bookmark {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  color: rgb(28.1688, 32.56, 36.9512);
  font-size: 0.875rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s;
  z-index: 1;
}
.article-card .article-bookmark:hover, .article-card .article-bookmark.is-saved {
  background: #fff;
  color: #5865F2;
}

.article-card-sm .article-media {
  display: none;
}
.article-card-sm .article-body {
  padding-top: 0;
}
.article-card-sm .article-title {
  font-size: 1rem;
}

.article-card-horizontal {
  flex-direction: row;
  gap: 1.25rem;
}
.article-card-horizontal .article-media {
  width: 160px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 0.375rem;
}
.article-card-horizontal .article-body {
  padding-top: 0;
}
.article-card-horizontal .article-title {
  font-size: 1rem;
}
.article-card-horizontal .article-teaser {
  -webkit-line-clamp: 2;
}

.article-card-featured .article-media {
  aspect-ratio: 16/9;
  border-radius: 0.5rem;
}
.article-card-featured .article-title {
  font-size: 1.5rem;
  line-height: 1.2;
}
.article-card-featured .article-teaser {
  -webkit-line-clamp: 4;
}

.article-card-overlay {
  border-radius: 0.75rem;
  overflow: hidden;
}
.article-card-overlay .article-media {
  aspect-ratio: 4/3;
  position: relative;
}
.article-card-overlay .article-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
}
.article-card-overlay .article-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem;
  color: #fff;
}
.article-card-overlay .article-category {
  color: rgba(255, 255, 255, 0.8);
}
.article-card-overlay .article-title {
  color: #fff;
  font-size: 1.1rem;
}
.article-card-overlay .article-title:hover {
  color: rgba(255, 255, 255, 0.85);
}
.article-card-overlay .article-teaser {
  color: rgba(255, 255, 255, 0.75);
  -webkit-line-clamp: 2;
}
.article-card-overlay .article-meta {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}
.article-card-overlay .article-author {
  color: rgba(255, 255, 255, 0.8);
}

.article-card-opinion {
  border-left: 3px solid #5865F2;
  padding-left: 1.25rem;
}
.article-card-opinion .article-media {
  display: none;
}
.article-card-opinion .article-body {
  padding-top: 0;
}
.article-card-opinion .article-title {
  font-style: italic;
  font-size: 1.1rem;
}
.article-card-opinion .article-category::before {
  content: "Meinung · ";
}

.article-grid {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: 1fr;
}
@media (min-width: 576px) {
  .article-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .article-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.article-grid-magazine {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .article-grid-magazine {
    grid-template-columns: repeat(3, 1fr);
  }
  .article-grid-magazine > .article-card:first-child {
    grid-column: span 2;
  }
  .article-grid-magazine > .article-card:first-child .article-title {
    font-size: 1.75rem;
  }
  .article-grid-magazine > .article-card:first-child .article-media {
    aspect-ratio: 16/9;
  }
  .article-grid-magazine > .article-card:first-child .article-teaser {
    -webkit-line-clamp: 4;
  }
}

.article-grid-hero {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .article-grid-hero {
    grid-template-columns: 2fr 1fr;
  }
  .article-grid-hero > .article-card:first-child .article-title {
    font-size: 2rem;
  }
  .article-grid-hero > .article-card:first-child .article-teaser {
    -webkit-line-clamp: 5;
  }
  .article-grid-hero > .article-card:not(:first-child) {
    flex-direction: row;
    gap: 1.25rem;
  }
  .article-grid-hero > .article-card:not(:first-child) .article-media {
    width: 160px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 0.375rem;
  }
  .article-grid-hero > .article-card:not(:first-child) .article-body {
    padding-top: 0;
  }
  .article-grid-hero > .article-card:not(:first-child) .article-title {
    font-size: 1rem;
  }
  .article-grid-hero > .article-card:not(:first-child) .article-teaser {
    -webkit-line-clamp: 2;
  }
}

.news-feed {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid rgb(108.1798918919, 119.84, 131.5001081081);
  border-radius: 0.75rem;
  overflow: hidden;
  background: #fff;
}

.news-feed-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  border-bottom: 2px solid rgb(14.52, 18.5, 22.48);
  gap: 0.75rem;
}
.news-feed-header .news-feed-title {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1rem;
  font-weight: 700;
  color: rgb(14.52, 18.5, 22.48);
  margin: 0;
  letter-spacing: -0.01em;
}
.news-feed-header .news-feed-link {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5865F2;
  text-decoration: none;
  white-space: nowrap;
}
.news-feed-header .news-feed-link:hover {
  text-decoration: underline;
}

.news-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgb(108.1798918919, 119.84, 131.5001081081);
  transition: background 0.12s;
  text-decoration: none;
  color: inherit;
}
.news-item:last-child {
  border-bottom: none;
}
.news-item:hover {
  background: rgb(131.5907891892, 141.64, 151.6892108108);
}
.news-item .news-item-rank {
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 800;
  color: rgb(108.1798918919, 119.84, 131.5001081081);
  line-height: 1;
  width: 1.5rem;
  text-align: center;
  margin-top: 0.1rem;
}
.news-item .news-item-thumb {
  flex-shrink: 0;
  width: 72px;
  height: 56px;
  border-radius: 0.25rem;
  overflow: hidden;
  background: rgb(131.5907891892, 141.64, 151.6892108108);
}
.news-item .news-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.news-item .news-item-content {
  flex: 1;
  min-width: 0;
}
.news-item .news-item-category {
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #5865F2;
  margin-bottom: 0.25rem;
  display: block;
}
.news-item .news-item-title {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  color: rgb(14.52, 18.5, 22.48);
  margin-bottom: 0.375rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-item .news-item-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.7rem;
  color: rgb(54.4534918919, 60.98, 67.5065081081);
}
.news-item .news-item-author {
  font-weight: 600;
  color: #212529;
}
.news-item .news-item-dot::before {
  content: "·";
  margin-right: 0.35rem;
}
.news-item.is-breaking {
  border-left: 3px solid #ef4444;
  padding-left: calc(1.25rem - 3px);
}
.news-item.is-breaking .news-item-category {
  color: #ef4444;
}
.news-item.is-read .news-item-title {
  color: #212529;
  font-weight: 600;
}
.news-item.is-read .news-item-rank {
  color: rgb(131.5907891892, 141.64, 151.6892108108);
}

.news-feed-compact .news-item {
  padding: 0.625rem 1.25rem;
  gap: 0.625rem;
}
.news-feed-compact .news-item .news-item-thumb {
  display: none;
}
.news-feed-compact .news-item .news-item-title {
  font-size: 0.875rem;
  -webkit-line-clamp: 1;
}

.news-feed-section {
  padding: 0.4rem 1.25rem;
  background: rgb(131.5907891892, 141.64, 151.6892108108);
  border-bottom: 1px solid rgb(108.1798918919, 119.84, 131.5001081081);
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #212529;
}

.breaking-banner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  background: #ef4444;
  color: #fff;
  font-size: 0.875rem;
  overflow: hidden;
}
.breaking-banner .breaking-label {
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.6rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}
.breaking-banner .breaking-text {
  flex: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breaking-banner .breaking-link {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.breaking-banner .breaking-link:hover {
  color: #fff;
  text-decoration: underline;
}
.breaking-banner .breaking-link::after {
  content: " →";
}
.breaking-banner .breaking-close {
  flex-shrink: 0;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  cursor: pointer;
  padding: 0.1rem 0.25rem;
  border-radius: 0.25rem;
  line-height: 1;
}
.breaking-banner .breaking-close:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}

.breaking-banner-ticker .breaking-text {
  animation: ticker-scroll 20s linear infinite;
  display: inline-block;
  padding-right: 4rem;
}

@keyframes ticker-scroll {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@media (prefers-color-scheme: dark) {
  .article-card {
    background: rgb(18.6186, 22.94, 27.2614);
  }
  .article-card .article-title {
    color: #f1f5f9;
  }
  .article-card .article-title:hover {
    color: rgb(121.4, 131.8, 244.6);
  }
  .article-card .article-teaser {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .article-card .article-meta {
    border-color: rgb(23.265, 27.75, 32.235);
    color: rgb(28.1688, 32.56, 36.9512);
  }
  .article-card .article-author {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .article-card .article-media {
    background: rgb(23.265, 27.75, 32.235);
  }
  .article-card .article-bookmark {
    background: rgba(30, 41, 59, 0.85);
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .article-card .article-bookmark:hover {
    background: rgb(23.265, 27.75, 32.235);
  }
  .article-card-overlay .article-title {
    color: #fff;
  }
  .article-card-overlay .article-teaser {
    color: rgba(255, 255, 255, 0.7);
  }
  .article-card-opinion {
    border-left-color: rgb(104.7, 116.4, 243.3);
  }
  .news-feed {
    background: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .news-feed-header {
    border-color: #f1f5f9;
  }
  .news-feed-header .news-feed-title {
    color: #f1f5f9;
  }
  .news-item {
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .news-item:hover {
    background: rgb(23.265, 27.75, 32.235);
  }
  .news-item .news-item-title {
    color: #f1f5f9;
  }
  .news-item .news-item-rank {
    color: rgb(23.265, 27.75, 32.235);
  }
  .news-item .news-item-author {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .news-item .news-item-thumb {
    background: rgb(23.265, 27.75, 32.235);
  }
  .news-item.is-read .news-item-title {
    color: #212529;
  }
  .news-item.is-read .news-item-rank {
    color: rgb(18.6186, 22.94, 27.2614);
  }
  .news-feed-section {
    background: rgb(23.265, 27.75, 32.235);
    border-color: rgb(28.1688, 32.56, 36.9512);
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
}
.cmd-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.cmd-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.cmd-palette {
  width: 100%;
  max-width: 580px;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transform: translateY(-12px) scale(0.97);
  transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.is-open .cmd-palette {
  transform: translateY(0) scale(1);
}

.cmd-search {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.125rem;
  border-bottom: 1px solid #f1f5f9;
}
.cmd-search .cmd-search-icon {
  flex-shrink: 0;
  font-size: 1.1rem;
  color: #94a3b8;
}
.cmd-search input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 1rem;
  color: #0f172a;
  background: transparent;
  font-family: inherit;
}
.cmd-search input::placeholder {
  color: #94a3b8;
}
.cmd-search .cmd-kbd {
  flex-shrink: 0;
  padding: 0.15rem 0.4rem;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #64748b;
  font-family: monospace;
}

.cmd-results {
  max-height: 380px;
  overflow-y: auto;
  padding: 0.4rem;
  scrollbar-width: thin;
}

.cmd-section-label {
  padding: 0.5rem 0.75rem 0.25rem;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #94a3b8;
}

.cmd-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background 0.1s;
  text-decoration: none;
  color: inherit;
}
.cmd-item:hover, .cmd-item.is-selected {
  background: #f1f5f9;
}
.cmd-item.is-selected {
  outline: none;
}
.cmd-item .cmd-item-icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.cmd-item .cmd-item-text {
  flex: 1;
  min-width: 0;
}
.cmd-item .cmd-item-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmd-item .cmd-item-subtitle {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmd-item .cmd-item-badge {
  flex-shrink: 0;
  padding: 0.15rem 0.5rem;
  background: #f1f5f9;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #64748b;
  font-weight: 600;
}
.cmd-item .cmd-item-kbd {
  flex-shrink: 0;
  display: flex;
  gap: 0.2rem;
}
.cmd-item .cmd-item-kbd kbd {
  padding: 0.15rem 0.35rem;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  color: #64748b;
  font-family: monospace;
}

.cmd-empty {
  padding: 2.5rem 1rem;
  text-align: center;
  color: #94a3b8;
  font-size: 0.875rem;
}
.cmd-empty .cmd-empty-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  opacity: 0.4;
}

.cmd-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.625rem 1rem;
  border-top: 1px solid #f1f5f9;
  background: #f1f5f9;
  font-size: 0.7rem;
  color: #94a3b8;
}
.cmd-footer span {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.cmd-footer kbd {
  padding: 0.1rem 0.3rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.2rem;
  font-size: 0.65rem;
  font-family: monospace;
}

.kanban {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: 0.5rem;
  align-items: flex-start;
  scrollbar-width: thin;
}

.kanban-col {
  flex-shrink: 0;
  width: 280px;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.kanban-col:last-child {
  margin-right: 0;
}

.kanban-col-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  background: #f1f5f9;
  border-radius: 0.625rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #475569;
  user-select: none;
}
.kanban-col-header .kanban-col-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.kanban-col-header .kanban-col-count {
  margin-left: auto;
  padding: 0.1rem 0.45rem;
  background: #e2e8f0;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 700;
  color: #64748b;
}
.kanban-col-header .kanban-col-add {
  border: none;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
  padding: 0 0.1rem;
  border-radius: 0.25rem;
  transition: color 0.15s, background 0.15s;
}
.kanban-col-header .kanban-col-add:hover {
  color: #475569;
  background: #e2e8f0;
}

.kanban-col-todo .kanban-col-dot {
  background: #94a3b8;
}

.kanban-col-todo .kanban-col-header {
  border-top: 2.5px solid #94a3b8;
}

.kanban-col-progress .kanban-col-dot {
  background: #5865F2;
}

.kanban-col-progress .kanban-col-header {
  border-top: 2.5px solid #5865F2;
}

.kanban-col-review .kanban-col-dot {
  background: #f59e0b;
}

.kanban-col-review .kanban-col-header {
  border-top: 2.5px solid #f59e0b;
}

.kanban-col-done .kanban-col-dot {
  background: #22c55e;
}

.kanban-col-done .kanban-col-header {
  border-top: 2.5px solid #22c55e;
}

.kanban-col-blocked .kanban-col-dot {
  background: #ef4444;
}

.kanban-col-blocked .kanban-col-header {
  border-top: 2.5px solid #ef4444;
}

.kanban-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.625rem;
  padding: 0.875rem;
  cursor: grab;
  transition: box-shadow 0.2s, transform 0.15s;
  user-select: none;
}
.kanban-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.kanban-card:active {
  cursor: grabbing;
}
.kanban-card.is-dragging {
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
  transform: rotate(1.5deg) scale(1.02);
  opacity: 0.9;
}

.kanban-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.625rem;
}

.kanban-tag {
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.kanban-tag-primary {
  background: rgba(88, 101, 242, 0.12);
  color: rgb(42.075, 58.65, 238.425);
}

.kanban-tag-primary2 {
  background: rgba(16, 185, 129, 0.12);
  color: rgb(13.6, 157.25, 109.65);
}

.kanban-tag-secondary {
  background: rgba(100, 116, 139, 0.12);
  color: rgb(85, 98.6, 118.15);
}

.kanban-tag-success {
  background: rgba(34, 197, 94, 0.12);
  color: rgb(28.9, 167.45, 79.9);
}

.kanban-tag-danger {
  background: rgba(239, 68, 68, 0.12);
  color: rgb(235.3704433498, 25.5795566502, 25.5795566502);
}

.kanban-tag-warning {
  background: rgba(245, 158, 11, 0.12);
  color: rgb(209.0330708661, 134.5007874016, 8.5669291339);
}

.kanban-tag-info {
  background: rgba(56, 189, 248, 0.12);
  color: rgb(11.9495145631, 174.3902912621, 246.4504854369);
}

.kanban-tag-dark {
  background: rgba(33, 37, 41, 0.12);
  color: rgb(28.05, 31.45, 34.85);
}

.kanban-tag-eg {
  background: rgba(25, 185, 75, 0.12);
  color: rgb(21.25, 157.25, 63.75);
}

.kanban-tag-es {
  background: rgba(25, 140, 220, 0.12);
  color: rgb(21.25, 119, 187);
}

.kanban-tag-eb {
  background: rgba(230, 85, 32, 0.12);
  color: rgb(200.2504032258, 70.0427419355, 22.4495967742);
}

.kanban-tag-en {
  background: rgba(15, 195, 210, 0.12);
  color: rgb(12.75, 165.75, 178.5);
}

.kanban-tag-ep {
  background: rgba(88, 101, 242, 0.12);
  color: rgb(42.075, 58.65, 238.425);
}

.kanban-card-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.4;
  margin-bottom: 0.625rem;
}

.kanban-card-desc {
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.kanban-card-footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.kanban-card-meta {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.7rem;
  color: #94a3b8;
}

.kanban-card-avatars {
  display: flex;
  margin-left: auto;
}
.kanban-card-avatars .kanban-avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: -0.4rem;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: 700;
  color: #475569;
  overflow: hidden;
}
.kanban-card-avatars .kanban-avatar:first-child {
  margin-left: 0;
}
.kanban-card-avatars .kanban-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kanban-priority {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.kanban-priority-high {
  background: #ef4444;
}
.kanban-priority-medium {
  background: #f59e0b;
}
.kanban-priority-low {
  background: #22c55e;
}

.kanban-drop-zone {
  min-height: 60px;
  border: 2px dashed #e2e8f0;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #cbd5e1;
  transition: border-color 0.15s, background 0.15s;
}
.kanban-drop-zone.is-over {
  border-color: #5865F2;
  background: rgba(88, 101, 242, 0.04);
  color: #5865F2;
}

.kanban-add-col {
  flex-shrink: 0;
  width: 220px;
  height: 2.75rem;
  border: 2px dashed #e2e8f0;
  border-radius: 0.625rem;
  background: transparent;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  transition: border-color 0.15s, color 0.15s;
  font-family: inherit;
}
.kanban-add-col:hover {
  border-color: #5865F2;
  color: #5865F2;
}

.chat {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 1.25rem;
  background: #f1f5f9;
  border-radius: 1rem;
  max-height: 520px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.chat-date-divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0.75rem 0;
}
.chat-date-divider::before, .chat-date-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #cbd5e1;
}

.chat-message {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  max-width: 75%;
  margin-bottom: 0.125rem;
}
.chat-message.incoming {
  align-self: flex-start;
}
.chat-message.outgoing {
  align-self: flex-end;
  flex-direction: row-reverse;
}
.chat-message .chat-avatar {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 700;
  color: #475569;
  overflow: hidden;
  align-self: flex-end;
}
.chat-message .chat-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-message.no-avatar .chat-avatar {
  visibility: hidden;
}

.chat-bubble-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.chat-sender-name {
  font-size: 0.7rem;
  font-weight: 700;
  color: #64748b;
  margin-bottom: 0.25rem;
  padding: 0 0.75rem;
}
.outgoing .chat-sender-name {
  text-align: right;
}

.chat-bubble {
  display: inline-block;
  padding: 0.5rem 0.875rem;
  border-radius: 1.125rem;
  font-size: 0.875rem;
  line-height: 1.5;
  word-break: break-word;
  position: relative;
}
.incoming .chat-bubble {
  background: #fff;
  color: #0f172a;
  border-bottom-left-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.outgoing .chat-bubble {
  background: #5865F2;
  color: #fff;
  border-bottom-right-radius: 0.25rem;
  align-self: flex-end;
}
.incoming .chat-bubble-group > .chat-bubble:not(:first-child):not(:last-child) {
  border-radius: 0.375rem 1.125rem 1.125rem 0.375rem;
}
.outgoing .chat-bubble-group > .chat-bubble:not(:first-child):not(:last-child) {
  border-radius: 1.125rem 0.375rem 0.375rem 1.125rem;
}

.chat-bubble-image {
  padding: 0.25rem;
  border-radius: 1rem;
  overflow: hidden;
  max-width: 240px;
}
.chat-bubble-image img {
  width: 100%;
  border-radius: 0.75rem;
  display: block;
}

.chat-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.incoming .chat-reactions {
  justify-content: flex-start;
}
.outgoing .chat-reactions {
  justify-content: flex-end;
}

.chat-reaction {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.5rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 9999px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.chat-reaction:hover, .chat-reaction.is-active {
  background: rgba(88, 101, 242, 0.08);
  border-color: rgba(88, 101, 242, 0.3);
}
.chat-reaction .reaction-count {
  font-size: 0.7rem;
  font-weight: 600;
  color: #64748b;
}

.chat-time {
  font-size: 0.65rem;
  color: #94a3b8;
  margin-top: 0.2rem;
  padding: 0 0.25rem;
}
.outgoing .chat-time {
  text-align: right;
}
.chat-time .chat-status {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  color: #38bdf8;
  font-size: 0.75rem;
}

.chat-system {
  align-self: center;
  font-size: 0.75rem;
  color: #94a3b8;
  text-align: center;
  padding: 0.25rem 0.75rem;
  background: rgba(203, 213, 225, 0.4);
  border-radius: 9999px;
  margin: 0.5rem 0;
}

.chat-typing {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  align-self: flex-start;
  max-width: 80px;
}
.chat-typing .chat-bubble {
  padding: 0.625rem 0.875rem;
  display: flex;
  gap: 0.3rem;
  align-items: center;
  border-bottom-left-radius: 0.25rem;
}
.chat-typing .chat-bubble span {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #94a3b8;
  animation: typing-dot 1.2s ease-in-out infinite;
}
.chat-typing .chat-bubble span:nth-child(2) {
  animation-delay: 0.2s;
}
.chat-typing .chat-bubble span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typing-dot {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.4;
  }
  30% {
    transform: translateY(-4px);
    opacity: 1;
  }
}
.chat-input {
  display: flex;
  align-items: flex-end;
  gap: 0.625rem;
  padding: 0.75rem 1rem;
  background: #fff;
  border-top: 1px solid #e2e8f0;
  border-radius: 0 0 1rem 1rem;
}
.chat-input .chat-input-field {
  flex: 1;
  border: 1px solid #e2e8f0;
  border-radius: 1.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-family: inherit;
  resize: none;
  outline: none;
  min-height: 2.5rem;
  max-height: 120px;
  background: #f1f5f9;
  transition: border-color 0.15s;
  line-height: 1.5;
}
.chat-input .chat-input-field:focus {
  border-color: #5865F2;
  background: #fff;
}
.chat-input .chat-input-btn {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  border-radius: 50%;
  background: #5865F2;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, transform 0.15s;
}
.chat-input .chat-input-btn:hover {
  background: rgb(63.5066666667, 78.4133333333, 240.0933333333);
}
.chat-input .chat-input-btn:active {
  transform: scale(0.93);
}
.chat-input .chat-input-action {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #94a3b8;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.12s, color 0.12s;
}
.chat-input .chat-input-action:hover {
  background: #f1f5f9;
  color: #334155;
}

@media (prefers-color-scheme: dark) {
  .cmd-palette {
    background: #1e293b;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px #334155;
  }
  .cmd-search {
    border-color: #334155;
  }
  .cmd-search input {
    color: #f1f5f9;
  }
  .cmd-search input::placeholder {
    color: #64748b;
  }
  .cmd-search .cmd-kbd {
    background: #334155;
    border-color: #475569;
    color: #94a3b8;
  }
  .cmd-section-label {
    color: #64748b;
  }
  .cmd-item:hover, .cmd-item.is-selected {
    background: #334155;
  }
  .cmd-item .cmd-item-icon {
    background: #334155;
  }
  .cmd-item .cmd-item-title {
    color: #f1f5f9;
  }
  .cmd-item .cmd-item-subtitle {
    color: #64748b;
  }
  .cmd-item .cmd-item-badge {
    background: #334155;
    color: #94a3b8;
  }
  .cmd-item .cmd-item-kbd kbd {
    background: #334155;
    border-color: #475569;
    color: #94a3b8;
  }
  .cmd-footer {
    background: #334155;
    border-color: #334155;
    color: #64748b;
  }
  .cmd-footer kbd {
    background: #475569;
    border-color: #64748b;
  }
  .kanban-col-header {
    background: #1e293b;
    color: #94a3b8;
  }
  .kanban-col-count {
    background: #334155;
    color: #64748b;
  }
  .kanban-card {
    background: #1e293b;
    border-color: #334155;
  }
  .kanban-card-title {
    color: #f1f5f9;
  }
  .kanban-card-desc {
    color: #94a3b8;
  }
  .kanban-avatar {
    border-color: #1e293b;
    background: #334155;
  }
  .kanban-drop-zone {
    border-color: #334155;
    color: #475569;
  }
  .chat {
    background: #0f172a;
  }
  .chat-date-divider {
    color: #475569;
  }
  .chat-date-divider::before, .chat-date-divider::after {
    background: #334155;
  }
  .incoming .chat-bubble {
    background: #1e293b;
    color: #f1f5f9;
    box-shadow: none;
  }
  .chat-reaction {
    background: #1e293b;
    border-color: #334155;
  }
  .chat-system {
    background: rgba(51, 65, 85, 0.5);
    color: #64748b;
  }
  .chat-input {
    background: #1e293b;
    border-color: #334155;
  }
  .chat-input-field {
    background: #334155;
    border-color: #475569;
    color: #f1f5f9;
  }
  .chat-input-field:focus {
    background: #1e293b;
  }
}
.cta-section {
  padding: 4rem 2rem;
  border-radius: 1.25rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.cta-title {
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin-bottom: 0.875rem;
  color: #0f172a;
}
.cta-title em {
  font-style: normal;
  color: #5865F2;
}

.cta-text {
  font-size: 1.0625rem;
  color: #64748b;
  max-width: 560px;
  margin: 0 auto 2rem;
  line-height: 1.7;
}

.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
}

.cta-note {
  margin-top: 1rem;
  font-size: 0.8rem;
  color: #94a3b8;
}

.cta-section-primary {
  background: linear-gradient(135deg, rgb(13.4467666667, 28.4479619048, 191.1532333333) 0%, rgb(10.4866666667, 22.6447619048, 154.5133333333) 100%);
}
.cta-section-primary .cta-title {
  color: #ffffff;
}
.cta-section-primary .cta-title em {
  color: #fde68a;
}
.cta-section-primary .cta-text, .cta-section-primary .cta-note {
  color: #ffffff;
}

.cta-section-dark {
  background: rgb(14.52, 18.5, 22.48);
}
.cta-section-dark .cta-title {
  color: #f1f5f9;
}
.cta-section-dark .cta-text {
  color: rgb(54.4534918919, 60.98, 67.5065081081);
}

.cta-section-bordered {
  background: #fff;
  border: 2px solid rgb(108.1798918919, 119.84, 131.5001081081);
}

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.testimonial-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  transition: box-shadow 0.2s;
}
.testimonial-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
}

.testimonial-stars {
  display: flex;
  gap: 0.15rem;
  color: #fbbf24;
  font-size: 0.875rem;
}

.testimonial-quote {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: #334155;
  flex: 1;
  position: relative;
  padding-top: 0.5rem;
}
.testimonial-quote::before {
  content: '"';
  position: absolute;
  top: -0.75rem;
  left: -0.25rem;
  font-size: 3.5rem;
  line-height: 1;
  color: #e2e8f0;
  font-family: Georgia, serif;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.testimonial-avatar {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  object-fit: cover;
  background: #e2e8f0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #64748b;
  overflow: hidden;
}
.testimonial-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0f172a;
}

.testimonial-role {
  font-size: 0.8rem;
  color: #94a3b8;
  margin-top: 0.1rem;
}

.testimonial-logo {
  margin-left: auto;
  opacity: 0.35;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
}

.testimonial-featured {
  border-color: #5865F2;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.03) 0%, #fff 100%);
  grid-column: span 2;
}
@media (max-width: calc(768px - 1px)) {
  .testimonial-featured {
    grid-column: span 1;
  }
}
.testimonial-featured .testimonial-quote {
  font-size: 1.0625rem;
}

.faq-list {
  max-width: 720px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.faq-item {
  border-bottom: 1px solid #e2e8f0;
}
.faq-item:first-child {
  border-top: 1px solid #e2e8f0;
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.125rem 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #0f172a;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  gap: 1rem;
  transition: color 0.15s;
  font-family: inherit;
}
.faq-question:hover {
  color: rgb(69.90555, 84.3141, 240.59145);
}
.faq-question .faq-icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1.5px solid #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: #94a3b8;
  transition: all 0.2s;
}
.faq-question.is-open {
  color: rgb(69.90555, 84.3141, 240.59145);
}
.faq-question.is-open .faq-icon {
  background: #5865F2;
  border-color: #5865F2;
  color: #000000;
  transform: rotate(45deg);
}

.faq-answer {
  display: none;
  padding: 0 0 1.25rem;
  font-size: 0.9rem;
  line-height: 1.75;
  color: #64748b;
}
.faq-answer.is-open {
  display: block;
}
.faq-answer p {
  margin-bottom: 0.75rem;
}
.faq-answer p:last-child {
  margin-bottom: 0;
}

.cookie-banner {
  position: fixed;
  bottom: 1.25rem;
  left: 1.25rem;
  right: 1.25rem;
  max-width: 520px;
  background: #0f172a;
  color: #f1f5f9;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  z-index: 3000;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}
.cookie-banner.is-hidden {
  transform: translateY(calc(100% + 2rem));
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 992px) {
  .cookie-banner {
    left: auto;
    right: 1.5rem;
    bottom: 1.5rem;
  }
}

.cookie-banner-header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #f1f5f9;
}
.cookie-banner-header .cookie-icon {
  font-size: 1.25rem;
}

.cookie-banner-text {
  font-size: 0.8rem;
  line-height: 1.65;
  color: #94a3b8;
  margin: 0;
}
.cookie-banner-text a {
  color: #cbd5e1;
  text-decoration: underline;
}

.cookie-toggles {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.cookie-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.625rem 0.875rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cookie-toggle .cookie-toggle-info {
  flex: 1;
  min-width: 0;
}
.cookie-toggle .cookie-toggle-name {
  font-size: 0.8rem;
  font-weight: 700;
  color: #f1f5f9;
}
.cookie-toggle .cookie-toggle-desc {
  font-size: 0.7rem;
  color: #64748b;
  margin-top: 0.1rem;
}
.cookie-toggle .form-switch {
  margin: 0;
  flex-shrink: 0;
}
.cookie-toggle .form-switch .form-check-input {
  background-color: #475569;
}
.cookie-toggle .form-switch .form-check-input:checked {
  background-color: #5865F2;
}
.cookie-toggle.is-required {
  opacity: 0.6;
}
.cookie-toggle.is-required .form-check-input {
  cursor: not-allowed;
}

.cookie-banner-actions {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
}

.product-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
}
.product-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
  transform: translateY(-2px);
}
.product-card .product-media {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #f1f5f9;
}
.product-card .product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.product-card .product-media:hover img {
  transform: scale(1.06);
}
.product-card .product-badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.375rem;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  z-index: 1;
}
.product-card .product-badge-sale {
  background: #ef4444;
  color: #0f172a;
}
.product-card .product-badge-new {
  background: #5865F2;
  color: #000000;
}
.product-card .product-badge-sold-out {
  background: #64748b;
  color: #000000;
}
.product-card .product-wishlist {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1rem;
  z-index: 1;
  transition: background 0.15s, transform 0.15s;
}
.product-card .product-wishlist:hover {
  background: #fff;
  transform: scale(1.1);
}
.product-card .product-wishlist.is-saved {
  color: rgb(228.4999366307, 19.5507967171, 19.5507967171);
}
.product-card .product-body {
  flex: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
.product-card .product-category {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #94a3b8;
  margin-bottom: 0.35rem;
}
.product-card .product-name {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.35rem;
  line-height: 1.35;
  text-decoration: none;
  display: block;
}
.product-card .product-name:hover {
  color: #5865F2;
}
.product-card .product-rating {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #94a3b8;
  margin-bottom: 0.75rem;
}
.product-card .product-rating .stars {
  color: #fbbf24;
  letter-spacing: -0.05em;
}
.product-card .product-rating .count {
  color: #94a3b8;
}
.product-card .product-price {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-top: auto;
  flex-wrap: wrap;
}
.product-card .price-current {
  font-size: 1.125rem;
  font-weight: 800;
  color: #0f172a;
}
.product-card .price-original {
  font-size: 0.875rem;
  color: #94a3b8;
  text-decoration: line-through;
}
.product-card .price-discount {
  font-size: 0.75rem;
  font-weight: 700;
  color: rgb(208.5457226646, 17.8434842922, 17.8434842922);
  background: rgba(239, 68, 68, 0.1);
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
}
.product-card .product-footer {
  padding: 0.875rem 1rem;
  border-top: 1px solid #f1f5f9;
  display: flex;
  gap: 0.5rem;
}

.cart-drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
}
.cart-header .cart-title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.cart-header .cart-count {
  padding: 0.15rem 0.55em;
  background: #5865F2;
  color: #000000;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
}

.cart-items {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  scrollbar-width: thin;
}

.cart-item {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.cart-item .cart-item-img {
  width: 64px;
  height: 64px;
  border-radius: 0.5rem;
  object-fit: cover;
  background: #f1f5f9;
  flex-shrink: 0;
  overflow: hidden;
}
.cart-item .cart-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cart-item .cart-item-info {
  flex: 1;
  min-width: 0;
}
.cart-item .cart-item-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 0.15rem;
}
.cart-item .cart-item-variant {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-bottom: 0.5rem;
}
.cart-item .cart-item-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  overflow: hidden;
}
.cart-item .cart-item-qty button {
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  background: #f1f5f9;
  color: #475569;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.12s;
}
.cart-item .cart-item-qty button:hover {
  background: #e2e8f0;
}
.cart-item .cart-item-qty span {
  min-width: 2rem;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #0f172a;
}
.cart-item .cart-item-price {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0f172a;
  flex-shrink: 0;
  margin-left: auto;
  padding-top: 0.1rem;
}
.cart-item .cart-item-remove {
  border: none;
  background: transparent;
  color: #cbd5e1;
  cursor: pointer;
  font-size: 0.875rem;
  padding: 0.1rem;
  border-radius: 0.25rem;
  transition: color 0.12s;
  flex-shrink: 0;
}
.cart-item .cart-item-remove:hover {
  color: rgb(228.4999366307, 19.5507967171, 19.5507967171);
}

.cart-footer {
  flex-shrink: 0;
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #e2e8f0;
  background: #f1f5f9;
}

.cart-summary {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}
.cart-summary li {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  padding: 0.35rem 0;
  color: #475569;
}
.cart-summary li.cart-total {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  border-top: 1px solid #e2e8f0;
  padding-top: 0.75rem;
  margin-top: 0.35rem;
}

.sidebar {
  display: flex;
  flex-direction: column;
  width: 260px;
  height: 100vh;
  background: #0f172a;
  color: #94a3b8;
  flex-shrink: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}

.sidebar-logo {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1.375rem 1.25rem;
  font-size: 1.0625rem;
  font-weight: 800;
  color: #f1f5f9;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  letter-spacing: -0.02em;
  flex-shrink: 0;
}
.sidebar-logo .sidebar-logo-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: #5865F2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}

.sidebar-nav {
  flex: 1;
  padding: 0.75rem 0;
}

.sidebar-section-label {
  padding: 0.75rem 1.25rem 0.35rem;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #475569;
}

.sidebar-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.575rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #94a3b8;
  text-decoration: none;
  border-radius: 0;
  transition: background 0.12s, color 0.12s;
  cursor: pointer;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  font-family: inherit;
}
.sidebar-link .sidebar-icon {
  flex-shrink: 0;
  font-size: 1rem;
  width: 1.25rem;
  text-align: center;
}
.sidebar-link .sidebar-label {
  flex: 1;
}
.sidebar-link .sidebar-badge {
  flex-shrink: 0;
  padding: 0.1rem 0.45rem;
  border-radius: 9999px;
  font-size: 0.65rem;
  font-weight: 700;
  background: rgba(88, 101, 242, 0.2);
  color: rgb(131.8501708085, 141.4366844582, 245.4134863504);
}
.sidebar-link .sidebar-badge-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ef4444;
  flex-shrink: 0;
}
.sidebar-link:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #f1f5f9;
}
.sidebar-link.active {
  background: rgba(88, 101, 242, 0.15);
  color: rgb(124.1148589739, 134.3035226466, 244.8113363273);
  font-weight: 600;
}
.sidebar-link.active .sidebar-badge {
  background: rgba(88, 101, 242, 0.3);
}
.sidebar-link.sidebar-sublink {
  padding-left: 3.25rem;
  font-size: 0.8125rem;
}

.sidebar-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
  margin: 0.5rem 0;
}

.sidebar-footer {
  padding: 1rem 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sidebar-footer .sidebar-user-avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: #334155;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  color: #cbd5e1;
  flex-shrink: 0;
  overflow: hidden;
}
.sidebar-footer .sidebar-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sidebar-footer .sidebar-user-info {
  flex: 1;
  min-width: 0;
}
.sidebar-footer .sidebar-user-name {
  font-size: 0.8rem;
  font-weight: 600;
  color: #f1f5f9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-footer .sidebar-user-role {
  font-size: 0.7rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-footer .sidebar-settings {
  flex-shrink: 0;
  color: #475569;
  font-size: 1rem;
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: color 0.12s;
}
.sidebar-footer .sidebar-settings:hover {
  color: #cbd5e1;
}

.dashboard-layout {
  display: flex;
  min-height: 100vh;
}
.dashboard-layout .dashboard-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

@media (prefers-color-scheme: dark) {
  .cta-section-bordered {
    background: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .cta-title {
    color: #f1f5f9;
  }
  .cta-text {
    color: #94a3b8;
  }
  .testimonial-card {
    background: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .testimonial-quote {
    color: rgb(80.0500324324, 89.32, 98.5899675676);
  }
  .testimonial-quote::before {
    color: rgb(23.265, 27.75, 32.235);
  }
  .testimonial-name {
    color: #f1f5f9;
  }
  .faq-item {
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .faq-item:first-child {
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .faq-question {
    color: #f1f5f9;
  }
  .faq-question .faq-icon {
    border-color: rgb(28.1688, 32.56, 36.9512);
    color: #212529;
  }
  .faq-answer {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .product-card {
    background: rgb(18.6186, 22.94, 27.2614);
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .product-name {
    color: #f1f5f9;
  }
  .price-current {
    color: #f1f5f9;
  }
  .product-footer {
    border-color: rgb(23.265, 27.75, 32.235);
  }
  .cart-footer {
    background: rgb(23.265, 27.75, 32.235);
    border-color: rgb(28.1688, 32.56, 36.9512);
  }
  .cart-title {
    color: #f1f5f9;
  }
  .cart-item-name {
    color: #f1f5f9;
  }
  .cart-item-price {
    color: #f1f5f9;
  }
  .cart-item-qty button {
    background: rgb(23.265, 27.75, 32.235);
  }
  .cart-item-qty span {
    color: #f1f5f9;
  }
  .cart-summary li {
    color: rgb(54.4534918919, 60.98, 67.5065081081);
  }
  .cart-summary li.cart-total {
    color: #f1f5f9;
    border-color: rgb(28.1688, 32.56, 36.9512);
  }
}
.btn-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: none;
  border-radius: 0.375rem;
  background: transparent;
  color: #64748b;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.15s, background 0.15s, color 0.15s;
}
.btn-close::before {
  content: "✕";
}
.btn-close:hover {
  opacity: 1;
  background: #f1f5f9;
  color: #1e293b;
}
.btn-close:focus-visible {
  outline: 2px solid #5865F2;
  outline-offset: 2px;
}
.btn-close.btn-close-white {
  color: #fff;
}
.btn-close.btn-close-white:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.btn-close.btn-close-sm {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.85rem;
}
.btn-close.btn-close-lg {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.35rem;
}

.collapse {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}
.collapse.is-open {
  max-height: 9999px;
}

.collapsible .collapsible-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 1rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #334155;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s, border-color 0.15s;
}
.collapsible .collapsible-trigger:hover {
  background: #f1f5f9;
}
.collapsible .collapsible-trigger.is-open {
  border-color: #5865F2;
  color: #5865F2;
}
.collapsible .collapsible-trigger .collapse-icon {
  font-size: 0.75rem;
  transition: transform 0.25s ease;
}
.collapsible .collapsible-trigger.is-open .collapse-icon {
  transform: rotate(180deg);
}
.collapsible .collapsible-body {
  padding: 0.875rem 1rem;
  border: 1px solid #e2e8f0;
  border-top: none;
  border-radius: 0 0 0.375rem 0.375rem;
  font-size: 0.875rem;
  color: #475569;
  background: #fff;
}

.carousel {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  background: #f1f5f9;
}
.carousel .carousel-track {
  display: flex;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel .carousel-slide {
  flex: 0 0 100%;
  min-width: 0;
  position: relative;
}
.carousel .carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.carousel .carousel-slide .carousel-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem 1.5rem 1.5rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  color: #fff;
}
.carousel .carousel-slide .carousel-caption .carousel-caption-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
}
.carousel .carousel-slide .carousel-caption .carousel-caption-text {
  font-size: 0.875rem;
  opacity: 0.85;
  margin: 0;
}
.carousel .carousel-prev,
.carousel .carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
  transition: background 0.15s, transform 0.15s;
}
.carousel .carousel-prev:hover,
.carousel .carousel-next:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.08);
}
.carousel .carousel-prev {
  left: 0.875rem;
}
.carousel .carousel-next {
  right: 0.875rem;
}
.carousel .carousel-indicators {
  position: absolute;
  bottom: 0.875rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.375rem;
  z-index: 10;
}
.carousel .carousel-indicators button {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, transform 0.2s;
}
.carousel .carousel-indicators button.active {
  background: #fff;
  transform: scale(1.35);
}
.carousel.carousel-fade .carousel-track {
  display: block;
}
.carousel.carousel-fade .carousel-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.carousel.carousel-fade .carousel-slide.active {
  position: relative;
  opacity: 1;
}

.offcanvas-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.offcanvas-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.offcanvas {
  position: fixed;
  z-index: 1050;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  max-width: 90vw;
  transform: translateX(100%);
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  bottom: 0;
  width: 400px;
  max-width: 90vw;
  transform: translateX(-100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  left: 0;
  right: 0;
  max-height: 70vh;
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 70vh;
  transform: translateY(100%);
}
.offcanvas.is-open {
  transform: translate(0, 0);
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
}
.offcanvas-header .offcanvas-title {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0;
}

.offcanvas-body {
  flex: 1 1 auto;
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
}
.offcanvas-body::-webkit-scrollbar {
  width: 6px;
}
.offcanvas-body::-webkit-scrollbar-track {
  background: #f1f5f9;
}
.offcanvas-body::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 999px;
}

.offcanvas-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #f1f5f9;
  flex-shrink: 0;
  background: #f1f5f9;
}

.list-group {
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  overflow: hidden;
}

.list-group-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
  font-size: 0.875rem;
  color: #334155;
  text-decoration: none;
  transition: background 0.12s, color 0.12s;
}
.list-group-item:last-child {
  border-bottom: none;
}
.list-group-item.active {
  background: rgba(88, 101, 242, 0.07);
  color: #5865F2;
  font-weight: 600;
  border-color: transparent;
}
.list-group-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.list-group-item:is(a, button):hover {
  background: #f1f5f9;
  color: #0f172a;
}
.list-group-item .list-group-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #f1f5f9;
  font-size: 0.72rem;
  font-weight: 700;
  color: #475569;
  flex-shrink: 0;
}
.list-group-item .list-group-meta {
  margin-left: auto;
  font-size: 0.72rem;
  color: #94a3b8;
  white-space: nowrap;
}

.list-group-flush {
  border: none;
  border-radius: 0;
}
.list-group-flush .list-group-item {
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item {
  flex: 1;
  border-bottom: none;
  border-right: 1px solid #e2e8f0;
}
.list-group-horizontal .list-group-item:last-child {
  border-right: none;
}

.list-group-item-primary {
  background: rgba(88, 101, 242, 0.08);
  color: rgb(26.7666666667, 44.5333333333, 237.2333333333);
}

.list-group-item-primary2 {
  background: rgba(16, 185, 129, 0.08);
  color: rgb(12.8, 148, 103.2);
}

.list-group-item-secondary {
  background: rgba(100, 116, 139, 0.08);
  color: rgb(80, 92.8, 111.2);
}

.list-group-item-success {
  background: rgba(34, 197, 94, 0.08);
  color: rgb(27.2, 157.6, 75.2);
}

.list-group-item-danger {
  background: rgba(239, 68, 68, 0.08);
  color: rgb(226.242364532, 19.357635468, 19.357635468);
}

.list-group-item-warning {
  background: rgba(245, 158, 11, 0.08);
  color: rgb(196.737007874, 126.588976378, 8.062992126);
}

.list-group-item-info {
  background: rgba(56, 189, 248, 0.08);
  color: rgb(8.2640776699, 165.2815533981, 234.9359223301);
}

.list-group-item-dark {
  background: rgba(33, 37, 41, 0.08);
  color: rgb(26.4, 29.6, 32.8);
}

.list-group-item-eg {
  background: rgba(25, 185, 75, 0.08);
  color: #14943c;
}

.list-group-item-es {
  background: rgba(25, 140, 220, 0.08);
  color: #1470b0;
}

.list-group-item-eb {
  background: rgba(230, 85, 32, 0.08);
  color: rgb(188.4709677419, 65.9225806452, 21.1290322581);
}

.list-group-item-en {
  background: rgba(15, 195, 210, 0.08);
  color: #0c9ca8;
}

.list-group-item-ep {
  background: rgba(88, 101, 242, 0.08);
  color: rgb(26.7666666667, 44.5333333333, 237.2333333333);
}

.pagination {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-item.disabled .page-link {
  opacity: 0.45;
  pointer-events: none;
}
.page-item.active .page-link {
  background: #5865F2;
  border-color: #5865F2;
  color: #fff;
  font-weight: 700;
}

.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.625rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  background: #fff;
  color: #475569;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.page-link:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #0f172a;
}

.pagination-sm .page-link {
  min-width: 1.75rem;
  height: 1.75rem;
  font-size: 0.75rem;
}

.pagination-lg .page-link {
  min-width: 2.75rem;
  height: 2.75rem;
  font-size: 1rem;
}

.pagination-rounded .page-link {
  border-radius: 9999px;
}

@keyframes skeleton-wave {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.placeholder {
  display: inline-block;
  height: 1em;
  border-radius: 0.125rem;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 800px 100%;
  animation: skeleton-wave 1.6s infinite linear;
  vertical-align: middle;
}
.placeholder.ph-xs {
  height: 0.5rem;
}
.placeholder.ph-sm {
  height: 0.75rem;
}
.placeholder.ph-lg {
  height: 1.5rem;
}
.placeholder.ph-xl {
  height: 2.5rem;
}
.placeholder.ph-round {
  border-radius: 9999px;
}
.placeholder.ph-w-25 {
  width: 25%;
}
.placeholder.ph-w-50 {
  width: 50%;
}
.placeholder.ph-w-75 {
  width: 75%;
}
.placeholder.ph-w-100 {
  width: 100%;
}

.placeholder-card {
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}
.placeholder-card .ph-image {
  width: 100%;
  height: 180px;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 800px 100%;
  animation: skeleton-wave 1.6s infinite linear;
}
.placeholder-card .ph-content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.popover {
  position: absolute;
  z-index: 1060;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  min-width: 220px;
  max-width: 320px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 0.18s, transform 0.18s;
}
.popover.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.popover.popover-top {
  bottom: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
}
.popover.popover-bottom {
  top: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
}
.popover.popover-start {
  right: calc(100% + 0.5rem);
  top: 50%;
  transform: translateY(-50%) translateX(-4px);
}
.popover.popover-end {
  left: calc(100% + 0.5rem);
  top: 50%;
  transform: translateY(-50%) translateX(4px);
}

.popover-header {
  padding: 0.75rem 1rem 0.5rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #1e293b;
  border-bottom: 1px solid #f1f5f9;
}

.popover-body {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: #475569;
  line-height: 1.6;
}

.popover::after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  transform: rotate(45deg);
}

.popover-bottom::after {
  top: -0.375rem;
  left: 50%;
  margin-left: -0.3rem;
  border-bottom: none;
  border-right: none;
}

.popover-top::after {
  bottom: -0.375rem;
  left: 50%;
  margin-left: -0.3rem;
  border-top: none;
  border-left: none;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  padding: 0.35rem 0.75rem;
  background: #1e293b;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 0.375rem;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s;
}
.tooltip.is-visible {
  opacity: 1;
}
.tooltip.tooltip-light {
  background: #fff;
  color: #334155;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
}

.toast {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  font-size: 0.875rem;
  min-width: 280px;
  max-width: 400px;
  opacity: 0;
  transform: translateY(0.5rem) scale(0.97);
  transition: opacity 0.25s, transform 0.25s;
}
.toast.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.toast .toast-icon {
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: 0.05rem;
}
.toast .toast-body {
  flex: 1;
  min-width: 0;
}
.toast .toast-title {
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 0.1rem;
}
.toast .toast-text {
  color: #64748b;
  line-height: 1.5;
}
.toast .toast-close {
  flex-shrink: 0;
  margin-left: auto;
}
.toast.toast-primary {
  border-left: 3px solid #5865F2;
}
.toast.toast-primary .toast-title {
  color: rgb(42.075, 58.65, 238.425);
}
.toast.toast-primary2 {
  border-left: 3px solid #10b981;
}
.toast.toast-primary2 .toast-title {
  color: rgb(13.6, 157.25, 109.65);
}
.toast.toast-secondary {
  border-left: 3px solid #64748b;
}
.toast.toast-secondary .toast-title {
  color: rgb(85, 98.6, 118.15);
}
.toast.toast-success {
  border-left: 3px solid #22c55e;
}
.toast.toast-success .toast-title {
  color: rgb(28.9, 167.45, 79.9);
}
.toast.toast-danger {
  border-left: 3px solid #ef4444;
}
.toast.toast-danger .toast-title {
  color: rgb(235.3704433498, 25.5795566502, 25.5795566502);
}
.toast.toast-warning {
  border-left: 3px solid #f59e0b;
}
.toast.toast-warning .toast-title {
  color: rgb(209.0330708661, 134.5007874016, 8.5669291339);
}
.toast.toast-info {
  border-left: 3px solid #38bdf8;
}
.toast.toast-info .toast-title {
  color: rgb(11.9495145631, 174.3902912621, 246.4504854369);
}
.toast.toast-dark {
  border-left: 3px solid #212529;
}
.toast.toast-dark .toast-title {
  color: rgb(28.05, 31.45, 34.85);
}
.toast.toast-eg {
  border-left: 3px solid #19B94B;
}
.toast.toast-eg .toast-title {
  color: rgb(21.25, 157.25, 63.75);
}
.toast.toast-es {
  border-left: 3px solid #198CDC;
}
.toast.toast-es .toast-title {
  color: rgb(21.25, 119, 187);
}
.toast.toast-eb {
  border-left: 3px solid #E65520;
}
.toast.toast-eb .toast-title {
  color: rgb(200.2504032258, 70.0427419355, 22.4495967742);
}
.toast.toast-en {
  border-left: 3px solid #0FC3D2;
}
.toast.toast-en .toast-title {
  color: rgb(12.75, 165.75, 178.5);
}
.toast.toast-ep {
  border-left: 3px solid #5865F2;
}
.toast.toast-ep .toast-title {
  color: rgb(42.075, 58.65, 238.425);
}

.toast-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  z-index: 1070;
  pointer-events: none;
}
.toast-container > * {
  pointer-events: auto;
}
.toast-container.toast-top-right {
  top: 1rem;
  right: 1rem;
  align-items: flex-end;
}
.toast-container.toast-top-left {
  top: 1rem;
  left: 1rem;
  align-items: flex-start;
}
.toast-container.toast-top-center {
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.toast-container.toast-bottom-right {
  bottom: 1rem;
  right: 1rem;
  align-items: flex-end;
}
.toast-container.toast-bottom-left {
  bottom: 1rem;
  left: 1rem;
  align-items: flex-start;
}

.form-floating {
  position: relative;
}
.form-floating .form-control,
.form-floating .form-select {
  height: 3.5rem;
  padding: 1.625rem 0.875rem 0.5rem;
}
.form-floating .form-control:placeholder-shown,
.form-floating .form-select:placeholder-shown {
  padding-top: 1rem;
}
.form-floating .form-control::placeholder,
.form-floating .form-select::placeholder {
  opacity: 0;
}
.form-floating .form-control:focus ~ .form-label, .form-floating .form-control:not(:placeholder-shown) ~ .form-label,
.form-floating .form-select:focus ~ .form-label,
.form-floating .form-select:not(:placeholder-shown) ~ .form-label {
  transform: translateY(-0.875rem) scale(0.78);
  color: #64748b;
  top: 1rem;
}
.form-floating .form-select {
  padding-top: 1.625rem;
}
.form-floating .form-select ~ .form-label {
  transform: translateY(-0.875rem) scale(0.78);
  color: #64748b;
}
.form-floating .form-label {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  transform: translateY(-50%);
  transform-origin: left top;
  font-size: 0.875rem;
  font-weight: 500;
  color: #94a3b8;
  pointer-events: none;
  transition: transform 0.15s ease, color 0.15s ease, top 0.15s ease;
  margin: 0;
}
.form-floating .form-control:focus ~ .form-label {
  color: #5865F2;
}

.scrollspy-nav {
  position: sticky;
  top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.scrollspy-nav .spy-link {
  display: block;
  padding: 0.375rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s, padding 0.15s;
}
.scrollspy-nav .spy-link:hover {
  color: #1e293b;
}
.scrollspy-nav .spy-link.active {
  color: #5865F2;
  border-color: #5865F2;
  font-weight: 600;
  padding-left: 1.125rem;
}
.scrollspy-nav .spy-section-label {
  padding: 0.625rem 0.875rem 0.25rem;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #94a3b8;
  margin-top: 0.5rem;
}

.form-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.25rem;
  background: #e2e8f0;
  border-radius: 9999px;
  outline: none;
  cursor: pointer;
}
.form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: #5865F2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.2);
  cursor: pointer;
  transition: box-shadow 0.15s;
}
.form-range::-moz-range-thumb {
  width: 1.1rem;
  height: 1.1rem;
  border: none;
  border-radius: 50%;
  background: #5865F2;
  cursor: pointer;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 5px rgba(88, 101, 242, 0.25);
}

.nav {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  text-decoration: none;
  border-radius: 0.375rem;
  transition: color 0.15s, background 0.15s;
}
.nav-link:hover {
  color: #1e293b;
  background: #f1f5f9;
}
.nav-link.active {
  color: #5865F2;
  background: rgba(88, 101, 242, 0.08);
  font-weight: 600;
}
.nav-link.disabled {
  opacity: 0.45;
  pointer-events: none;
}

.nav-underline {
  border-bottom: 1px solid #e2e8f0;
  gap: 0;
}
.nav-underline .nav-link {
  border-radius: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.nav-underline .nav-link:hover {
  background: none;
}
.nav-underline .nav-link.active {
  border-color: #5865F2;
  background: none;
}

.nav-pills .nav-link.active {
  background: #5865F2;
  color: #fff;
}

.quote {
  position: relative;
  padding: 1.25rem 1.5rem;
  border-radius: 0.75rem;
  background: #f1f5f9;
  margin: 0;
}
.quote .quote-text {
  font-size: 1rem;
  font-style: italic;
  line-height: 1.75;
  color: #334155;
  margin: 0 0 0.875rem;
}
.quote .quote-text::before {
  content: "“";
}
.quote .quote-text::after {
  content: "”";
}
.quote .quote-footer {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-style: normal;
  font-size: 0.875rem;
}
.quote .quote-author {
  font-weight: 700;
  color: #1e293b;
}
.quote .quote-source {
  color: #64748b;
}
.quote .quote-source::before {
  content: "— ";
}
.quote .quote-avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.quote-bordered {
  background: transparent;
  border-left: 4px solid #5865F2;
  border-radius: 0;
  padding-left: 1.25rem;
}
.quote-bordered .quote-text {
  color: #475569;
}

.quote-bordered.quote-primary {
  border-left-color: #5865F2;
}
.quote-bordered.quote-primary .quote-author {
  color: rgb(42.075, 58.65, 238.425);
}

.quote-bordered.quote-primary2 {
  border-left-color: #10b981;
}
.quote-bordered.quote-primary2 .quote-author {
  color: rgb(13.6, 157.25, 109.65);
}

.quote-bordered.quote-secondary {
  border-left-color: #64748b;
}
.quote-bordered.quote-secondary .quote-author {
  color: rgb(85, 98.6, 118.15);
}

.quote-bordered.quote-success {
  border-left-color: #22c55e;
}
.quote-bordered.quote-success .quote-author {
  color: rgb(28.9, 167.45, 79.9);
}

.quote-bordered.quote-danger {
  border-left-color: #ef4444;
}
.quote-bordered.quote-danger .quote-author {
  color: rgb(235.3704433498, 25.5795566502, 25.5795566502);
}

.quote-bordered.quote-warning {
  border-left-color: #f59e0b;
}
.quote-bordered.quote-warning .quote-author {
  color: rgb(209.0330708661, 134.5007874016, 8.5669291339);
}

.quote-bordered.quote-info {
  border-left-color: #38bdf8;
}
.quote-bordered.quote-info .quote-author {
  color: rgb(11.9495145631, 174.3902912621, 246.4504854369);
}

.quote-bordered.quote-dark {
  border-left-color: #212529;
}
.quote-bordered.quote-dark .quote-author {
  color: rgb(28.05, 31.45, 34.85);
}

.quote-bordered.quote-eg {
  border-left-color: #19B94B;
}
.quote-bordered.quote-eg .quote-author {
  color: rgb(21.25, 157.25, 63.75);
}

.quote-bordered.quote-es {
  border-left-color: #198CDC;
}
.quote-bordered.quote-es .quote-author {
  color: rgb(21.25, 119, 187);
}

.quote-bordered.quote-eb {
  border-left-color: #E65520;
}
.quote-bordered.quote-eb .quote-author {
  color: rgb(200.2504032258, 70.0427419355, 22.4495967742);
}

.quote-bordered.quote-en {
  border-left-color: #0FC3D2;
}
.quote-bordered.quote-en .quote-author {
  color: rgb(12.75, 165.75, 178.5);
}

.quote-bordered.quote-ep {
  border-left-color: #5865F2;
}
.quote-bordered.quote-ep .quote-author {
  color: rgb(42.075, 58.65, 238.425);
}

.quote-card {
  background: white;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
  padding: 2rem 1.75rem 1.5rem;
}
.quote-card::before {
  content: "“";
  position: absolute;
  top: 0.5rem;
  left: 1.25rem;
  font-size: 4rem;
  line-height: 1;
  font-family: Georgia, serif;
  color: #5865F2;
  opacity: 0.25;
  font-style: normal;
}
.quote-card .quote-text::before, .quote-card .quote-text::after {
  content: "";
}

.quote-card.quote-primary::before {
  color: #5865F2;
}

.quote-card.quote-primary2::before {
  color: #10b981;
}

.quote-card.quote-secondary::before {
  color: #64748b;
}

.quote-card.quote-success::before {
  color: #22c55e;
}

.quote-card.quote-danger::before {
  color: #ef4444;
}

.quote-card.quote-warning::before {
  color: #f59e0b;
}

.quote-card.quote-info::before {
  color: #38bdf8;
}

.quote-card.quote-dark::before {
  color: #212529;
}

.quote-card.quote-eg::before {
  color: #19B94B;
}

.quote-card.quote-es::before {
  color: #198CDC;
}

.quote-card.quote-eb::before {
  color: #E65520;
}

.quote-card.quote-en::before {
  color: #0FC3D2;
}

.quote-card.quote-ep::before {
  color: #5865F2;
}

.quote-pull {
  text-align: center;
  background: transparent;
  padding: 1.5rem 2.5rem;
  border-top: 2px solid #5865F2;
  border-bottom: 2px solid #5865F2;
  border-radius: 0;
}
.quote-pull .quote-text {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.55;
}
.quote-pull .quote-footer {
  justify-content: center;
}

.quote-highlight {
  background: rgba(88, 101, 242, 0.07);
  border-left: 4px solid #5865F2;
}
.quote-highlight .quote-text {
  color: #334155;
}

.quote-highlight.quote-primary {
  background: rgba(88, 101, 242, 0.07);
  border-left-color: #5865F2;
}

.quote-highlight.quote-primary2 {
  background: rgba(16, 185, 129, 0.07);
  border-left-color: #10b981;
}

.quote-highlight.quote-secondary {
  background: rgba(100, 116, 139, 0.07);
  border-left-color: #64748b;
}

.quote-highlight.quote-success {
  background: rgba(34, 197, 94, 0.07);
  border-left-color: #22c55e;
}

.quote-highlight.quote-danger {
  background: rgba(239, 68, 68, 0.07);
  border-left-color: #ef4444;
}

.quote-highlight.quote-warning {
  background: rgba(245, 158, 11, 0.07);
  border-left-color: #f59e0b;
}

.quote-highlight.quote-info {
  background: rgba(56, 189, 248, 0.07);
  border-left-color: #38bdf8;
}

.quote-highlight.quote-dark {
  background: rgba(33, 37, 41, 0.07);
  border-left-color: #212529;
}

.quote-highlight.quote-eg {
  background: rgba(25, 185, 75, 0.07);
  border-left-color: #19B94B;
}

.quote-highlight.quote-es {
  background: rgba(25, 140, 220, 0.07);
  border-left-color: #198CDC;
}

.quote-highlight.quote-eb {
  background: rgba(230, 85, 32, 0.07);
  border-left-color: #E65520;
}

.quote-highlight.quote-en {
  background: rgba(15, 195, 210, 0.07);
  border-left-color: #0FC3D2;
}

.quote-highlight.quote-ep {
  background: rgba(88, 101, 242, 0.07);
  border-left-color: #5865F2;
}

.quote-speech {
  background: #5865F2;
  color: white;
  border-radius: 1rem;
  border-bottom-left-radius: 0.125rem;
}
.quote-speech .quote-text {
  color: white;
}
.quote-speech .quote-text::before, .quote-speech .quote-text::after {
  content: "";
}
.quote-speech .quote-author {
  color: rgba(255, 255, 255, 0.9);
}
.quote-speech .quote-source {
  color: rgba(255, 255, 255, 0.6);
}

.quote-speech.quote-primary {
  background: #5865F2;
}

.quote-speech.quote-primary2 {
  background: #10b981;
}

.quote-speech.quote-secondary {
  background: #64748b;
}

.quote-speech.quote-success {
  background: #22c55e;
}

.quote-speech.quote-danger {
  background: #ef4444;
}

.quote-speech.quote-warning {
  background: #f59e0b;
}

.quote-speech.quote-info {
  background: #38bdf8;
}

.quote-speech.quote-dark {
  background: #212529;
}

.quote-speech.quote-eg {
  background: #19B94B;
}

.quote-speech.quote-es {
  background: #198CDC;
}

.quote-speech.quote-eb {
  background: #E65520;
}

.quote-speech.quote-en {
  background: #0FC3D2;
}

.quote-speech.quote-ep {
  background: #5865F2;
}

.quote-sm .quote-text {
  font-size: 0.875rem;
}

.quote-lg .quote-text {
  font-size: 1.125rem;
}

.quote-xl .quote-text {
  font-size: 1.25rem;
  font-weight: 500;
}

.fullscreen {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  box-sizing: border-box;
}

.fullscreen-exact {
  height: 100vh;
  overflow: hidden;
}

.fullscreen-dynamic {
  min-height: 100dvh;
  width: 100vw;
}

.fullscreen.fs-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
}

.fullscreen.fs-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: calc(768px - 1px)) {
  .fullscreen.fs-split {
    grid-template-columns: 1fr;
  }
}

.fs-split-pane {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem 4rem;
}
@media (max-width: calc(992px - 1px)) {
  .fs-split-pane {
    padding: 2.5rem 2rem;
  }
}
@media (max-width: calc(768px - 1px)) {
  .fs-split-pane {
    padding: 2rem 1.5rem;
  }
}

.fs-split-pane-media {
  overflow: hidden;
  position: relative;
}
.fs-split-pane-media img, .fs-split-pane-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fullscreen.fs-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
}
.fullscreen.fs-hero .fs-hero-content {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}
.fullscreen.fs-hero.fs-hero-left .fs-hero-content {
  margin: 0;
  text-align: left;
  padding: 0 5vw;
}
.fullscreen.fs-hero.fs-hero-bottom {
  justify-content: flex-end;
  padding-bottom: 4rem;
}
.fullscreen.fs-hero.fs-hero-bottom .fs-hero-content {
  max-width: 100%;
  text-align: left;
  padding: 0 4rem;
}
@media (max-width: calc(768px - 1px)) {
  .fullscreen.fs-hero.fs-hero-bottom .fs-hero-content {
    padding: 0 1.5rem;
  }
}

.fs-scroll-hint {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  color: inherit;
  opacity: 0.55;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  z-index: 2;
  animation: fs-bob 2s ease-in-out infinite;
}
.fs-scroll-hint .fs-arrow {
  width: 1.5rem;
  height: 1.5rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  animation: fs-arrow-fade 2s ease-in-out infinite;
}

@keyframes fs-bob {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(6px);
  }
}
@keyframes fs-arrow-fade {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
.fullscreen.fs-sidebar {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: 100vh;
}
@media (max-width: calc(992px - 1px)) {
  .fullscreen.fs-sidebar {
    grid-template-columns: 240px 1fr;
  }
}
@media (max-width: calc(768px - 1px)) {
  .fullscreen.fs-sidebar {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
}

.fs-sidebar-panel {
  height: 100vh;
  overflow-y: auto;
  position: sticky;
  top: 0;
  scrollbar-width: thin;
}
@media (max-width: calc(768px - 1px)) {
  .fs-sidebar-panel {
    height: auto;
    position: relative;
  }
}

.fs-main-panel {
  height: 100vh;
  overflow-y: auto;
  scrollbar-width: thin;
}
@media (max-width: calc(768px - 1px)) {
  .fs-main-panel {
    height: auto;
    min-height: 100vh;
  }
}

.fullscreen-scroll .fs-section {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.fullscreen.fs-grid {
  display: flex;
  flex-direction: column;
  padding: 4rem 2rem;
}
.fullscreen.fs-grid .fs-grid-inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
  width: 100%;
  max-width: 1400px;
  margin: auto;
}

.fs-bg-primary {
  background-color: #5865F2;
  color: white;
}

.fs-bg-primary2 {
  background-color: #10b981;
  color: white;
}

.fs-bg-secondary {
  background-color: #64748b;
  color: white;
}

.fs-bg-success {
  background-color: #22c55e;
  color: white;
}

.fs-bg-danger {
  background-color: #ef4444;
  color: white;
}

.fs-bg-warning {
  background-color: #f59e0b;
  color: white;
}

.fs-bg-info {
  background-color: #38bdf8;
  color: white;
}

.fs-bg-light {
  background-color: #f8fafc;
  color: #1e293b;
}

.fs-bg-dark {
  background-color: #212529;
  color: #f1f5f9;
}

.fs-bg-white {
  background-color: #ffffff;
  color: #1e293b;
}

.fs-bg-black {
  background-color: #000000;
  color: #f1f5f9;
}

.fs-bg-eg {
  background-color: #19B94B;
  color: white;
}

.fs-bg-es {
  background-color: #198CDC;
  color: white;
}

.fs-bg-eb {
  background-color: #E65520;
  color: white;
}

.fs-bg-en {
  background-color: #0FC3D2;
  color: white;
}

.fs-bg-ep {
  background-color: #5865F2;
  color: white;
}

.fs-bg-gray-50 {
  background: #f1f5f9;
  color: #1e293b;
}

.fs-bg-gray-100 {
  background: #e2e8f0;
  color: #1e293b;
}

.fs-bg-gray-900 {
  background: #0f172a;
  color: #f1f5f9;
}

.fs-bg-gradient-ocean {
  background: linear-gradient(135deg, #0ea5e9, #6366f1);
  color: white;
}

.fs-bg-gradient-sunset {
  background: linear-gradient(135deg, #f59e0b, #ef4444);
  color: white;
}

.fs-bg-gradient-forest {
  background: linear-gradient(135deg, #22c55e, #0ea5e9);
  color: white;
}

.fs-bg-gradient-rose {
  background: linear-gradient(135deg, #f43f5e, #f97316);
  color: white;
}

.fs-bg-gradient-midnight {
  background: linear-gradient(135deg, #0f172a, #1e1b4b);
  color: white;
}

.fs-bg-gradient-aurora {
  background: linear-gradient(135deg, #a78bfa, #34d399);
  color: white;
}

.fs-bg-gradient-warm {
  background: linear-gradient(135deg, #fbbf24, #f97316);
  color: white;
}

.fs-bg-gradient-primary {
  background: linear-gradient(135deg, rgb(156.234, 163.488, 242.166), rgb(13.4467666667, 28.4479619048, 191.1532333333));
  color: white;
}

.fs-bg-gradient-primary2 {
  background: linear-gradient(135deg, rgb(86.7241343284, 231.6958656716, 183.6578955224), rgb(9.0272, 115.5928, 80.2811218935));
  color: white;
}

.fs-bg-gradient-secondary {
  background: linear-gradient(135deg, rgb(158.6521297071, 168.7755104603, 183.3278702929), rgb(56.42, 70.9184615385, 91.76));
  color: white;
}

.fs-bg-gradient-success {
  background: linear-gradient(135deg, rgb(113.5832337662, 223.4367662338, 154.0201168831), rgb(19.1828, 124.0372, 57.7795116564));
  color: white;
}

.fs-bg-gradient-danger {
  background: linear-gradient(135deg, rgb(239.779, 144.361, 144.361), rgb(176.6880275862, 13.6519724138, 13.6519724138));
  color: white;
}

.fs-bg-gradient-warning {
  background: linear-gradient(135deg, rgb(241.546, 193, 110.974), rgb(153.0335748031, 98.2506602059, 5.6864251969));
  color: white;
}

.fs-bg-gradient-info {
  background: linear-gradient(135deg, rgb(137.572, 211.786, 244.708), rgb(5.8282407767, 128.315365534, 182.6517592233));
  color: white;
}

.fs-bg-gradient-dark {
  background: linear-gradient(135deg, rgb(108.1798918919, 119.84, 131.5001081081), rgb(18.6186, 22.94, 27.2614));
  color: white;
}

.fs-bg-gradient-eg {
  background: linear-gradient(135deg, rgb(98.2285714286, 225.7714285714, 138.0857142857), rgb(14.105, 116.095, 45.976875));
  color: white;
}

.fs-bg-gradient-es {
  background: linear-gradient(135deg, rgb(114.0037755102, 183.4121428571, 231.6962244898), rgb(14.105, 87.0503846154, 137.795));
  color: white;
}

.fs-bg-gradient-eb {
  background: linear-gradient(135deg, rgb(233.362, 152.452, 122.878), rgb(147.53875, 50.4052272727, 14.90125));
  color: white;
}

.fs-bg-gradient-en {
  background: linear-gradient(135deg, rgb(97.737, 224.961, 235.563), rgb(8.463, 121.6082307692, 131.037));
  color: white;
}

.fs-bg-gradient-ep {
  background: linear-gradient(135deg, rgb(156.234, 163.488, 242.166), rgb(13.4467666667, 28.4479619048, 191.1532333333));
  color: white;
}

.fs-bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--fs-img, none);
}

.fs-bg-animated {
  background: linear-gradient(270deg, #6366f1, #8b5cf6, #06b6d4, #22c55e, #f59e0b, #ef4444);
  background-size: 400% 400%;
  animation: fs-gradient-shift 12s ease infinite;
}

@keyframes fs-gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.fs-bg-mesh {
  background-color: #0f172a;
  background-image: radial-gradient(at 40% 20%, rgba(99, 102, 241, 0.5) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(139, 92, 246, 0.3) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(56, 189, 248, 0.3) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(34, 197, 94, 0.2) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(245, 158, 11, 0.3) 0px, transparent 50%);
  color: white;
}

.fs-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.35);
}
.fs-overlay > * {
  position: relative;
  z-index: 2;
}

.fs-overlay-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}
.fs-overlay-dark > * {
  position: relative;
  z-index: 2;
}

.fs-overlay-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(88, 101, 242, 0.55);
}
.fs-overlay-primary > * {
  position: relative;
  z-index: 2;
}

.fs-overlay-blur::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.25);
}
.fs-overlay-blur > * {
  position: relative;
  z-index: 2;
}

.fs-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}
@media (max-width: calc(768px - 1px)) {
  .fs-container {
    padding: 0 1.25rem;
  }
}

.fs-container-sm {
  max-width: 720px;
}

.fs-container-md {
  max-width: 960px;
}

.fs-container-lg {
  max-width: 1280px;
}

.fs-container-xl {
  max-width: 1480px;
}

.fs-container-full {
  max-width: 100%;
}

.fs-title {
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.fs-subtitle {
  font-size: clamp(1rem, 2.5vw, 1.375rem);
  line-height: 1.65;
  opacity: 0.8;
  max-width: 580px;
}

.fs-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.7;
}

.fs-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.875rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: white;
  backdrop-filter: blur(8px);
  margin-bottom: 1.25rem;
}

.fs-badge-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: currentColor;
  animation: fs-pulse 2s ease-in-out infinite;
}

@keyframes fs-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.3);
  }
}
.fs-divider {
  width: 1px;
  background: rgba(255, 255, 255, 0.15);
  align-self: stretch;
}
.fs-divider.fs-divider-h {
  width: 100%;
  height: 1px;
}

.fs-shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  filter: blur(60px);
  opacity: 0.35;
}

.fs-shape-primary {
  background: #5865F2;
}

.fs-shape-success {
  background: #22c55e;
}

.fs-shape-info {
  background: #38bdf8;
}

.fs-shape-warning {
  background: #f59e0b;
}

.fs-shape-tl {
  top: -10%;
  left: -10%;
  width: 50vw;
  height: 50vw;
}

.fs-shape-tr {
  top: -10%;
  right: -10%;
  width: 40vw;
  height: 40vw;
}

.fs-shape-bl {
  bottom: -10%;
  left: -10%;
  width: 45vw;
  height: 45vw;
}

.fs-shape-br {
  bottom: -10%;
  right: -10%;
  width: 35vw;
  height: 35vw;
}

.fs-shape-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60vw;
  height: 60vw;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  padding: 0;
  flex-shrink: 0;
  border-radius: 9999px;
  border: 1px solid #cbd5e1;
  background: transparent;
  color: #475569;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.theme-toggle-btn .theme-toggle-icon {
  display: block;
  flex-shrink: 0;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.theme-toggle-btn:hover {
  border-color: #5865F2;
  color: #5865F2;
  background: rgba(88, 101, 242, 0.06);
}
.theme-toggle-btn:focus-visible {
  outline: 2px solid #5865F2;
  outline-offset: 2px;
}
.theme-toggle-btn:active {
  transform: scale(0.9);
}
.theme-toggle-btn[data-theme-current=dark] {
  border-color: #334155;
  color: #e2e8f0;
}
.theme-toggle-btn[data-theme-current=dark]:hover {
  border-color: #818cf8;
  color: #818cf8;
  background: rgba(129, 140, 248, 0.1);
}
.theme-toggle-btn[data-theme-current=dark] .theme-toggle-icon {
  transform: rotate(20deg);
}
.theme-toggle-btn[data-theme-current=auto] {
  border-style: dashed;
  opacity: 0.8;
}
.theme-toggle-btn--sm {
  width: 1.75rem;
  height: 1.75rem;
}
.theme-toggle-btn--lg {
  width: 2.5rem;
  height: 2.5rem;
}
.theme-toggle-btn--square {
  border-radius: 0.375rem;
}

@media (prefers-color-scheme: dark) {
  .theme-toggle-btn {
    border-color: #334155;
    color: #cbd5e1;
  }
  .theme-toggle-btn:hover {
    border-color: #818cf8;
    color: #818cf8;
    background: rgba(129, 140, 248, 0.1);
  }
}