@charset "UTF-8";
/* SCSS includes */
/* CSS Timing Functions */
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-Black.eot");
  src: url("../fonts/TitilliumWeb-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-Black.woff2") format("woff2"), url("../fonts/TitilliumWeb-Black.woff") format("woff"), url("../fonts/TitilliumWeb-Black.ttf") format("truetype"), url("../fonts/TitilliumWeb-Black.svg#TitilliumWeb-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-BoldItalic.eot");
  src: url("../fonts/TitilliumWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-BoldItalic.woff2") format("woff2"), url("../fonts/TitilliumWeb-BoldItalic.woff") format("woff"), url("../fonts/TitilliumWeb-BoldItalic.ttf") format("truetype"), url("../fonts/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-Bold.eot");
  src: url("../fonts/TitilliumWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-Bold.woff2") format("woff2"), url("../fonts/TitilliumWeb-Bold.woff") format("woff"), url("../fonts/TitilliumWeb-Bold.ttf") format("truetype"), url("../fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-ExtraLight.eot");
  src: url("../fonts/TitilliumWeb-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-ExtraLight.woff2") format("woff2"), url("../fonts/TitilliumWeb-ExtraLight.woff") format("woff"), url("../fonts/TitilliumWeb-ExtraLight.ttf") format("truetype"), url("../fonts/TitilliumWeb-ExtraLight.svg#TitilliumWeb-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-SemiBold.eot");
  src: url("../fonts/TitilliumWeb-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-SemiBold.woff2") format("woff2"), url("../fonts/TitilliumWeb-SemiBold.woff") format("woff"), url("../fonts/TitilliumWeb-SemiBold.ttf") format("truetype"), url("../fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-Light.eot");
  src: url("../fonts/TitilliumWeb-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-Light.woff2") format("woff2"), url("../fonts/TitilliumWeb-Light.woff") format("woff"), url("../fonts/TitilliumWeb-Light.ttf") format("truetype"), url("../fonts/TitilliumWeb-Light.svg#TitilliumWeb-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-Regular.eot");
  src: url("../fonts/TitilliumWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-Regular.woff2") format("woff2"), url("../fonts/TitilliumWeb-Regular.woff") format("woff"), url("../fonts/TitilliumWeb-Regular.ttf") format("truetype"), url("../fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-Italic.eot");
  src: url("../fonts/TitilliumWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-Italic.woff2") format("woff2"), url("../fonts/TitilliumWeb-Italic.woff") format("woff"), url("../fonts/TitilliumWeb-Italic.ttf") format("truetype"), url("../fonts/TitilliumWeb-Italic.svg#TitilliumWeb-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-SemiBoldItalic.eot");
  src: url("../fonts/TitilliumWeb-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-SemiBoldItalic.woff2") format("woff2"), url("../fonts/TitilliumWeb-SemiBoldItalic.woff") format("woff"), url("../fonts/TitilliumWeb-SemiBoldItalic.ttf") format("truetype"), url("../fonts/TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-LightItalic.eot");
  src: url("../fonts/TitilliumWeb-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-LightItalic.woff2") format("woff2"), url("../fonts/TitilliumWeb-LightItalic.woff") format("woff"), url("../fonts/TitilliumWeb-LightItalic.ttf") format("truetype"), url("../fonts/TitilliumWeb-LightItalic.svg#TitilliumWeb-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/TitilliumWeb-ExtraLightItalic.eot");
  src: url("../fonts/TitilliumWeb-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumWeb-ExtraLightItalic.woff2") format("woff2"), url("../fonts/TitilliumWeb-ExtraLightItalic.woff") format("woff"), url("../fonts/TitilliumWeb-ExtraLightItalic.ttf") format("truetype"), url("../fonts/TitilliumWeb-ExtraLightItalic.svg#TitilliumWeb-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
:root {
  --button-size: 4.5rem;
  --line-thickness: 0.375rem;
  --line-spacing: 0.75rem;
  --line-length-inactive-long: 2.8125rem;
  --line-length-inactive-short: 1.875rem;
  --line-length-active: 2.1875rem;
  --transition-duration-line: 0.45s;
  --transition-duration-short-line-grow: 0.35s;
  --transition-duration-glow: 0.5s;
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-out-elastic: cubic-bezier(0.1, 0.95, 0.25, 1.2);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-theme=fire] {
  --primary-color: rgb(192, 10, 0);
  --bg-color: #360303;
  --text-color: #f7d6d6;
  --accent-color: #f09c3b;
  --hero-filter: brightness(110%) contrast(114%) hue-rotate(360deg) saturate(0);
  --hero-filter-hover: brightness(110%) contrast(114%) hue-rotate(360deg) saturate(2);
  --text-gradient-two: linear-gradient(to right, #6a040fff, #9d0208ff, #d00000ff, #dc2f02ff, #e85d04ff, #f48c06ff, #faa307ff, #ffba08ff);
  --line-color-default: #1A1A1A;
  --line-color-default-short: #FFD700;
  --line-color-hover: #FF4500;
  --glow-color-hover: #FFD700;
  --line-color-active: #DC143C;
  --glow-color-active: #ffae00;
  --fire-internal-flicker-start: #361111;
  --fire-internal-flicker-end: #661111;
  --progress-bg: linear-gradient(to left,
    #ffdfcc, /* ember glow */
    #ff9c66, /* molten orange */
    #ff6b3c, /* lava skin */
    #e84118, /* volcanic pulse */
    #b92e08, /* scorched clay */
    #6e1400 /* charred rock */
  );
  --cursor-background-color: #cc2200; /* fallback for old browsers */
  --cursor-background-webkit: -webkit-radial-gradient(circle at center, #ffbe8f ,#ff6831 ,#fc3a13 ,#c20000 );
  --cursor-background-radial: radial-gradient(circle at center, #ffbe8f ,#ff6831 ,#fc3a13 ,#c20000 );
  --switch-background-color: #e03620; /* fallback for old browsers */
  --switch-background-webkit: -webkit-linear-gradient(to bottom, #93291E, #e71830); /* Chrome 10-25, Safari 5.1-6 */
  --switch-background-linear: linear-gradient(to bottom, #93291E, #e71830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  --h1-gradient-webkit: -webkit-linear-gradient(270deg, #ff1e1e,#ff6b00, #ff2e0e, #ff7b00, #ff1e1e);
  --h1-gradient-linear: linear-gradient(270deg, #ff1e1e,#ff6b00, #ff2e0e, #ff7b00, #ff1e1e);
  --hero-image: url("../../assets/images/hero/kd-hero.webp");
  --phoenix-image: url("../../assets/images/hero/phoenix-firehd.webp");
  --story-background-color: rgba(4, 4, 8, 1);
  --story-background-webkit: -webkit-linear-gradient(180deg, rgba(4, 4, 8, 1) 0%, rgba(115, 21, 2, 1) 32%, rgba(230, 76, 0, 1) 78%, rgba(255, 124, 10, 1) 100%);
  --story-background-moz: -moz-linear-gradient(180deg, rgba(4, 4, 8, 1) 0%, rgba(115, 21, 2, 1) 32%, rgba(230, 76, 0, 1) 78%, rgba(255, 124, 10, 1) 100%);
  --story-background-linear: linear-gradient(180deg, rgba(4, 4, 8, 1) 0%, rgba(115, 21, 2, 1) 32%, rgba(230, 76, 0, 1) 78%, rgba(255, 124, 10, 1) 100%);
  --story-pulse-bg: #ffb6a3;
  --story-pulse-hover-bg: #ff7c2b;
  --story-pulse-shadow: #ff6f2c;
  --story-pulse-border: #4d1800;
  --story-pulse-hover-filter: brightness(115%) saturate(2.5);
  --story-bg-image: url("../../assets/images/story/cliff-firehd.webp");
  --gallery-bg: url("../../assets/images/gallery/gallery-bghd.webp");
  --expertise-bg-image: url("../../assets/images/skillhive/skillhive-fire-bg.webp");
  --expertise-background-color: rgba(71, 0, 0, 0.1);
  --expertise-background-linear: linear-gradient(rgba(77, 0, 0, 0.5) , rgba(112, 15, 15, 0.3));
  --hex-background-radial: radial-gradient(circle at center ,#ffa99a ,#ff4900 );
  --hex-icon-color: #fff5e1;
  --hex-icon-hover: #ffae42;
  --hive-bg: #ff825d;
  --hive-border: #ffb347;
  --hive-active-shadow: 0 0 15px rgba(255, 102, 51, 0.6);
  --text: #fff0e6;
  --bullet: #ff7b59;
  --hexicon-color: #330606;
  --hive-box-shadow: inset 0 0 15px 15px rgba(255, 107, 107, 0.2);
  --hex-icon-hover: #360303;
  --hive-active: #be0b0b;
  --hive-active-bg: #ffc8c8;
  --timeline-bg-image: url("../../assets/images/timeline/timeline-fire-bg.webp");
  --timeline-background-color: rgb(71, 0, 0);
  --timeline-background-linear: linear-gradient(rgba(77, 0, 0, 0.5) , rgba(112, 15, 15, 0.3));
  --connect-bg-image: url("../../assets/images/connect/connect-fire-bg.webp");
  --connect-sprite: url("../../assets/images/connect/dranzer-sprite.webp");
  --connect-background-color: rgb(71, 0, 0);
  --connect-background-linear: linear-gradient(rgba(47, 0, 0, 0.5) , rgba(0,0,0, 0.3));
  --btn-bg-color: #b03a2e;
  --btn-bg-gradient: linear-gradient(135deg, #c94b32, #8e1e1a);
  --btn-text-color: #f8e7e0;
  --btn-border-color: #d95a43;
  --btn-glow-color: rgba(255, 80, 0, 0.6);
  --btn-hover-shadow: 0 0 8px var(--btn-glow-color), 0 0 15px var(--btn-glow-color);
  --btn-animation-duration: 0.4s;
}

[data-theme=ice] {
  --primary-color: rgb(0, 26, 255);
  --bg-color: #0c2449;
  --text-color: #caf0ff;
  --accent-color: #00b7ff;
  --hero-filter: brightness(110%) contrast(114%) hue-rotate(225deg) saturate(0);
  --hero-filter-hover: brightness(110%) contrast(114%) hue-rotate(225deg) saturate(3);
  --text-gradient-two: linear-gradient(to right, #0077b6ff, #0096c7ff, #00b4d8ff, #48cae4ff, #90e0efff, #ade8f4ff, #caf0f8ff);
  --line-color-default: #2C3E50;
  --line-color-default-short: #ADD8E6;
  --line-color-hover: #00BFFF;
  --glow-color-hover: #E0FFFF;
  --line-color-active: #4169E1;
  --glow-color-active: #00BFFF;
  --ice-internal-glitter-start: #87CEEB;
  --ice-internal-glitter-end: #B0E0E6;
  --progress-bg: linear-gradient(to left,
    #65e3ff, /* icy glow */
    #46c2fc, /* cool snowblue */
    #1c91ff, /* glacier skin */
    #0079eb, /* frozen core */
    #0046c7, /* deep ocean */
    #001aff /* midnight ice */
  );
  --cursor-background-color: #1857cc; /* fallback for old browsers */
  --cursor-background-webkit: -webkit-radial-gradient(circle at center, #7bd5ff, #4faaff, #0973ff, #0044d8);
  --cursor-background-radial: radial-gradient(circle at center, #7bd5ff, #4faaff, #0973ff, #0044d8);
  --switch-background-color: #006eff; /* fallback for old browsers */
  --switch-background-webkit: -webkit-linear-gradient(to bottom, #0b1af7, #021Bb9, #0b1af7); /* Chrome 10-25, Safari 5.1-6 */
  --switch-background-linear: linear-gradient(to bottom, #0b1af7, #021Bb9, #0b1af7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  --h1-gradient-webkit: -webkit-linear-gradient(270deg, #000ecc, #0059ff, #0516ff, #0572ff, #0010f5);
  --h1-gradient-linear: linear-gradient(270deg, #000ecc, #0059ff, #0516ff, #0572ff, #0010f5);
  --hero-image: url("../../assets/images/hero/kd-hero.webp");
  --phoenix-image: url("../../assets/images/hero/phoenix-icehd.webp");
  --story-background-color: rgba(4, 4, 8, 1);
  --story-background-webkit: -webkit-linear-gradient(to bottom, rgba(4, 4, 8, 1) 0%, rgba(10, 10, 119, 1) 32%, rgba(80, 154, 243, 1) 78%, rgba(0, 180, 255, 1) 100%);
  --story-background-moz: -moz-linear-gradient(to bottom, rgba(4, 4, 8, 1) 0%, rgba(10, 10, 119, 1) 32%, rgba(80, 154, 243, 1) 78%, rgba(0, 180, 255, 1) 100%);
  --story-background-linear: linear-gradient(to bottom, rgba(4, 4, 8, 1) 0%, rgba(10, 10, 119, 1) 32%, rgb(80, 154, 243) 78%, rgba(0, 180, 255, 1) 100%);
  --story-pulse-bg: #90e0ef;
  --story-pulse-hover-bg: #0db2ff;
  --story-pulse-shadow: #3a94fc;
  --story-pulse-border: #003a92;
  --story-pulse-hover-filter: brightness(115%) saturate(3);
  --story-bg-image: url("../../assets/images/story/cliff-icehd.webp");
  --gallery-bg: url("../../assets/images/gallery/gallery-bghd.webp");
  --expertise-bg-image: url("../../assets/images/skillhive/skillhive-ice-bg.webp");
  --expertise-background-color: rgb(0, 0, 85);
  --expertise-background-linear: linear-gradient(rgba(0, 0, 125, 0.5) , rgba(10, 10, 119, 0.5));
  --hex-background-radial: radial-gradient(circle at center, #9ccfff, #007df1);
  --hex-icon-color: #e1f5ff;
  --hex-icon-hover: #42caff;
  --hive-bg: #209aff;
  --hive-border: #cceeff;
  --hive-active-shadow: 0 0 15px rgba(61, 214, 255, 0.5);
  --text: #e6faff;
  --bullet: #82d4ff;
  --hexicon-color: #061153;
  --hive-box-shadow: inset 0 0 15px 15px rgba(32, 144, 248, 0.2);
  --hex-icon-hover: #0c2449;
  --hive-active: #002efc;
  --hive-active-bg: #a8ddff;
  --timeline-bg-image: url("../../assets/images/timeline/timeline-ice-bg.webp");
  --timeline-background-color: rgb(0, 0, 85);
  --timeline-background-linear: linear-gradient(rgba(0, 0, 125, 0.5) , rgba(10, 10, 119, 0.5));
  --connect-bg-image: url("../../assets/images/connect/connect-ice-bg.webp");
  --connect-sprite: url("../../assets/images/connect/dranzer-sprite.webp");
  --connect-background-color: rgb(0, 0, 85);
  --connect-background-linear: linear-gradient(rgba(0, 0, 55, 0.5) , rgba(0, 0, 0, 0.5));
  --btn-bg-color: #2e8fb0;
  --btn-bg-gradient: linear-gradient(135deg, #4ca1af, #117a8b);
  --btn-text-color: #d0e8f2;
  --btn-border-color: #5db8d5;
  --btn-glow-color: rgba(100, 190, 255, 0.6);
  --btn-hover-shadow: 0 0 8px var(--btn-glow-color), 0 0 15px var(--btn-glow-color);
  --btn-animation-duration: 0.4s;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.wrap-clear::after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  zoom: 1;
  display: table;
  clear: both;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

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

/* 1366 common css */
html {
  /* 10px: easy to use with REM */
  /* Do not change this value in any media query */
  /* make use of CSS3 variables where required */
  overscroll-behavior: none;
}

html {
  font-size: 68.75%;
}
@media (max-width: 1600px) {
  html {
    font-size: 65.25%;
  }
}
@media (max-width: 1366px) {
  html {
    font-size: 62.5%;
  }
}
@media (max-width: 1280px) {
  html {
    font-size: 61.75%;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 60.25%;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 53.75%;
  }
}
@media (max-width: 640px) {
  html {
    font-size: 47.5%;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 40.75%;
  }
}
@media (max-width: 320px) {
  html {
    font-size: 32.5%;
  }
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

html, body {
  height: 100%;
  background-color: #0c040c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

header {
  padding: 1.0980966325vw 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

body {
  background: #0c040c;
  color: snow;
  opacity: 1;
  overscroll-behavior: none;
}

h1, h2, h3, h4, h5, h6, p {
  display: block;
  pointer-events: none;
}

p, li {
  font-size: 2rem;
  letter-spacing: 0.1rem;
}

.kd-content {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

* {
  font-family: "Titillium Web";
}

a {
  text-decoration: none;
  outline: none;
  color: inherit;
}
a:hover, a:active, a:focus {
  color: initial;
  outline: none;
  text-decoration: none;
}

@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 10px var(--btn-glow-color);
  }
  100% {
    box-shadow: 0 0 20px var(--btn-glow-color);
  }
}
@keyframes shimmer {
  to {
    left: 150%;
  }
}
:root {
  /* Define the core colors for the theme */
  --fire-color-border: hsl(1, 100%, 50%);
  --ice-color-border: hsl(245, 100%, 50%);
  /* Darker base for the inner background */
  --fire-color-inner-base: hsl(1, 80%, 12%);
  --ice-color-inner-base: hsl(220, 80%, 13%);
  /* Brighter colors for the top-layer energy wisps */
  --fire-color-wisp: hsl(1, 100%, 35%);
  --ice-color-wisp: hsl(210, 100%, 35%);
  --bg-color: #0c040c;
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
/* --- Main Loader Container --- */
#kd-loader {
  position: fixed;
  inset: 0;
  z-index: 10000;
  opacity: 0; /* Starts transparent for fade-in */
  /* The user will add the 'fade-in' or 'fade-out' class */
}

#kd-loader.fade-in {
  animation: fade-in 1.5s 0.5s ease-out both; /* Added delay */
}

#kd-loader.fade-out {
  animation: fade-out 1s 0.5s ease-in both;
}

/* --- Border Effect Container --- */
.aura-container {
  position: absolute;
  inset: 0;
  border: 0.5rem solid transparent;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(var(--bg-color), var(--bg-color)) padding-box, conic-gradient(from var(--gradient-angle), transparent 0%, var(--fire-color-border) 5%, transparent 10%, transparent 50%, var(--ice-color-border) 55%, transparent 60%) border-box;
  animation: rotate-aura 4s linear infinite;
}

/* --- Inner Effects Wrapper --- */
/* This wrapper applies a "bloom" filter to everything inside it */
.kd-loader-inner-effects-wrapper {
  position: absolute;
  inset: 0;
  z-index: -1;
  filter: blur(12px) contrast(1.25); /* Adjusted blur for conic smoothness */
}

/* --- Refined Inner Effect Container --- */
#kd-loader-inner-effect {
  position: absolute;
  inset: 0;
}

/* Layer 1: The deep, flowing background (Conic-Only) */
#kd-loader-inner-effect .color-base {
  position: absolute;
  inset: -200%; /* Make it huge to hide the center point */
  background: conic-gradient(from 0deg, var(--fire-color-inner-base), var(--ice-color-inner-base) 50%, var(--fire-color-inner-base) 100%);
  animation: rotate-base 25s linear infinite;
}

/* Layer 2: The brighter, drifting energy wisps (Conic-Only) */
#kd-loader-inner-effect::before {
  content: "";
  position: absolute;
  inset: -150%; /* Also large to avoid hard edges */
  background: conic-gradient(from 45deg, transparent 0%, var(--fire-color-wisp) 15%, transparent 30%, transparent 50%, var(--ice-color-wisp) 65%, transparent 80%);
  animation: drift-wisps 18s ease-in-out infinite;
}

/* --- Keyframes --- */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rotate-aura {
  to {
    --gradient-angle: 360deg;
  }
}
@keyframes rotate-base {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes drift-wisps {
  0% {
    transform: rotate(0deg);
    opacity: 0.8;
  }
  50% {
    transform: rotate(-180deg) scale(1.05);
    opacity: 1;
  }
  100% {
    transform: rotate(-360deg);
    opacity: 0.8;
  }
}
.fullpage {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.fullpage-section {
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  color: white;
  scroll-snap-align: start;
  overflow: hidden;
}

.love-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #1a1a2e;
  color: #fff;
  padding: 2rem;
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(255, 0, 100, 0.4);
  z-index: 9999;
  animation: fadeInScale 0.4s ease;
  max-width: 90%;
  text-align: center;
  font-family: "Segoe UI", sans-serif;
}

.love-content p {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.love-button {
  background: #ff4b91;
  color: white;
  border: none;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  border-radius: 50px;
  transition: background 0.3s ease;
}

.love-button:hover {
  background: #ff007f;
}

@keyframes fadeInScale {
  0% {
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes bounceIn {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  50% {
    transform: translateY(-10px);
    opacity: 0.6;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes goTop {
  0% {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  100% {
    top: 5.5rem;
    transform: translate(-50%, -50%);
  }
}
@keyframes shrink-h3 {
  0% {
    font-size: 4.5rem;
    opacity: 1;
  }
  100% {
    font-size: 2.1rem;
    opacity: 0.8;
  }
}
@keyframes shrink-strong {
  0% {
    font-size: 7rem;
    opacity: 1;
  }
  100% {
    font-size: 2.8rem;
    opacity: 0.7;
  }
}
.fullpage-section {
  overflow: hidden;
}
.fullpage-section .section-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  text-align: center;
  z-index: 1;
  padding: 0 2rem;
}
.fullpage-section .section-title h3 {
  display: block;
  font-size: 4rem;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
.fullpage-section .section-title h3 strong {
  display: block;
  font-weight: 700;
  font-size: 7rem;
  opacity: 0.7;
  text-align: center;
  margin-bottom: -1.5%;
}
.fullpage-section .section-subtitle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  padding: 0 2rem;
}
.fullpage-section .section-subtitle h4 {
  display: block;
  font-size: 3.2rem;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  background: var(--accent-color);
  background: var(--text-gradient-two);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fullpage-section.intro-active .section-title {
  animation: goTop 1.1s ease;
}
.fullpage-section.intro-active h3 {
  animation: shrink-h3 1.1s ease;
}
.fullpage-section.intro-active strong {
  animation: shrink-strong 1.1s ease;
}

.fullpage-section.intro-done .section-title {
  position: absolute;
  top: 5.5rem;
  transform: translate(-50%, -50%);
  display: block;
  text-align: center;
}
.fullpage-section.intro-done h3 {
  text-align: center;
  font-size: 2.1rem;
}
.fullpage-section.intro-done h3 strong {
  font-size: 2.8rem;
}

.section-intro {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  max-width: 90%;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  z-index: 1;
  padding: 0 2rem;
  margin: 0;
}
@media (max-width: 768px) {
  .section-intro {
    padding: 0.5rem 2rem;
  }
}
.section-intro p {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-transform: none;
  text-align: center;
  color: var(--accent-color);
  animation: introTextFadeIn 0.7s ease-in-out both;
}
.section-intro p strong {
  font-weight: 700;
}

@keyframes introTextFadeIn {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.content {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.section-content {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: calc(100% - 9.6rem);
}

#sliderProgressBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 0.4rem;
  width: 0%;
  background: var(--progress-bg); /* customizable */
  z-index: 9999;
  transition: width 0.4s ease-in-out;
  pointer-events: none;
}

.animates-in {
  animation: fadeSlideIn 1s ease-in-out both;
}

@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateX(3rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.theme-toggle {
  position: fixed;
  top: 2.5rem;
  right: 12rem;
  z-index: 1000;
}
@media (max-width: 320px) {
  .theme-toggle {
    right: 10rem;
  }
}
.theme-toggle .toggle-btn {
  width: 5rem;
  height: 5rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--switch-background-color);
  background: var(--switch-background-webkit);
  background: var(--switch-background-linear);
  display: flex;
  align-items: center;
  transform: scale(1);
  justify-content: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 12px 1px var(--accent-color);
  transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.2s ease;
  animation: theme-appear 0.4s 13.6s ease-out both, glow 4s ease-in-out infinite;
}
.theme-toggle .toggle-btn:hover {
  box-shadow: 0 0 12px 8px var(--accent-color);
  transition: box-shadow 0.2s ease, transform 0.3s ease;
  transform: scale(1.1);
}
.theme-toggle .toggle-btn:hover::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  border-radius: 50%;
  border: 10px solid var(--accent-color);
  opacity: 0.3;
  animation: ring 1s ease-out forwards;
}
.theme-toggle .toggle-btn .icon {
  transform: none;
  font-size: 3.2rem;
  padding: 0;
  margin: 0;
  color: var(--accent-color);
}

@keyframes theme-appear {
  0% {
    transform: translate(0, -6rem);
    opacity: 0;
  }
  20% {
    transform: translate(0, -6rem);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes ring {
  0% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes glow {
  0% {
    box-shadow: 0 0 12px 1px var(--accent-color);
  }
  50% {
    box-shadow: 0 0 12px 4px var(--accent-color);
  }
  100% {
    box-shadow: 0 0 12px 1px var(--accent-color);
  }
}
.theme-transition {
  position: fixed;
  inset: 0;
  left: -25vmax;
  margin: auto;
  width: 150vmax;
  height: 150vmax;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transform: scale(0.8);
  transition: none;
  mix-blend-mode: screen;
}
@media (max-aspect-ratio: 1/1) {
  .theme-transition {
    left: 50%;
    margin-left: -75vmax;
  }
}

.theme-transition.fire {
  background: radial-gradient(circle at center, #ff6a00, #ff0000, transparent 70%);
  animation: fireBurst 1.2s ease-out forwards;
}

.theme-transition.ice {
  background: radial-gradient(circle at center, #0099ff, #0044ff, transparent 70%);
  animation: iceBurst 1.2s ease-out forwards;
}

@keyframes fireBurst {
  0% {
    opacity: 1;
    transform: scale(0.4);
    filter: blur(8px) brightness(1.3);
  }
  30% {
    transform: scale(1.05);
    filter: blur(2px) brightness(1.8);
  }
  100% {
    opacity: 0;
    transform: scale(1.4);
    filter: blur(10px);
  }
}
@keyframes iceBurst {
  0% {
    opacity: 1;
    transform: scale(0.4);
    filter: blur(6px) brightness(1.2);
  }
  30% {
    transform: scale(1.08);
    filter: blur(1px) brightness(1.6);
  }
  100% {
    opacity: 0;
    transform: scale(1.4);
    filter: blur(8px);
  }
}
@keyframes pulseGlow {
  0% {
    filter: drop-shadow(0 0 0.3rem var(--glow-color-hover));
    opacity: 0.8;
  }
  50% {
    filter: drop-shadow(0 0 1.2rem var(--glow-color-hover));
    opacity: 1;
  }
  100% {
    filter: drop-shadow(0 0 0.3rem var(--glow-color-hover));
    opacity: 0.8;
  }
}
@keyframes fireInternalFlicker {
  0%, 100% {
    background-image: linear-gradient(to right, var(--line-color-default), var(--fire-internal-flicker-start), var(--line-color-default));
    opacity: 1;
  }
  33% {
    background-image: linear-gradient(to right, var(--line-color-default), var(--fire-internal-flicker-end), var(--line-color-default));
    opacity: 0.95;
    transform: scaleX(0.99);
  }
  66% {
    background-image: linear-gradient(to right, var(--line-color-default), var(--fire-internal-flicker-start), var(--line-color-default));
    opacity: 1.05;
    transform: scaleX(1.01);
  }
}
@keyframes iceInternalGlitter {
  0%, 100% {
    background-image: linear-gradient(to right, var(--line-color-default), var(--ice-internal-glitter-start), var(--line-color-default));
    transform: scaleX(1);
    opacity: 0.8;
  }
  50% {
    background-image: linear-gradient(to right, var(--line-color-default), var(--ice-internal-glitter-end), var(--line-color-default));
    transform: scaleX(1.005);
    opacity: 1;
  }
}
@keyframes fireShorterLineGrow {
  0% {
    width: var(--line-length-inactive-short);
    filter: drop-shadow(0 0 0.2rem var(--line-color-default-short));
  }
  50% {
    width: calc(var(--line-length-inactive-short) + (var(--line-length-active) - var(--line-length-inactive-short)) * 0.7);
    filter: drop-shadow(0 0 0.8rem var(--glow-color-hover)) drop-shadow(0 0 1.5rem rgba(255, 165, 0, 0.6));
    background-color: var(--line-color-hover);
  }
  100% {
    width: var(--line-length-active);
    filter: drop-shadow(0 0 0.5rem var(--line-color-active));
    background-color: var(--line-color-active);
  }
}
@keyframes iceShorterLineGrow {
  0% {
    width: var(--line-length-inactive-short);
    filter: drop-shadow(0 0 0.2rem var(--line-color-default-short));
  }
  50% {
    width: calc(var(--line-length-inactive-short) + (var(--line-length-active) - var(--line-length-inactive-short)) * 0.7);
    filter: drop-shadow(0 0 0.8rem var(--glow-color-hover)) drop-shadow(0 0 1.5rem rgba(173, 216, 230, 0.6));
    background-color: var(--line-color-hover);
  }
  100% {
    width: var(--line-length-active);
    filter: drop-shadow(0 0 0.5rem var(--line-color-active));
    background-color: var(--line-color-active);
  }
}
.nav {
  background: none;
  width: 6.5rem;
  height: 3.64rem;
  position: fixed;
  top: 3rem;
  right: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001;
  animation: nav-appear 0.4s 13.3s ease-out both;
}
.nav svg {
  fill: none;
  stroke: var(--switch-background-color);
  stroke-width: 7px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nav svg use:nth-of-type(1) {
  opacity: 1;
  stroke-dashoffset: 221;
  stroke-dasharray: 46 249;
  transition: stroke-dashoffset 0.12s linear 0.2s, stroke-dasharray 0.12s linear 0.2s, opacity 0s linear 0.2s;
}
.nav svg use:nth-of-type(2) {
  animation: stroke-animation-reverse 1.2s ease-out forwards;
}
.nav.active svg use:nth-of-type(1) {
  stroke-dashoffset: 175;
  stroke-dasharray: 0 295;
  opacity: 0;
  transition: stroke-dashoffset 0.07s linear 0.07s, stroke-dasharray 0.07s linear 0.07s, opacity 0s linear 0.14s;
}
.nav.active svg use:nth-of-type(2) {
  animation: stroke-animation 1.2s ease-out forwards;
}

@keyframes nav-appear {
  0% {
    transform: translate(6rem, 0);
    opacity: 0;
  }
  20% {
    transform: translate(6rem, 0);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes stroke-animation {
  0% {
    stroke-dashoffset: 295;
    stroke-dasharray: 25 270;
  }
  50% {
    stroke-dashoffset: 68;
    stroke-dasharray: 59 236;
  }
  65% {
    stroke-dashoffset: 59;
    stroke-dasharray: 59 236;
  }
  100% {
    stroke-dashoffset: 68;
    stroke-dasharray: 59 236;
  }
}
@keyframes stroke-animation-reverse {
  0% {
    stroke-dashoffset: 68;
    stroke-dasharray: 59 236;
  }
  50% {
    stroke-dashoffset: 290;
    stroke-dasharray: 25 270;
  }
  65% {
    stroke-dashoffset: 295;
    stroke-dasharray: 25 270;
  }
  100% {
    stroke-dashoffset: 290;
    stroke-dasharray: 25 270;
  }
}
.overlay-menu {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease;
  z-index: 1000;
  overflow-x: hidden;
  overflow-y: auto;
}
.overlay-menu nav ul {
  list-style: none;
  padding: 0;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.overlay-menu nav ul li {
  margin: 2rem 0;
  font-size: 3rem;
  color: #e0e0e0;
  cursor: pointer;
  transition: color 0.3s ease;
  position: relative;
}
.overlay-menu nav ul li .menuitem-text span {
  color: var(--accent-color);
  font-size: 2.2rem;
}
.overlay-menu nav ul li:hover {
  color: var(--accent-color);
}
.overlay-menu nav ul li::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background: var(--switch-background-color);
  left: 0;
  bottom: -5px;
  transition: 0.3s ease;
}
.overlay-menu nav ul li:hover::after {
  width: 100%;
}
.overlay-menu.active {
  transform: scaleX(1);
}

/* --- Custom Cursor Activation --- */
/* Hide the default cursor when the custom one is active */
body.custom-cursor--active,
body.custom-cursor--active * {
  cursor: none;
}

/* --- Custom Cursor Styles --- */
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none; /* Crucial: allows clicking through the cursor */
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.5s ease;
}

body.custom-cursor--active .custom-cursor {
  opacity: 1;
}

/* The follower element (the outer ring) */
.cursor-follower {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.4s ease, height 0.4s ease, border-width 0.4s ease, border-color 0.4s ease, background-color 0.4s ease;
}

/* The dot element (the inner dot) */
.cursor-dot {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.4s ease, height 0.4s ease;
}

/* --- Cursor States --- */
/* State: Hovering over a regular hoverable element */
.custom-cursor.is-hovered .cursor-follower {
  width: 4rem;
  height: 4rem;
  background-color: rgba(255, 255, 255, 0.1);
}

.custom-cursor.is-hovered .cursor-dot {
  width: 0.2rem;
  height: 0.2rem;
}

/* State: Hovering over a clickable element */
.custom-cursor.is-clickable-hover .cursor-follower {
  width: 5rem;
  height: 5rem;
  background-color: rgba(255, 255, 255, 0.2);
  border-width: 2px;
}

.custom-cursor.is-clickable-hover .cursor-dot {
  width: 0; /* Hide dot */
  height: 0;
}

/* State: Mouse button is pressed down */
.custom-cursor.is-active .cursor-follower {
  width: 3rem;
  height: 3rem;
  border-width: 2px;
  background-color: rgba(255, 255, 255, 0.3);
}

#kd-logo {
  display: block;
  animation: appear 0.1s appear 1.4s both;
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --fire-red: #d90429;
  --fire-orange: #ff9a00;
  --fire-yellow: #fffbeB;
  --ice-blue: #0003de;
  --ice-cyan: #006eff;
  --ice-white: #d4eaff;
  --path-1-length: 10700;
  --path-2-length: 8250;
  /* --- Animation Timeline --- */
  --draw-duration: 2.5s;
  --infusion-duration: 1s;
}

@keyframes slow-pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.15);
  }
}
@keyframes slow-aurora {
  from {
    transform: rotate(0deg) scale(1.2);
  }
  to {
    transform: rotate(360deg) scale(1.2);
  }
}
#kd-logo .logo-container {
  width: 10rem;
  margin-bottom: 2rem;
  transform: rotate(34.5deg) translate(-50%, -50%);
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: calc(50% - 2.5rem);
  z-index: 10001;
  opacity: 0;
}
#kd-logo .logo-container.loaded {
  animation: showLogo 0.1s forwards 1.4s, adjustLogo 0.5s 5.5s cubic-bezier(0.69, 0.68, 0.24, 0.24) forwards, hideLogo 0.2s 9.8s forwards, placeLogo 0.8s 13s ease-out forwards;
}

@keyframes placeLogo {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  10% {
    top: -3rem;
    left: 4rem;
    width: 6rem;
    transform: none;
    z-index: 10001;
  }
  69% {
    opacity: 0;
  }
  70% {
    opacity: 1;
    pointer-events: all;
  }
  100% {
    top: 2rem;
    left: 4rem;
    width: 6rem;
    transform: none;
    z-index: 10001;
    opacity: 1;
    pointer-events: all;
  }
}
/* --- ACT 1: STROKE ANIMATION --- */
.stroke-animated-logo .path {
  fill-opacity: 0;
  stroke-width: 32;
  transform: scale(0.8);
  stroke-dasharray: var(--path-length);
  stroke-dashoffset: var(--path-length);
}

.stroke-animated-logo #logo-path-1 {
  --path-length: var(--path-1-length);
  stroke: var(--ice-cyan);
}

.stroke-animated-logo #logo-path-2 {
  --path-length: var(--path-2-length);
  stroke: var(--fire-orange);
}

.stroke-animated-logo #logo-path-1 {
  animation: draw-path var(--draw-duration) 1.5s cubic-bezier(0.975, 0.2, 0.0165, 1) both, var(--infusion-duration) fill calc(var(--draw-duration) + 1.5s) cubic-bezier(0.1, 0.3, 0.3, 0.61) forwards;
}

.stroke-animated-logo #logo-path-2 {
  animation: draw-path var(--draw-duration) 1.5s cubic-bezier(0.975, 0.2, 0.0165, 1) both, var(--infusion-duration) fill calc(var(--draw-duration) + 1.5s) cubic-bezier(0.1, 0.8, 0.97, 0.29) forwards;
}

.animated-logo {
  width: 100%;
  height: auto;
}

@keyframes showLogo {
  100% {
    opacity: 1;
  }
}
@keyframes adjustLogo {
  0% {
    left: calc(50% - 2.5rem);
    z-index: 10001;
  }
  100% {
    left: calc(53% - 2.8rem);
  }
}
@keyframes hideLogo {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
@keyframes draw-path {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    stroke-dashoffset: 0;
    transform: scale(1);
  }
}
@keyframes fill {
  to {
    fill-opacity: 1;
  }
}
.clickable {
  cursor: pointer;
}

.grid-section {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* background: #002ada; */
  /* background: #080880; */
  /* background: #141E30; 
  background: -webkit-linear-gradient(to right, #141E30, #243B55, #141E30); 
  background: linear-gradient(to right, #141E30, #243B55, #141E30);  */
  background: #070000;
  background: linear-gradient(to right, #040404, #060606, #060606, #060606, #040404);
  background: -webkit-linear-gradient(to right, #040404, #060606, #060606, #060606, #040404);
  /* background: #000007; 
  background: linear-gradient(to right, #000005, #000007, #010309, #000007, #000005 );
  background: -webkit-linear-gradient(to right, #000005, #000007, #010309, #000007, #000005  ); */
  /* background: #070000;  
  background: linear-gradient(to right, #040000, #060000, #070201, #060000, #040000 );
  background: -webkit-linear-gradient(to right, #040000, #060000, #070201, #060000, #040000 ); */
}

.spark-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  touch-action: manipulation;
  /* allows tapping, swiping, scrolling, blocks zoom */
}

.kd-title {
  font-size: 5rem;
  margin: 0 0 1rem 0;
  color: var(--text-color);
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0.1rem;
  text-align: left;
  display: block;
}

.kai-gradient-text {
  font-size: 6.5rem;
  margin: 0 0 1rem 1rem;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0.1rem;
  display: inline-block;
  background: var(--accent-color);
  background: var(--h1-gradient-webkit);
  background: var(--h1-gradient-linear);
  background-size: 400% auto;
  animation: kaiGlow 10s ease-in-out infinite;
  transition: background 1s ease-in-out, background-position 1s ease-in-out;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

@keyframes kaiGlow {
  0% {
    background-position: 100% 0%;
  }
  25% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 0% 100%;
  }
  75% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 100% 0%;
  }
}
.show-portal {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  width: var(--portal-size);
  height: calc(var(--portal-size) * 1.2);
  border: var(--portal-border) solid var(--portal-base);
  border-radius: 50% 50% 40% 60%/60% 40% 60% 40%;
  background: transparent;
  overflow: visible;
  transition: opacity 1s ease;
  animation: fadingPortal 1s forwards ease;
  animation-delay: 12s;
  z-index: 2;
}
.show-portal::before, .show-portal::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  animation-delay: 8s;
  pointer-events: none;
}
.show-portal::before {
  border: var(--portal-border) solid var(--portal-base);
  animation: pulse-outline 4s infinite ease-in-out;
}
.show-portal::after {
  box-shadow: 0 0 0.5rem var(--portal-base);
  animation: pulse-glow 3s infinite ease-in-out;
}

.angular-mask-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.masked-text {
  z-index: 2;
  opacity: 0;
  /* revealed by mask */
}

.mask-sweep {
  position: absolute;
  top: 100%;
  left: -100%;
  width: 200%;
  height: 200%;
  background: white;
  /* or glow light */
  transform: rotate(-25deg);
  z-index: 3;
}

.kd-intro {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 1.5rem 0;
  text-transform: none;
  letter-spacing: 1px;
}

.non-canvas {
  transition: opacity 0.3s ease;
  z-index: 2;
}

.text-section {
  position: absolute;
  left: 5%;
  top: 32.5%;
  width: clamp(40rem, 60rem, 65vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.text-section p {
  margin-bottom: 2rem;
}

.kd-intro {
  order: 3;
  animation: 2s fadeIning both;
  animation-delay: 7s;
  margin-bottom: 3rem;
}

.kd-designation {
  order: 2;
  animation: 2s fadeIning both;
  animation-delay: 6s;
}

.intro-theatre {
  order: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}

.mask-sweep {
  animation: sweep 1.5s ease both;
  animation-delay: 4s;
}

.masked-text {
  animation: fadeIningLeft 1.5s ease-out both;
  animation-delay: 5s;
}

.cta-buttons {
  order: 4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
.cta-buttons .solid {
  animation: 2s fadeIning both;
  animation-delay: 8s;
}
.cta-buttons .glassy {
  animation: 2s fadeIning both;
  animation-delay: 9s;
}

@keyframes fadeIningLeft {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes sweep {
  0% {
    opacity: 0;
    top: 100%;
    left: -100%;
  }
  100% {
    opacity: 1;
    top: -120%;
    left: 120%;
  }
}
.kd-designation {
  font-size: 2.4rem;
  font-weight: 200;
  line-height: 1.5;
  margin: 0;
  text-transform: capitalize;
  margin-bottom: 1.8rem;
  letter-spacing: 1px;
}

.engraved-text {
  position: absolute;
  left: 10%;
  top: 15%;
  width: 80%;
  color: var(--accent-color);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  animation: fadeIning 2s both;
  animation-delay: 11s;
}

.hero-image {
  animation: fadeIningLeft 2s both;
  animation-delay: 10s;
}

@keyframes hex-stamp {
  0% {
    opacity: 0;
    transform: scale(1.6) translateY(-20px); /* start big, floating above */
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0); /* stamp into place */
  }
}
:root {
  --bg-dark: rgba(0,0,0,0.9);
}

/* Theme colors for sparks and the grid pulse */
[data-theme=fire] {
  --spark1: rgba(255, 80, 0, 1);
  --spark2: rgba(255, 200, 45, 1);
  --pulse-color: rgba(255, 100, 50, 1);
}

[data-theme=ice] {
  --spark1: rgba(0, 180, 255, 1);
  --spark2: rgba(200, 250, 255, 1);
  --pulse-color: rgba(50, 200, 255, 1);
}

.grid-section {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg-dark);
  overflow: hidden;
  /* Disable user selection and right-click menu */
  /* New DOM-based Pulse Style */
}
.grid-section * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.grid-section #generateBtn {
  padding: 1rem 2rem;
  font-size: 1rem;
  cursor: pointer;
  background: #444;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s;
  z-index: 10;
}
.grid-section #generateBtn:hover {
  transform: scale(1.05);
}
.grid-section #canvasContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
  background: var(--bg-dark);
  transition: opacity 0.8s ease-out;
}
.grid-section #canvasContainer.visible {
  opacity: 1;
  pointer-events: auto;
}
.grid-section canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.grid-section .click-pulse {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: pulse-anim 1.5s ease-out forwards;
  pointer-events: none; /* Crucial */
  /* Aesthetic effect using border and box-shadow */
  border: 2px solid var(--pulse-color);
  box-shadow: 0 0 15px var(--pulse-color), 0 0 25px var(--pulse-color) inset;
}
@keyframes pulse-anim {
  from {
    transform: scale(0);
    opacity: 0.8;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}

.magikriz-intro {
  z-index: 10;
  position: relative;
}

.left,
.right {
  position: absolute;
  top: -2rem;
  transform: translateY(-50%);
  font-size: 7rem;
  font-weight: 700;
  white-space: nowrap;
  color: #fff;
}

.left {
  right: calc(-3.6vw + 6rem);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.right {
  left: calc(3vw + 6rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.bracket {
  opacity: 0;
}

.left .bracket {
  margin-right: 0.8rem;
}

.right .bracket {
  margin-left: 0.8rem;
}

.bracket.visible {
  animation: fadeIn 1s forwards;
}

.text {
  opacity: 0;
  display: inline-block;
  transition: opacity 0.3s ease;
  letter-spacing: 0.6rem;
}

.text .char {
  display: inline-block;
  transition: all 0.2s ease;
}

.text.visible {
  opacity: 1;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.icer {
  background: linear-gradient(90deg, #00c3ff, #0047ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.firer {
  background: linear-gradient(90deg, #ff512f, #ff9a00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.green {
  background: linear-gradient(90deg, #02af5e, #00d48e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 0.5rem;
}

.text.green {
  letter-spacing: -0.2rem;
}

.dud {
  color: #555;
}

.caret {
  display: inline-block;
  animation: blink 0.5s steps(2) infinite;
}

@keyframes blink {
  50% {
    visibility: hidden;
  }
}
#creator {
  font-size: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  white-space: pre-wrap;
  position: absolute;
  bottom: 42%;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
}

@keyframes placeCreator {
  100% {
    bottom: 10rem;
    left: 2rem;
    transform: none;
  }
}
.single-box {
  display: inline-block;
  overflow: visible;
}

.single-char {
  display: inline-block;
  opacity: 0;
  padding-top: 0.4rem;
  transform: translateY(20px);
  animation: fadeInUp 0.5s ease forwards;
  font-size: 2.8rem;
  font-style: italic;
  padding-right: 0.4rem;
}

.spin-char {
  display: inline-block;
  opacity: 0;
  transform: rotateY(-90deg);
  transform-style: preserve-3d;
  animation: spinIn 0.7s ease forwards;
  color: var(--switch-background-color);
  font-size: 3.2rem;
  padding-right: 0.4rem;
  font-weight: 600;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spinIn {
  to {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
.button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 33%;
  transform: translateX(-50%) translateY(2rem);
  left: 50%;
  overflow: hidden;
  padding: 1rem;
  transition: all 0.4s ease;
  animation: showButtonWrap 0.5s 7s ease-out forwards;
}

@keyframes showButtonWrap {
  to {
    transform: translateX(-50%) translateY(0);
  }
}
/* Contact button styling */
#contact-btn {
  margin: 0 2rem;
  padding: 1.1rem 1.7rem;
  border: 2px solid var(--switch-background-color);
  background: transparent;
  color: white;
  font-size: 2rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  opacity: 0;
  transition: all 0.4s ease;
  width: -moz-max-content;
  width: max-content;
  width: max-content;
}

#contact-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--switch-background-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: 0;
}

#contact-btn:hover::before {
  transform: scaleX(1);
}

#contact-btn span {
  position: relative;
  z-index: 1;
}

#contact-btn.show {
  opacity: 1;
}

#resume-btn {
  margin: 0 1.5rem;
  padding: 1.1rem 1.7rem;
  border: 2px solid var(--switch-background-color);
  background: transparent;
  color: white;
  font-size: 2rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  opacity: 0;
  transition: all 0.4s ease;
  width: -moz-max-content;
  width: max-content;
}

#resume-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--switch-background-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: 0;
}

#resume-btn:hover::before {
  transform: scaleX(1);
}

#resume-btn span {
  position: relative;
  z-index: 1;
}

#resume-btn.show {
  opacity: 1;
}

.bracket {
  opacity: 0;
  filter: blur(10px);
  transition: opacity 1s ease, filter 1s ease;
}

.bracket.visible {
  opacity: 1;
  filter: blur(0);
}

.bracket.out {
  opacity: 0;
  filter: blur(10px);
}

#kd-hero-logo .logo-container {
  width: 10rem;
  margin-bottom: 2rem;
  transform: rotate(34.5deg) translate(-50%, -50%);
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 10;
  opacity: 1;
  left: calc(53% - 2.8rem);
}

.animated-logo {
  width: 100%;
  height: auto;
}

.scroll-next {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  background: transparent;
  border: none;
  font-size: 4rem;
  animation: float 2s ease-in-out infinite;
  z-index: 10;
  color: var(--ice-white, #fff); /* Customize as per theme */
}

.scroll-next .caret {
  display: inline-block;
  animation: blink-caret 1s steps(2) infinite;
}

/* Floating up and down effect */
@keyframes float {
  0%, 100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, 1.5rem);
  }
}
/* Blinking caret effect */
@keyframes blink-caret {
  50% {
    opacity: 0;
  }
}
.kd-story {
  background: var(--story-background-color);
  background: var(--story-background-webkit);
  background: var(--story-background-moz);
  background: var(--story-background-linear);
}
.kd-story #storyStormCanvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.kd-story .story-bg {
  background-image: var(--story-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  display: block;
  width: 100vw;
  height: 33.1vw;
  left: 0;
  bottom: -10vw;
}
@media (orientation: portrait) {
  .kd-story .story-bg {
    width: 150vw;
    height: 49.5vw;
    transform: translateX(-50%);
    left: 50%;
    bottom: -5vw;
  }
}
@media (orientation: portrait) and (min-aspect-ratio: 2/3) {
  .kd-story .story-bg {
    width: 100vw;
    height: 33.1vw;
  }
}

.story-chakras {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  --chakra-scale: 1;
  padding: 2rem;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}

.chakras-list {
  position: relative;
  width: 100%;
  height: 100%;
}

.chakra {
  position: absolute;
  width: 7rem;
  height: 7rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 4;
  opacity: 0;
  transition: all 0.3s ease;
  box-shadow: none;
  left: 50%;
  animation: fadeRise var(--fade-duration) ease var(--fade-delay) both, blastOut 2s ease-in-out calc(var(--fade-duration) + var(--fade-delay)) forwards, pulseChakra 10s linear 4s infinite;
}
.chakra::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  opacity: 1;
  display: block;
  border-radius: 50%;
  background: conic-gradient(from 45deg, var(--story-pulse-border) 25%, var(--story-pulse-hover-bg) 50%, var(--story-pulse-border) 75%, var(--story-pulse-hover-bg) 100%);
  animation: ringSpinReverse 2s linear infinite;
}
.chakra::before {
  content: "";
  position: absolute;
  width: 110%;
  height: 110%;
  transition: all 0.3s ease;
  opacity: 1;
  z-index: -1;
  display: block;
  border-radius: 50%;
  background: conic-gradient(from -45deg, var(--story-pulse-border) 25%, var(--story-pulse-hover-bg) 50%, var(--story-pulse-border) 75%, var(--story-pulse-hover-bg) 100%);
  animation: ringSpin 1s linear infinite;
}
.chakra:hover {
  transform: translateX(-50%);
  filter: var(--story-pulse-hover-filter) !important;
  transition: all 0.3s ease;
}
.chakra:nth-child(1) {
  --fade-delay: 0.2s;
  --fade-duration: 2.5s;
}
.chakra:nth-child(2) {
  --fade-delay: 0.4s;
  --fade-duration: 2.3s;
}
.chakra:nth-child(3) {
  --fade-delay: 0.6s;
  --fade-duration: 2.1s;
}
.chakra:nth-child(4) {
  --fade-delay: 0.8s;
  --fade-duration: 1.9s;
}
.chakra:nth-child(5) {
  --fade-delay: 1s;
  --fade-duration: 1.7s;
}
.chakra:nth-child(6) {
  --fade-delay: 1.2s;
  --fade-duration: 1.5s;
}
.chakra:nth-child(7) {
  --fade-delay: 1.4s;
  --fade-duration: 1.3s;
}
.chakra:nth-child(8) {
  --fade-delay: 1.6s;
  --fade-duration: 1.1s;
}
.chakra:nth-child(9) {
  --fade-delay: 1.8s;
  --fade-duration: 0.9s;
}
.chakra:nth-child(10) {
  --fade-delay: 2s;
  --fade-duration: 0.7s;
}
.chakra:nth-child(1) {
  --initial-bottom: 10%;
  --intermediate-bottom: 20%;
  --final-bottom: 87.5%;
  --final-left: 50%;
}
.chakra:nth-child(2) {
  --initial-bottom: 10%;
  --intermediate-bottom: 22%;
  --final-bottom: 75%;
  --final-left: 30%;
}
.chakra:nth-child(3) {
  --initial-bottom: 10%;
  --intermediate-bottom: 24%;
  --final-bottom: 75%;
  --final-left: 70%;
}
.chakra:nth-child(4) {
  --initial-bottom: 10%;
  --intermediate-bottom: 26%;
  --final-bottom: 62.5%;
  --final-left: 50%;
}
.chakra:nth-child(5) {
  --initial-bottom: 10%;
  --intermediate-bottom: 28%;
  --final-bottom: 50%;
  --final-left: 25%;
}
.chakra:nth-child(6) {
  --initial-bottom: 10%;
  --intermediate-bottom: 30%;
  --final-bottom: 50%;
  --final-left: 75%;
}
.chakra:nth-child(7) {
  --initial-bottom: 10%;
  --intermediate-bottom: 32%;
  --final-bottom: 37.5%;
  --final-left: 35%;
}
.chakra:nth-child(8) {
  --initial-bottom: 10%;
  --intermediate-bottom: 34%;
  --final-bottom: 37.5%;
  --final-left: 65%;
}
.chakra:nth-child(9) {
  --initial-bottom: 10%;
  --intermediate-bottom: 36%;
  --final-bottom: 25%;
  --final-left: 20%;
}
.chakra:nth-child(10) {
  --initial-bottom: 10%;
  --intermediate-bottom: 38%;
  --final-bottom: 25%;
  --final-left: 80%;
}

@keyframes ringSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ringSpinReverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes fadeRise {
  0% {
    opacity: 0;
    bottom: var(--initial-bottom);
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.2rem;
    border-width: 0.1rem;
    filter: brightness(110%) saturate(2);
  }
  100% {
    opacity: 0.5;
    transform: translateX(-50%);
    bottom: var(--intermediate-bottom);
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
    border-width: 0.2rem;
    filter: brightness(110%) saturate(2);
  }
}
@keyframes blastOut {
  0% {
    bottom: var(--intermediate-bottom);
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
    border-width: 0.2rem;
    opacity: 0.5;
    filter: brightness(110%) saturate(2);
  }
  20% {
    opacity: 1;
    filter: brightness(110%) saturate(2);
  }
  50% {
    width: 5rem;
    height: 5rem;
    font-size: 2.2rem;
    left: calc(var(--final-left));
    bottom: calc(var(--final-bottom) - 2rem);
    filter: brightness(110%) saturate(2);
  }
  70% {
    box-shadow: none;
    filter: brightness(100%) saturate(1);
  }
  85% {
    box-shadow: 0 0 2rem 1rem var(--accent-color), inset 0 0 2rem 2rem var(--accent-color);
    filter: brightness(140%) saturate(2.5);
  }
  100% {
    left: var(--final-left);
    bottom: var(--final-bottom);
    width: 6rem;
    height: 6rem;
    font-size: 2.7rem;
    border-width: 3px;
    opacity: 1;
    box-shadow: 0 0 2rem 1rem var(--accent-color);
    filter: brightness(105%) saturate(1.5);
  }
}
@keyframes pulseChakra {
  0% {
    transform: translate(-50%) 0deg;
  }
  100% {
    transform: translate(-50%) rotate(360deg);
  }
}
@keyframes pulseInner {
  0%, 100% {
    box-shadow: inset 0 0 10px 15px var(--story-pulse-shadow);
  }
  50% {
    box-shadow: none;
  }
}
.chakra-inner {
  font-size: inherit;
  position: absolute;
  color: var(--story-pulse-border);
  width: 90%;
  height: 90%;
  border-radius: 50%;
  display: flex;
  z-index: 5;
  border: 2px dotted var(--story-pulse-border);
  justify-content: center;
  align-items: center;
  background: var(--story-pulse-bg);
  background: radial-gradient(circle at center, var(--story-pulse-bg), var(--story-pulse-hover-bg));
  animation: pulseInner 3s linear infinite;
}

.chakras-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10010;
  transition: opacity 0.3s ease;
  overflow-y: hidden;
  touch-action: pan-y;
}
.chakras-popup.active {
  display: flex;
  animation: popupFadeIn 0.4s ease forwards;
  opacity: 1;
}
.chakras-popup .chakra-popup-close {
  position: absolute;
  width: 4.5rem;
  height: 4.5rem;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  z-index: 10002;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 500;
  color: var(--story-pulse-bg);
  transition: all 0.3s ease;
}
.chakras-popup .chakra-popup-left,
.chakras-popup .chakra-popup-right {
  position: absolute;
  top: 50%;
  width: 4rem;
  height: 10rem;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  z-index: 10002;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.5rem;
  font-weight: 600;
  color: var(--story-pulse-hover-bg);
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.chakras-popup .chakra-popup-left {
  left: 3%;
  box-shadow: rgba(0, 0, 0, 0.35) 100px 0px 50px -20px inset;
}
@media screen and (min-aspect-ratio: 2/3) {
  .chakras-popup .chakra-popup-left {
    left: 10%;
  }
}
@media screen and (min-aspect-ratio: 4/3) {
  .chakras-popup .chakra-popup-left {
    left: 1%;
  }
}
.chakras-popup .chakra-popup-right {
  left: calc(97% - 4rem);
  box-shadow: rgba(0, 0, 0, 0.35) -100px 0px 50px -20px inset;
}
@media screen and (min-aspect-ratio: 2/3) {
  .chakras-popup .chakra-popup-right {
    left: calc(90% - 4rem);
  }
}
@media screen and (min-aspect-ratio: 4/3) {
  .chakras-popup .chakra-popup-right {
    left: calc(99% - 4rem);
  }
}
.chakras-popup .chakra-popup-close {
  left: 50%;
  transform: translate(-50%);
  top: 2%;
}
.chakras-popup .chakras-content {
  background: #111;
  padding: 2rem;
  border-radius: 1rem;
  width: 75%;
  color: var(--story-pulse-bg);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.7);
  max-height: 85%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem;
  -webkit-overflow-scrolling: touch; /* For smooth iOS scrolling */
}
.chakras-popup .chakras-content:focus {
  border: none;
  outline: none;
}
@media screen and (min-aspect-ratio: 2/3) {
  .chakras-popup .chakras-content {
    width: 55%;
  }
}
@media screen and (min-aspect-ratio: 4/3) {
  .chakras-popup .chakras-content {
    width: 90%;
    flex-direction: row;
    justify-content: center;
  }
  .chakras-popup .chakras-content .chakras-text-content,
  .chakras-popup .chakras-content .chakras-image-content {
    flex: 1;
    padding: 1%;
  }
}
.chakras-popup .chakras-content img {
  width: 100%;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  filter: drop-shadow(0 0 0.7rem var(--primary-color));
  border: 2px solid var(--primary-color);
}
.chakras-popup .chakras-content hr {
  border: none;
  height: 0.3rem;
  background: var(--primary-color);
  margin: 1rem 0;
}
.chakras-popup .chakras-content .chakras-title {
  font-size: 2.4rem;
  margin-bottom: 1rem;
  color: var(--text-color);
}
.chakras-popup .chakras-content .chakras-description {
  font-size: 1.8rem;
  line-height: 1.6;
  color: var(--text-color);
}
.chakras-popup .chakras-content .chakras-description strong {
  color: var(--story-pulse-hover-bg);
}

.chakras-content::-webkit-scrollbar {
  width: 0.4rem;
}

.chakras-content::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 1rem;
}

.fade-rotate-in {
  animation: fadeRotateIn 0.6s ease both;
}
.fade-rotate-in * {
  opacity: inherit;
}

@keyframes fadeRotateIn {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
.fade-rotate-out {
  animation: fadeRotateOut 0.3s ease forwards;
}

@keyframes fadeRotateOut {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-20px);
  }
}
#storyStormCanvas {
  transition: all 0.5s ease-out;
  opacity: 0;
}

.kd-projects {
  background-image: var(--gallery-bg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.kd-projects::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  display: block;
  pointer-events: none;
}

.projects-data {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1rem 0;
}
@media (max-width: 1200px) and (min-aspect-ratio: 15/10) {
  .projects-data {
    flex-direction: row;
  }
}
@media (max-width: 1440px) and (min-aspect-ratio: 17/10) {
  .projects-data {
    flex-direction: row;
  }
}
@media (max-width: 1600px) and (min-aspect-ratio: 19/10) {
  .projects-data {
    flex-direction: row;
  }
}
@media (max-width: 1920px) and (min-aspect-ratio: 21/10) {
  .projects-data {
    flex-direction: row;
  }
}

.featured-projects {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 5rem;
  opacity: 0;
  animation: containerFadeIn 0.5s ease forwards;
}
@media (max-width: 1200px) and (min-aspect-ratio: 15/10) {
  .featured-projects {
    width: 45%;
    border-radius: 2rem;
  }
}
@media (max-width: 1440px) and (min-aspect-ratio: 17/10) {
  .featured-projects {
    width: 45%;
    border-radius: 2rem;
  }
}
@media (max-width: 1600px) and (min-aspect-ratio: 19/10) {
  .featured-projects {
    width: 45%;
    border-radius: 2rem;
  }
}
@media (max-width: 1920px) and (min-aspect-ratio: 21/10) {
  .featured-projects {
    width: 45%;
    border-radius: 2rem;
  }
}
.featured-projects::before {
  position: absolute;
  content: "FEATURED";
  display: block;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  background: var(--primary-color);
  background: var(--h1-gradient-webkit);
  background: var(--h1-gradient-linear);
  background-size: 400% auto;
  animation: kaiGlow 10s ease-in-out infinite;
  transition: background 1s ease-in-out, background-position 1s ease-in-out;
  font-size: 0;
  animation: 1s fontPlay ease forwards;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.featured-slider-wrapper:focus {
  outline: none;
}

.featured-slider-wrapper {
  -webkit-backdrop-filter: blur(0.8rem);
  backdrop-filter: blur(0.8rem);
  background: rgba(255, 255, 255, 0.05);
  position: relative;
  display: flex;
  justify-content: center;
  padding: 2rem 1rem;
  width: 100%;
  border-radius: 1rem;
}

.featured-slider-left,
.featured-slider-right {
  position: absolute;
  top: 100%;
  width: 8rem;
  height: 4rem;
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(0.8rem);
  backdrop-filter: blur(0.8rem);
  transition: opacity 0.3s ease, transform 0.2s ease;
  cursor: pointer;
}

.featured-slider-left {
  left: 0;
  border-radius: 0 0 90% 0;
}

.featured-slider-right {
  right: 0;
  border-radius: 0 0 0 90%;
}

.featured-slider-left::before,
.featured-slider-right::before {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--primary-color);
  pointer-events: none;
  position: absolute;
  bottom: 20%;
}

.featured-slider-left::before {
  right: 50%;
  content: "❮";
}

.featured-slider-right::before {
  left: 50%;
  content: "❯";
}

/* Dimmed state when disabled */
.featured-slider-left.dimmed,
.featured-slider-right.dimmed {
  opacity: 0.2;
  pointer-events: none;
  transform: scale(0.9);
}

.featured-slider-track {
  display: inline-flex;
  padding: 0 2rem;
  flex-direction: row;
  position: relative;
  overflow-x: auto;
  scroll-snap-type: x mandatory; /* default state */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overflow: visible;
}

.featured-slide {
  flex: 0 0 auto;
  width: 50rem;
  height: 28.125rem; /* 16:9 for 50rem */
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  box-shadow: 0 0 1rem 0.7rem var(--primary-color);
  transition: all 0.6s cubic-bezier(0.05, 0.61, 0.41, 0.95);
  scroll-snap-align: center;
  margin-right: 3rem;
  overflow: hidden;
  position: relative;
}
.featured-slide .slide-overlay {
  background: rgba(0, 0, 0, 0.85);
  transition: all 0.3s ease;
}
.featured-slide .featured-slide-cover::before {
  background: linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.05));
  transition: all 0.3s ease;
}
.featured-slide.entrance {
  opacity: 0;
  height: 6rem; /* start small */
  animation: featuredSlideIntro 1.2s ease-out forwards;
}
.featured-slide:last-child {
  margin-right: 0;
}

.featured-slide:not(.active) {
  width: 6rem;
  border-radius: 3rem;
  opacity: 0.95;
  box-shadow: none;
  transition: all 0.6s ease;
  cursor: pointer;
}
.featured-slide:not(.active) .slide-overlay {
  background: rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
}
.featured-slide:not(.active) .featured-slide-cover::before {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  box-shadow: 1rem 2rem 6rem 0px var(--primary-color) inset;
  transition: all 0.3s ease;
}

.featured-slide-cover {
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  display: block;
  border-radius: 2rem;
  background-repeat: no-repeat;
}
.featured-slide-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: background 0.3s ease;
  pointer-events: none;
}

.slide-overlay {
  width: 100%;
  padding: 0;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  flex-wrap: wrap;
  transition: all 0.3s ease;
  height: 6.4rem;
}

.card-icon {
  display: flex;
  justify-content: center;
  padding: 0.6rem;
  align-items: center;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
}
.card-icon i {
  font-size: 2.5rem;
  box-shadow: inset 0 0 0.4rem 0.1rem rgba(0, 0, 0, 0.3), 0 0 1rem 0.3rem;
  background-color: rgb(230, 230, 230);
  width: 4.8rem;
  font-size: 2.5rem;
  height: 4.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--cursor-background-color);
  filter: brightness(100%) contrast(110%) saturate(2);
}

.card-details {
  white-space: nowrap;
  display: flex;
  padding: 0.6rem;
  width: calc(100% - 12rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  height: 6rem;
}
.card-details .name {
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0;
}
.card-details .credits {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}
.card-details .credits span {
  font-weight: 500;
  font-style: italic;
}

.card-explore {
  display: flex;
  justify-content: center;
  padding: 0.6rem;
  align-items: center;
  width: 6rem;
  height: 6rem;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s ease;
  position: relative;
}
.card-explore::after {
  font-size: 2.5rem;
  box-shadow: inset 0 0 0.4rem 0.1rem rgba(0, 0, 0, 0.3), 0 0 1rem 0.3rem;
  background-color: rgb(230, 230, 230);
  color: var(--primary-color);
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: saturate(2);
  transition: all 0.3s ease;
  font: var(--fa-font-solid);
  content: "\f054";
  font-size: 2.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card-explore:hover::after {
  filter: brightness(110%) saturate(2);
  transition: all 0.3s ease;
}

.all-projects {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 5rem;
  opacity: 0;
  animation: containerFadeIn 0.5s ease forwards;
}
@media (max-width: 1200px) and (min-aspect-ratio: 15/10) {
  .all-projects {
    width: 45%;
    border-radius: 2rem;
  }
}
@media (max-width: 1440px) and (min-aspect-ratio: 17/10) {
  .all-projects {
    width: 45%;
    border-radius: 2rem;
  }
}
@media (max-width: 1600px) and (min-aspect-ratio: 19/10) {
  .all-projects {
    width: 45%;
    border-radius: 2rem;
  }
}
@media (max-width: 1920px) and (min-aspect-ratio: 21/10) {
  .all-projects {
    width: 45%;
    border-radius: 2rem;
  }
}
.all-projects::before {
  position: absolute;
  content: "ALL PROJECTS";
  display: block;
  bottom: 99%;
  left: 50%;
  transform: translate(-50%);
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  background: var(--primary-color);
  background: var(--h1-gradient-webkit);
  background: var(--h1-gradient-linear);
  background-size: 400% auto;
  animation: kaiGlow 10s ease-in-out infinite;
  transition: background 1s ease-in-out, background-position 1s ease-in-out;
  font-size: 0;
  animation: 1s fontPlay ease forwards;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.tabs-container {
  width: 100%;
  position: relative;
  -webkit-backdrop-filter: blur(0.8rem);
  backdrop-filter: blur(0.8rem);
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 0;
  animation: tabsContainerEntrance 1s ease forwards;
}
@media (max-width: 1200px) and (min-aspect-ratio: 15/10) {
  .tabs-container {
    border-radius: 1rem 1rem 0 0;
  }
}
@media (max-width: 1440px) and (min-aspect-ratio: 17/10) {
  .tabs-container {
    border-radius: 1rem 1rem 0 0;
  }
}
@media (max-width: 1600px) and (min-aspect-ratio: 19/10) {
  .tabs-container {
    border-radius: 1rem 1rem 0 0;
  }
}
@media (max-width: 1920px) and (min-aspect-ratio: 21/10) {
  .tabs-container {
    border-radius: 1rem 1rem 0 0;
  }
}

.tabs-row {
  display: flex;
  position: relative;
  justify-content: center;
  border-bottom: 0.3rem solid #444;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  padding: 0.8rem 1rem;
}
@media screen and (max-width: 600px) {
  .tabs-row {
    justify-content: flex-start;
  }
}

.tabs-row::-webkit-scrollbar {
  display: none; /* Safari & Chrome */
}

.tab-item {
  padding: 0.75rem 1.5rem;
  margin-right: 0.5rem;
  border: 0.2rem solid #333;
  border-radius: 0.6rem;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 0.4s ease;
  white-space: nowrap;
  font-size: 2rem;
  color: #ddd;
  opacity: 0; /* start hidden */
  animation: tabEnter 0.8s ease-out forwards;
}
.tab-item:last-of-type {
  margin-right: 0;
}

.tab-item:hover {
  background: #333;
}

.tab-item.active {
  color: #fff;
  background: #2a2a2a;
  border-color: #555;
  transform: translateY(-0.2rem);
}

.tab-item:focus {
  outline: none;
  box-shadow: 0 0 0.4rem 0.3rem rgba(var(--primary-color), 1);
}

.tab-underline {
  position: absolute;
  bottom: 0;
  height: 0.4rem;
  background: var(--primary-color);
  background: var(--h1-gradient-webkit);
  background: var(--h1-gradient-linear);
  left: 0;
  width: 0;
  transition: left 0.3s ease, width 0.3s ease;
}

.cards-container {
  display: flex;
  width: 100%;
  height: 0;
  -webkit-backdrop-filter: blur(0.8rem);
  backdrop-filter: blur(0.8rem);
  background: rgba(255, 255, 255, 0.05);
  position: relative;
  justify-content: center;
  padding: 2rem 1rem;
  animation: cardsContainerEntrance 1s ease 1s forwards;
}
@media (max-width: 1200px) and (min-aspect-ratio: 15/10) {
  .cards-container {
    border-radius: 0 0 1rem 1rem;
  }
}
@media (max-width: 1440px) and (min-aspect-ratio: 17/10) {
  .cards-container {
    border-radius: 0 0 1rem 1rem;
  }
}
@media (max-width: 1600px) and (min-aspect-ratio: 19/10) {
  .cards-container {
    border-radius: 0 0 1rem 1rem;
  }
}
@media (max-width: 1920px) and (min-aspect-ratio: 21/10) {
  .cards-container {
    border-radius: 0 0 1rem 1rem;
  }
}

.cards-row {
  display: flex;
  width: 100%;
  padding: 0 2rem;
  position: relative;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.cards-row::-webkit-scrollbar {
  display: none;
}

.project-card {
  flex: 0 0 auto;
  width: 32rem;
  height: 18rem; /* 16:9 for 50rem */
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1.2rem;
  box-shadow: 0 0 0.8rem 0.4rem var(--primary-color);
  transition: all 0.6s cubic-bezier(0.05, 0.61, 0.41, 0.95);
  margin-right: 2.5rem;
  transition: all 0.4s ease;
  opacity: 0;
  position: relative;
  overflow: hidden;
}
.project-card .card-overlay {
  background: rgba(0, 0, 0, 0.85);
  transition: all 0.3s ease;
}
.project-card .card-cover::before {
  background: linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.05));
  transition: all 0.3s ease;
}
.project-card:last-child {
  margin-right: 0;
}
.project-card.card-enter {
  animation: cardSlideIn 0.8s ease-out forwards;
}

.card-cover {
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  display: block;
  border-radius: 1.2rem;
  background-repeat: no-repeat;
}
.card-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: background 0.3s ease;
  pointer-events: none;
}

.card-overlay {
  width: 100%;
  padding: 0;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  flex-wrap: wrap;
  transition: all 0.3s ease;
  height: 4.5rem;
}

.all-card-icon {
  display: flex;
  justify-content: center;
  padding: 0.4rem;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
}
.all-card-icon i {
  box-shadow: inset 0 0 0.4rem 0.1rem rgba(0, 0, 0, 0.3), 0 0 1rem 0.3rem;
  background-color: rgb(230, 230, 230);
  width: 3.7rem;
  font-size: 1.7rem;
  height: 3.7rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--cursor-background-color);
  filter: brightness(100%) contrast(110%) saturate(2);
}

.all-card-details {
  white-space: nowrap;
  display: flex;
  padding: 0.4rem;
  width: calc(100% - 9rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  height: 4.5rem;
}
.all-card-details .name {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
}

.all-card-explore {
  display: flex;
  justify-content: center;
  padding: 0.4rem;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s ease;
  position: relative;
}
.all-card-explore::after {
  box-shadow: inset 0 0 0.4rem 0.1rem rgba(0, 0, 0, 0.3), 0 0 1rem 0.3rem;
  background-color: rgb(230, 230, 230);
  color: var(--primary-color);
  width: 3.7rem;
  font-weight: 500;
  height: 3.7rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: saturate(2);
  transition: all 0.3s ease;
  font: var(--fa-font-solid);
  content: "\f054";
  font-size: 1.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.all-card-explore:hover::after {
  filter: brightness(110%) saturate(2);
  transition: all 0.3s ease;
}

.circular-button::after {
  /* ... other styles ... */
  animation: slideRight 1.2s ease-in-out infinite alternate;
}

.circular-button {
  /* ... other styles ... */
  animation: pulse-border 1.5s infinite; /* Apply the animation */
}

@keyframes pulse-border {
  0% {
    box-shadow: 0 0 0 0 rgba(185, 185, 185, 0.5); /* Start with a faded shadow */
  }
  70% {
    box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0); /* Expand and fade the shadow */
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); /* Return to the initial state */
  }
}
@keyframes slideRight {
  0% {
    transform: translate(-50%, -50%);
  } /* Start at original position */
  50% {
    transform: translate(calc(-50% + 0.1rem), -50%);
  } /* Move slightly to the right */
  100% {
    transform: translate(-50%, -50%);
  } /* Return to original position */
}
@keyframes fontPlay {
  0% {
    opacity: 0;
    font-size: 0;
  }
  100% {
    opacity: 1;
    font-size: 4rem;
  }
}
@keyframes tabsContainerEntrance {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: auto;
  }
}
@keyframes cardsContainerEntrance {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 22rem;
  }
}
@keyframes containerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes featuredSlideIntro {
  0% {
    transform: rotate(360deg);
    height: 6rem;
  }
  100% {
    height: 28.125rem; /* final height */
    transform: rotate(0);
  }
}
@keyframes featuredVertSlideIntro {
  0% {
    transform: rotate(360deg);
    width: 6vw;
  }
  100% {
    width: 40vw; /* final height */
    transform: rotate(0);
  }
}
@keyframes cardSlideIn {
  0% {
    opacity: 0;
    transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tabEnter {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ------------------------- */
/* --- CSS VARIABLES --- */
/* ------------------------- */
:root {
  /* Sizing & Spacing */
  --padding-sm: 1rem;
  --padding-md: 2rem;
  --padding-lg: 4rem;
  --border-radius-sm: 0.8rem;
  --border-radius-md: 1.5rem;
  /* Transitions */
  --transition-fast: all 0.3s ease-in-out;
  --transition-med: all 0.5s ease-in-out;
}

[data-theme=fire] {
  /* Default Theme (Fire) - Dark Mode */
  --bg-primary: #121212;
  --bg-secondary: #1E1E1E;
  --bg-tertiary: #2a2a2a;
  --text-primary: #E0E0E0;
  --text-secondary: #BDBDBD;
  --accent-primary: #ff564a;
  --accent-secondary: #FF8E53;
  --shadow-color: rgba(255, 107, 107, 0.2);
}

/* Secondary Theme (Ice) - Light Mode */
[data-theme=ice] {
  --bg-primary: #121212;
  --bg-secondary: #1E1E1E;
  --bg-tertiary: #2a2a2a;
  --text-primary: #E0E0E0;
  --text-secondary: #BDBDBD;
  --accent-primary: #0066ff; /* A vibrant primary blue */
  --accent-secondary: #0056b3; /* A deeper blue for hover/secondary accents */
  --shadow-color: rgba(58, 125, 255, 0.25);
}

.kd-projects {
  /* ------------------------- */
  /* --- BASE & RESET --- */
  /* ------------------------- */
  /* --- ANIMATIONS --- */
}
.kd-projects img {
  display: block;
  margin-bottom: 1rem;
}
.kd-projects img.cover {
  width: 100%;
}
.kd-projects hr {
  border: none;
  height: 0.3rem;
  background: var(--primary-color);
  margin: 1rem 0;
}
.kd-projects ul {
  list-style: none;
}
.kd-projects a {
  text-decoration: none;
  color: var(--accent-primary);
  transition: var(--transition-fast);
}
.kd-projects a:hover {
  color: var(--accent-secondary);
  text-decoration: underline;
}
@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.kd-projects .animate-in {
  animation: fadeSlideIn 0.5s ease forwards;
  opacity: 0;
}

/* ------------------------- */
/* --- PROJECT POPUP --- */
/* ------------------------- */
.project-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10010;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(10, 10, 10, 0.92); /* Original dark overlay for Fire theme */
}

.project-popup.active {
  opacity: 1;
  pointer-events: all;
}

.project-popup-content {
  position: relative;
  background: var(--bg-secondary);
  width: 90%;
  max-height: 85%;
  border-radius: var(--border-radius-md);
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  overflow-x: hidden;
  transform: scale(0.95);
  transition: transform 0.4s ease;
}
@media screen and (min-aspect-ratio: 2/3) {
  .project-popup-content {
    width: 60%;
  }
}
.project-popup-content:focus {
  border: none;
  outline: none;
}

.project-popup.active .project-popup-content {
  transform: scale(1);
}

/* Custom Scrollbar */
.project-popup-content::-webkit-scrollbar {
  width: 0.8rem;
}

.project-popup-content::-webkit-scrollbar-track {
  background: var(--bg-tertiary);
  border-radius: 1rem;
}

.project-popup-content::-webkit-scrollbar-thumb {
  background: var(--accent-primary);
  border-radius: 1rem;
}

.project-popup-content::-webkit-scrollbar-thumb:hover {
  background: var(--accent-secondary);
}

.project-popup-close {
  position: fixed;
  top: 2rem; /* Position it just above the popup content box */
  left: 50%;
  transform: translateX(-50%) scale(0.95);
  width: 4.5rem;
  height: 4.5rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  border-radius: 50%;
  border: 1px solid var(--bg-tertiary);
  font-size: 2rem;
  cursor: pointer;
  z-index: 1001; /* Above the overlay */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-fast);
}

.project-popup-close:hover {
  background: var(--accent-primary);
  transform: translateX(-50%) scale(1.1) rotate(90deg);
  color: var(--bg-primary);
}

[data-theme=fire] .project-popup-close:hover {
  color: white;
}

/* Popup Inner Layout */
.popup-header {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: var(--padding-md);
}

.popup-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, transparent 100%);
  z-index: 1;
}

.popup-cover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.popup-title {
  font-size: 4rem;
  font-weight: 700;
  color: white;
  position: relative;
  z-index: 2;
  text-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.7);
}

.popup-body {
  padding: var(--padding-md);
}

.popup-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
  margin-bottom: var(--padding-md);
  color: var(--text-secondary);
  font-size: 1.4rem;
}

.popup-meta span {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.popup-meta i {
  color: var(--accent-primary);
}

.popup-section {
  margin-bottom: 3rem;
}

.popup-section-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--accent-primary);
  display: inline-block;
}

.tech-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.tech-item {
  background: var(--bg-tertiary);
  padding: 0.5rem 1.2rem;
  border-radius: 2rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--text-primary);
}

.details-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
}

@media (min-width: 768px) {
  .details-grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}
.popup-list {
  padding-left: 2rem;
}

.popup-list li {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.popup-list li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--accent-primary);
  position: absolute;
  left: -1rem;
  top: 0.2rem;
}

.popup-detail-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.popup-detail-image {
  width: 100%;
  max-width: 60rem;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--border-radius-md);
  border: 3px solid var(--bg-tertiary);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.3);
}

.popup-notes {
  background: var(--bg-tertiary);
  padding: var(--padding-md);
  border-radius: var(--border-radius-sm);
  border-left: 4px solid var(--accent-secondary);
  font-style: italic;
  color: var(--text-secondary);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.kd-expertise {
  background-color: var(--expertise-background-color);
  background-image: var(--expertise-background-linear), var(--expertise-bg-image);
  background-size: 210rem 140rem;
  background-position: center;
  background-repeat: no-repeat;
  animation: backgroundAnimation 400s linear infinite;
}
@media screen and (orientation: portrait) {
  .kd-expertise {
    background-size: cover;
  }
}

@keyframes backgroundAnimation {
  0% {
    background-position: 50% 50%; /* Initial position */
  }
  12.5% {
    background-position: 100% 0%; /* Full movement */
  }
  25% {
    background-position: 50% 50%; /* Full movement */
  }
  37.5% {
    background-position: 0% 100%; /* Full movement */
  }
  50% {
    background-position: 50% 50%; /* Full movement */
  }
  62.5% {
    background-position: 100% 100%; /* Full movement */
  }
  75% {
    background-position: 50% 50%; /* Full movement */
  }
  87.5% {
    background-position: 0% 0%; /* Full movement */
  }
  100% {
    background-position: 50% 50%; /* Full movement */
  }
}
.expertise-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 0 2rem;
  width: 100%;
  height: calc(100% - 4rem);
  position: relative;
  margin: 2rem 0;
  overflow: hidden;
}
@media (orientation: portrait) {
  .expertise-container {
    flex-direction: column;
    justify-content: flex-start;
  }
}

.skillhive-wrapper,
.hive-expansion-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0;
  height: 100%;
  width: auto;
}

.skillhive-wrapper {
  width: 55rem;
  padding: 0 2rem 2rem 2rem;
}
@media (orientation: portrait) {
  .skillhive-wrapper {
    width: 100%;
    height: 50rem;
  }
}

.hive-expansion-wrapper {
  width: clamp(30%, 50%, 100% - 55rem);
  min-width: 30%;
  height: 100%;
  padding: 0 2rem 2rem 2rem;
  opacity: 0;
  animation: panelWrapFade 1.1s ease forwards;
  animation-delay: 0.5s;
}
@media (orientation: portrait) {
  .hive-expansion-wrapper {
    width: 100%;
    height: clamp(30%, 40%, 100% - 50rem);
    min-height: 30%;
  }
}

@keyframes panelWrapFade {
  0% {
    opacity: 0;
    filter: blur(1rem);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
.skillhive {
  position: relative;
}

.skillhive-leaf:nth-child(1) {
  animation-delay: 0ms;
}

.skillhive-leaf:nth-child(2) {
  animation-delay: 200ms;
}

.skillhive-leaf:nth-child(3) {
  animation-delay: 400ms;
}

.skillhive-leaf:nth-child(4) {
  animation-delay: 600ms;
}

.skillhive-leaf:nth-child(5) {
  animation-delay: 800ms;
}

.skillhive-leaf:nth-child(6) {
  animation-delay: 1000ms;
}

.skillhive-leaf:nth-child(7) {
  animation-delay: 1200ms;
}

.skillhive-leaf {
  position: absolute;
  width: 15rem;
  height: 17.3410404624rem;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  transition: all 0.4s ease;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: var(--hive-bg);
  background: var(--hex-background-radial);
  top: 50%;
  left: 50%;
  opacity: 0;
  animation: ambientPulseReveal 1.1s ease-out forwards;
}
.skillhive-leaf:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--hive-active-bg);
  z-index: -1;
}
.skillhive-leaf:nth-child(1) {
  transform: translate(-50%, -50%);
}
.skillhive-leaf:nth-child(1):hover {
  transform: translate(-50%, -50%) scale(1.05);
}
.skillhive-leaf:nth-child(1):active {
  transform: translate(-50%, -50%) scale(0.8);
}
.skillhive-leaf:nth-child(2) {
  transform: translate(calc(-50% - 7.5rem - 0.4rem), calc(-50% - 13.0057803468rem - 0.4rem));
}
.skillhive-leaf:nth-child(2):hover {
  transform: translate(calc(-50% - 7.5rem - 0.4rem), calc(-50% - 13.0057803468rem - 0.4rem)) scale(1.05);
}
.skillhive-leaf:nth-child(2):active {
  transform: translate(calc(-50% - 7.5rem - 0.4rem), calc(-50% - 13.0057803468rem - 0.4rem)) scale(0.8);
}
.skillhive-leaf:nth-child(3) {
  transform: translate(calc(-50% + 7.5rem + 0.4rem), calc(-50% - 13.0057803468rem - 0.4rem));
}
.skillhive-leaf:nth-child(3):hover {
  transform: translate(calc(-50% + 7.5rem + 0.4rem), calc(-50% - 13.0057803468rem - 0.4rem)) scale(1.05);
}
.skillhive-leaf:nth-child(3):active {
  transform: translate(calc(-50% + 7.5rem + 0.4rem), calc(-50% - 13.0057803468rem - 0.4rem)) scale(0.8);
}
.skillhive-leaf:nth-child(4) {
  transform: translate(calc(-50% - 15rem - 0.4rem - 0.4rem), -50%);
}
.skillhive-leaf:nth-child(4):hover {
  transform: translate(calc(-50% - 15rem - 0.4rem - 0.4rem), -50%) scale(1.05);
}
.skillhive-leaf:nth-child(4):active {
  transform: translate(calc(-50% - 15rem - 0.4rem - 0.4rem), -50%) scale(0.8);
}
.skillhive-leaf:nth-child(5) {
  transform: translate(calc(-50% + 15rem + 0.4rem + 0.4rem), -50%);
}
.skillhive-leaf:nth-child(5):hover {
  transform: translate(calc(-50% + 15rem + 0.4rem + 0.4rem), -50%) scale(1.05);
}
.skillhive-leaf:nth-child(5):active {
  transform: translate(calc(-50% + 15rem + 0.4rem + 0.4rem), -50%) scale(0.8);
}
.skillhive-leaf:nth-child(6) {
  transform: translate(calc(-50% - 7.5rem - 0.4rem), calc(-50% + 13.0057803468rem + 0.4rem));
}
.skillhive-leaf:nth-child(6):hover {
  transform: translate(calc(-50% - 7.5rem - 0.4rem), calc(-50% + 13.0057803468rem + 0.4rem)) scale(1.05);
}
.skillhive-leaf:nth-child(6):active {
  transform: translate(calc(-50% - 7.5rem - 0.4rem), calc(-50% + 13.0057803468rem + 0.4rem)) scale(0.8);
}
.skillhive-leaf:nth-child(7) {
  transform: translate(calc(-50% + 7.5rem + 0.4rem), calc(-50% + 13.0057803468rem + 0.4rem));
}
.skillhive-leaf:nth-child(7):hover {
  transform: translate(calc(-50% + 7.5rem + 0.4rem), calc(-50% + 13.0057803468rem + 0.4rem)) scale(1.05);
}
.skillhive-leaf:nth-child(7):active {
  transform: translate(calc(-50% + 7.5rem + 0.4rem), calc(-50% + 13.0057803468rem + 0.4rem)) scale(0.8);
}
.skillhive-leaf:hover {
  color: #f5f5f5;
}
.skillhive-leaf:hover .skillhive-leaf-inner-icon {
  color: var(--hive-active);
}
.skillhive-leaf:hover .skillhive-leaf-inner-title span {
  color: var(--hive-active);
}
.skillhive-leaf.active {
  background: var(--hive-active-bg);
  color: #f5f5f5;
}
.skillhive-leaf.active .skillhive-leaf-inner-icon {
  color: var(--hive-active);
}
.skillhive-leaf.active .skillhive-leaf-inner-title span {
  color: var(--hive-active);
}

@keyframes ambientPulseReveal {
  0% {
    opacity: 0;
    filter: brightness(2) saturate(2);
    box-shadow: 0 0 2rem rgba(255, 255, 255, 0.3);
  }
  50% {
    opacity: 1;
    filter: brightness(1.2) saturate(1.2);
  }
  100% {
    opacity: 1;
    filter: brightness(1) saturate(1);
    box-shadow: none;
  }
}
.skillhive-leaf-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.skillhive-leaf-inner-icon {
  font-size: 5rem;
  color: var(--hexicon-color);
}

.skillhive-leaf-inner-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.skillhive-leaf-inner-title span {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  color: var(--hexicon-color);
}

.hive-expansion-wrapper {
  position: relative;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  border-radius: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s ease;
}
.hive-expansion-wrapper .hive-expansion {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.hive-expansion-wrapper .hive-expansion::-webkit-scrollbar {
  width: 0.4rem;
}
.hive-expansion-wrapper .hive-expansion::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 1rem;
}
.hive-expansion-wrapper .hive-expansion .expansion-title {
  font-size: 3.8rem;
  font-weight: 600;
  margin-bottom: 1.8rem;
  text-transform: uppercase;
  text-align: left;
  color: var(--accent-color);
}
.hive-expansion-wrapper .hive-expansion .expansion-desc {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: var(--text-color);
}
.hive-expansion-wrapper .hive-expansion .expansion-category {
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--accent-color);
  text-transform: capitalize;
}
.hive-expansion-wrapper .hive-expansion .expansion-extra {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: var(--text-color);
}
.hive-expansion-wrapper .hive-expansion .expansion-points {
  padding-left: 2.5rem;
  margin-bottom: 1.5rem;
}
.hive-expansion-wrapper .hive-expansion .expansion-points span {
  padding: 0.5rem 0 0.5rem 0;
  color: var(--text-color);
  font-size: 1.8rem;
  position: relative;
  line-height: 1;
  display: block;
  text-transform: capitalize;
}
.hive-expansion-wrapper .hive-expansion .expansion-points span::before {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  left: -2.5rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--accent-color);
}

.fade-slide-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeSlideIn 0.4s ease-out forwards;
}

.fade-slide-out {
  animation: fadeSlideOut 0.3s ease-in forwards;
}

.fade-staggered {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeStagger 0.4s ease-out forwards;
  animation-delay: var(--delay, 0ms);
}

@keyframes fadeSlideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeSlideOut {
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@keyframes fadeStagger {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.kd-timeline {
  background-image: var(--timeline-bg-image);
  background-size: 210rem 140rem;
  background-position: center;
  background-repeat: no-repeat;
  animation: backgroundAnimation 400s linear infinite;
  z-index: 0;
}
@media screen and (orientation: portrait) {
  .kd-timeline {
    background-size: cover;
  }
}

.starry-sky {
  position: absolute;
  width: 100%;
  height: 25%;
  display: block;
  overflow: hidden;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1085px 995px #FFF , 845px 1130px #FFF , 1524px 252px #FFF , 11px 254px #FFF , 324px 1876px #FFF , 1719px 956px #FFF , 949px 1546px #FFF , 247px 106px #FFF , 131px 1251px #FFF , 1002px 1832px #FFF , 1283px 1400px #FFF , 1164px 851px #FFF , 874px 321px #FFF , 1224px 646px #FFF , 851px 1418px #FFF , 1513px 1652px #FFF , 509px 917px #FFF , 766px 1054px #FFF , 931px 1789px #FFF , 1726px 1371px #FFF , 1044px 1539px #FFF , 1034px 447px #FFF , 1562px 524px #FFF , 123px 631px #FFF , 1728px 1977px #FFF , 834px 1335px #FFF , 797px 1623px #FFF , 1189px 1326px #FFF , 1924px 1582px #FFF , 1211px 806px #FFF , 558px 1456px #FFF , 891px 1308px #FFF , 493px 1440px #FFF , 25px 56px #FFF , 1080px 621px #FFF , 833px 1858px #FFF , 1364px 300px #FFF , 1336px 886px #FFF , 1062px 259px #FFF , 1133px 233px #FFF , 1898px 1726px #FFF , 300px 1082px #FFF , 1886px 827px #FFF , 369px 1021px #FFF , 27px 1359px #FFF , 614px 1628px #FFF , 1059px 1766px #FFF , 1385px 1010px #FFF , 371px 1795px #FFF , 748px 355px #FFF , 177px 187px #FFF , 456px 1728px #FFF , 32px 508px #FFF , 612px 1555px #FFF , 782px 1172px #FFF , 627px 984px #FFF , 425px 1061px #FFF , 1987px 391px #FFF , 386px 1797px #FFF , 16px 892px #FFF , 322px 772px #FFF , 1036px 1114px #FFF , 1908px 1130px #FFF , 453px 1647px #FFF , 1289px 398px #FFF , 1733px 1021px #FFF , 929px 1761px #FFF , 1765px 7px #FFF , 236px 811px #FFF , 1222px 1256px #FFF , 1136px 1141px #FFF , 13px 1692px #FFF , 780px 1409px #FFF , 201px 531px #FFF , 591px 787px #FFF , 75px 1387px #FFF , 1020px 833px #FFF , 201px 1056px #FFF , 297px 42px #FFF , 1937px 446px #FFF , 522px 1526px #FFF , 179px 413px #FFF , 115px 1009px #FFF , 1351px 232px #FFF , 308px 844px #FFF , 710px 1034px #FFF , 14px 1448px #FFF , 256px 264px #FFF , 824px 1144px #FFF , 1704px 1083px #FFF , 537px 1915px #FFF , 1947px 1936px #FFF , 1108px 717px #FFF , 928px 1451px #FFF , 903px 628px #FFF , 1343px 408px #FFF , 1996px 1996px #FFF , 1617px 1860px #FFF , 901px 774px #FFF , 1080px 1883px #FFF , 299px 814px #FFF , 1221px 178px #FFF , 339px 48px #FFF , 1749px 349px #FFF , 1027px 269px #FFF , 1088px 684px #FFF , 1646px 738px #FFF , 221px 1854px #FFF , 590px 1155px #FFF , 1072px 799px #FFF , 116px 352px #FFF , 1716px 464px #FFF , 1549px 1469px #FFF , 1803px 1135px #FFF , 284px 377px #FFF , 946px 918px #FFF , 751px 1705px #FFF , 1305px 1730px #FFF , 1644px 1060px #FFF , 725px 677px #FFF , 1857px 953px #FFF , 1025px 231px #FFF , 1533px 1917px #FFF , 259px 120px #FFF , 226px 1187px #FFF , 570px 650px #FFF , 127px 586px #FFF , 1122px 658px #FFF , 1401px 735px #FFF , 753px 1939px #FFF , 1579px 464px #FFF , 1113px 543px #FFF , 1422px 1268px #FFF , 221px 1961px #FFF , 170px 1645px #FFF , 1474px 1019px #FFF , 795px 1050px #FFF , 1201px 150px #FFF , 976px 1623px #FFF , 1170px 1621px #FFF , 1994px 426px #FFF , 553px 1876px #FFF , 1347px 1339px #FFF , 1350px 588px #FFF , 1493px 1387px #FFF , 1018px 471px #FFF , 1146px 691px #FFF , 314px 26px #FFF , 635px 302px #FFF , 1679px 923px #FFF , 230px 698px #FFF , 1787px 162px #FFF , 237px 799px #FFF , 1323px 526px #FFF , 1335px 518px #FFF , 1709px 1435px #FFF , 809px 469px #FFF , 1628px 1719px #FFF , 259px 516px #FFF , 1194px 409px #FFF , 808px 940px #FFF , 1134px 1884px #FFF , 1307px 1600px #FFF , 146px 1647px #FFF , 663px 666px #FFF , 1916px 1566px #FFF , 1122px 210px #FFF , 1329px 1593px #FFF , 1000px 1005px #FFF , 674px 673px #FFF , 1864px 1015px #FFF , 793px 1461px #FFF , 1043px 1113px #FFF , 282px 1777px #FFF , 1218px 1112px #FFF , 1821px 1285px #FFF , 1070px 1099px #FFF , 927px 533px #FFF , 674px 1496px #FFF , 1962px 1797px #FFF , 432px 163px #FFF , 146px 592px #FFF , 1226px 1765px #FFF , 621px 1824px #FFF , 410px 205px #FFF , 1407px 1038px #FFF , 1592px 1369px #FFF , 1854px 160px #FFF , 1301px 1891px #FFF , 600px 261px #FFF , 1618px 17px #FFF , 971px 941px #FFF , 1652px 1772px #FFF , 200px 1123px #FFF , 716px 788px #FFF , 1528px 1935px #FFF , 127px 1936px #FFF , 672px 867px #FFF , 618px 502px #FFF , 462px 845px #FFF , 1250px 734px #FFF , 896px 975px #FFF , 526px 315px #FFF , 1480px 1872px #FFF , 1911px 1618px #FFF , 557px 1323px #FFF , 209px 1918px #FFF , 1424px 167px #FFF , 581px 1682px #FFF , 286px 1019px #FFF , 697px 1628px #FFF , 1022px 939px #FFF , 1196px 70px #FFF , 1238px 1722px #FFF , 1123px 402px #FFF , 759px 1298px #FFF , 1864px 862px #FFF , 244px 715px #FFF , 1333px 471px #FFF , 115px 116px #FFF , 202px 1947px #FFF , 37px 568px #FFF , 1934px 1981px #FFF , 416px 606px #FFF , 1439px 430px #FFF , 1276px 822px #FFF , 195px 664px #FFF , 1428px 632px #FFF , 1701px 1894px #FFF , 1973px 1924px #FFF , 1227px 789px #FFF , 1895px 1969px #FFF , 1899px 1576px #FFF , 1986px 1139px #FFF , 1327px 1474px #FFF , 1651px 693px #FFF , 1251px 629px #FFF , 1677px 848px #FFF , 1521px 273px #FFF , 961px 1016px #FFF , 1567px 1430px #FFF , 1391px 1934px #FFF , 285px 1059px #FFF , 1479px 567px #FFF , 645px 162px #FFF , 1606px 1218px #FFF , 834px 499px #FFF , 1083px 417px #FFF , 564px 1156px #FFF , 1276px 959px #FFF , 797px 998px #FFF , 894px 50px #FFF , 855px 608px #FFF , 1833px 259px #FFF , 1271px 779px #FFF , 1551px 821px #FFF , 204px 1635px #FFF , 18px 1436px #FFF , 1491px 883px #FFF , 928px 1761px #FFF , 243px 457px #FFF , 837px 1676px #FFF , 1301px 668px #FFF , 1988px 645px #FFF , 958px 551px #FFF , 1425px 764px #FFF , 259px 1614px #FFF , 842px 1421px #FFF , 1604px 1566px #FFF , 268px 546px #FFF , 541px 938px #FFF , 1242px 546px #FFF , 391px 1055px #FFF , 801px 776px #FFF , 480px 603px #FFF , 1635px 944px #FFF , 81px 956px #FFF , 1578px 329px #FFF , 240px 741px #FFF , 1047px 674px #FFF , 482px 1277px #FFF , 1760px 1027px #FFF , 193px 1073px #FFF , 572px 1945px #FFF , 1240px 1444px #FFF , 872px 1675px #FFF , 407px 87px #FFF , 1571px 434px #FFF , 415px 1219px #FFF , 1160px 1900px #FFF , 974px 650px #FFF , 953px 1190px #FFF , 1131px 511px #FFF , 26px 238px #FFF , 1146px 182px #FFF , 687px 1795px #FFF , 1966px 367px #FFF , 467px 48px #FFF , 1506px 400px #FFF , 917px 792px #FFF , 1495px 493px #FFF , 43px 1704px #FFF , 1725px 1475px #FFF , 3px 250px #FFF , 1452px 1815px #FFF , 175px 929px #FFF , 584px 1094px #FFF , 493px 591px #FFF , 1848px 622px #FFF , 464px 1644px #FFF , 1310px 727px #FFF , 1627px 1521px #FFF , 1497px 561px #FFF , 1908px 1917px #FFF , 626px 1580px #FFF , 855px 1197px #FFF , 775px 1262px #FFF , 1139px 1339px #FFF , 907px 604px #FFF , 984px 189px #FFF , 1618px 460px #FFF , 1649px 325px #FFF , 1960px 1779px #FFF , 200px 1967px #FFF , 895px 1275px #FFF , 351px 763px #FFF , 1430px 491px #FFF , 1206px 916px #FFF , 105px 896px #FFF , 247px 1149px #FFF , 1496px 1283px #FFF , 837px 1135px #FFF , 550px 1047px #FFF , 202px 1355px #FFF , 278px 1903px #FFF , 1935px 1200px #FFF , 1964px 443px #FFF , 323px 1300px #FFF , 1388px 264px #FFF , 559px 1039px #FFF , 1041px 1432px #FFF , 1740px 1197px #FFF , 131px 433px #FFF , 968px 350px #FFF , 1542px 803px #FFF , 1136px 1307px #FFF , 760px 797px #FFF , 1228px 1513px #FFF , 1599px 365px #FFF , 1998px 401px #FFF , 1782px 204px #FFF , 702px 1939px #FFF , 1618px 1108px #FFF , 166px 338px #FFF , 1016px 1077px #FFF , 413px 757px #FFF , 1596px 1920px #FFF , 1459px 929px #FFF , 783px 1717px #FFF , 653px 601px #FFF , 94px 221px #FFF , 271px 1006px #FFF , 846px 1413px #FFF , 22px 1288px #FFF , 797px 1127px #FFF , 1348px 263px #FFF , 1503px 230px #FFF , 1015px 1289px #FFF , 650px 1519px #FFF , 1777px 307px #FFF , 1558px 1350px #FFF , 1709px 144px #FFF , 1471px 1589px #FFF , 778px 1115px #FFF , 1513px 316px #FFF , 1242px 1970px #FFF , 1497px 148px #FFF , 1659px 132px #FFF , 1168px 166px #FFF , 1167px 1950px #FFF , 930px 1999px #FFF , 1628px 346px #FFF , 1459px 1835px #FFF , 1962px 1069px #FFF , 1573px 1682px #FFF , 80px 1564px #FFF , 1178px 1266px #FFF , 320px 1121px #FFF , 1000px 1191px #FFF , 934px 1573px #FFF , 391px 54px #FFF , 526px 1291px #FFF , 146px 1039px #FFF , 753px 1033px #FFF , 1710px 1076px #FFF , 140px 39px #FFF , 1926px 1992px #FFF , 1737px 23px #FFF , 732px 1403px #FFF , 863px 911px #FFF , 792px 509px #FFF , 1142px 643px #FFF , 1599px 1842px #FFF , 1196px 645px #FFF , 1834px 14px #FFF , 1342px 913px #FFF , 119px 137px #FFF , 148px 1576px #FFF , 1879px 1749px #FFF , 1115px 78px #FFF , 1363px 1170px #FFF , 1370px 1029px #FFF , 938px 605px #FFF , 1202px 1513px #FFF , 1888px 1726px #FFF , 1712px 365px #FFF , 1770px 1581px #FFF , 703px 1622px #FFF , 906px 951px #FFF , 1603px 772px #FFF , 282px 1130px #FFF , 862px 680px #FFF , 820px 1013px #FFF , 951px 261px #FFF , 794px 1679px #FFF , 199px 560px #FFF , 1398px 755px #FFF , 467px 1469px #FFF , 1004px 1161px #FFF , 878px 1208px #FFF , 1931px 1427px #FFF , 1934px 1577px #FFF , 839px 420px #FFF , 1357px 172px #FFF , 626px 453px #FFF , 769px 1770px #FFF , 631px 40px #FFF , 633px 165px #FFF , 1320px 1968px #FFF , 1999px 738px #FFF , 402px 1141px #FFF , 1572px 1266px #FFF , 1138px 1536px #FFF , 1891px 416px #FFF , 576px 1844px #FFF , 70px 980px #FFF , 1555px 1224px #FFF , 378px 128px #FFF , 1514px 641px #FFF , 896px 1774px #FFF , 549px 896px #FFF , 1532px 974px #FFF , 1747px 640px #FFF , 466px 482px #FFF , 593px 651px #FFF , 1309px 792px #FFF , 1293px 1505px #FFF , 1136px 381px #FFF , 1186px 1058px #FFF , 1661px 295px #FFF , 1377px 971px #FFF , 1139px 1244px #FFF , 1085px 1750px #FFF , 1197px 1484px #FFF , 1577px 1644px #FFF , 598px 1857px #FFF , 519px 1993px #FFF , 483px 808px #FFF , 199px 1157px #FFF , 1175px 203px #FFF , 580px 664px #FFF , 1096px 766px #FFF , 1306px 1552px #FFF , 1881px 166px #FFF , 1639px 475px #FFF , 773px 1733px #FFF , 1566px 1477px #FFF , 486px 718px #FFF , 276px 517px #FFF , 365px 1085px #FFF , 1324px 1265px #FFF , 1152px 404px #FFF , 853px 542px #FFF , 808px 1941px #FFF , 263px 1457px #FFF , 629px 1972px #FFF , 1210px 1631px #FFF , 520px 1130px #FFF , 1709px 306px #FFF , 44px 838px #FFF , 160px 128px #FFF , 1359px 800px #FFF , 222px 172px #FFF , 797px 733px #FFF , 1681px 289px #FFF , 523px 1109px #FFF , 1708px 1874px #FFF , 587px 1877px #FFF , 1560px 871px #FFF , 1580px 1584px #FFF , 1683px 1965px #FFF , 981px 1989px #FFF , 1392px 1663px #FFF , 1440px 969px #FFF , 495px 552px #FFF , 639px 1814px #FFF , 1275px 1511px #FFF , 1983px 1768px #FFF , 1270px 867px #FFF , 357px 990px #FFF , 1613px 1966px #FFF , 1591px 219px #FFF , 1165px 1863px #FFF , 1825px 526px #FFF , 137px 61px #FFF , 633px 399px #FFF , 1935px 201px #FFF , 1818px 873px #FFF , 1135px 725px #FFF , 328px 883px #FFF , 114px 1963px #FFF , 1486px 1315px #FFF , 1781px 668px #FFF , 946px 85px #FFF , 1874px 1624px #FFF , 1975px 653px #FFF , 1554px 1563px #FFF , 1895px 935px #FFF , 278px 1580px #FFF , 21px 1742px #FFF , 662px 757px #FFF , 983px 586px #FFF , 644px 1787px #FFF , 1381px 1720px #FFF , 1485px 104px #FFF , 1974px 1050px #FFF , 565px 408px #FFF , 1264px 710px #FFF , 23px 305px #FFF , 980px 125px #FFF , 293px 746px #FFF , 1484px 604px #FFF , 669px 1280px #FFF , 1604px 469px #FFF , 33px 1095px #FFF , 916px 857px #FFF , 1150px 460px #FFF , 1772px 1254px #FFF , 1240px 1706px #FFF , 1640px 1399px #FFF , 1455px 936px #FFF , 141px 907px #FFF , 412px 493px #FFF , 294px 1590px #FFF , 232px 273px #FFF , 1847px 1316px #FFF , 672px 1535px #FFF , 1898px 1718px #FFF , 1376px 522px #FFF , 1650px 345px #FFF , 1307px 463px #FFF , 1324px 903px #FFF , 650px 1805px #FFF , 949px 1295px #FFF , 1410px 541px #FFF , 409px 1092px #FFF , 1699px 1033px #FFF , 12px 428px #FFF , 67px 654px #FFF , 707px 1011px #FFF , 704px 1735px #FFF , 314px 1969px #FFF , 127px 8px #FFF , 1033px 688px #FFF , 1568px 1395px #FFF , 525px 767px #FFF , 539px 1997px #FFF , 297px 1899px #FFF , 931px 980px #FFF , 662px 1203px #FFF , 639px 270px #FFF , 539px 1655px #FFF , 1969px 360px #FFF , 1867px 413px #FFF , 304px 1811px #FFF , 1113px 1621px #FFF , 1313px 1935px #FFF , 1331px 939px #FFF , 1717px 534px #FFF , 1185px 1004px #FFF , 1956px 526px #FFF , 1611px 836px #FFF , 428px 1172px #FFF , 822px 1145px #FFF , 15px 254px #FFF , 261px 287px #FFF , 362px 1436px #FFF , 196px 1222px #FFF , 1274px 947px #FFF , 585px 1783px #FFF , 143px 324px #FFF , 633px 1119px #FFF , 17px 1803px #FFF , 1264px 511px #FFF , 1764px 63px #FFF , 124px 95px #FFF , 520px 916px #FFF , 1285px 1944px #FFF , 1613px 80px #FFF , 641px 869px #FFF , 1538px 6px #FFF , 940px 439px #FFF , 1675px 485px #FFF , 1344px 984px #FFF , 1637px 529px #FFF , 1641px 1436px #FFF , 1901px 1842px #FFF , 778px 224px #FFF , 1994px 1081px #FFF , 1022px 1248px #FFF , 933px 1470px #FFF , 1513px 1621px #FFF , 499px 1387px #FFF , 1067px 130px #FFF , 200px 1401px #FFF , 1701px 454px #FFF , 657px 1987px #FFF , 1602px 1538px #FFF , 1253px 508px #FFF , 1855px 1242px #FFF , 677px 1159px #FFF , 1050px 882px #FFF , 133px 1970px #FFF , 718px 505px #FFF , 229px 1547px #FFF , 398px 1344px #FFF , 747px 1172px #FFF , 1982px 1867px #FFF , 785px 1811px #FFF , 1314px 1693px #FFF , 767px 611px #FFF , 305px 1419px #FFF , 1433px 1086px #FFF , 4px 203px #FFF , 886px 733px #FFF , 803px 525px #FFF , 173px 196px #FFF , 1831px 171px #FFF , 991px 1815px #FFF , 1355px 705px #FFF , 1676px 324px #FFF , 1888px 507px #FFF , 1310px 87px #FFF , 1402px 1100px #FFF , 789px 416px #FFF , 46px 1759px #FFF , 1576px 86px #FFF , 980px 1327px #FFF , 1290px 134px #FFF , 809px 1635px #FFF , 733px 52px #FFF , 778px 1505px #FFF , 1315px 899px #FFF , 160px 936px #FFF , 375px 241px #FFF , 1107px 1725px #FFF , 272px 1144px #FFF , 862px 1626px #FFF , 632px 1285px #FFF , 1948px 1261px #FFF , 260px 1724px #FFF , 920px 1028px #FFF , 445px 418px #FFF , 1799px 1919px #FFF , 1589px 730px #FFF , 878px 1444px #FFF , 1727px 1624px #FFF , 507px 566px #FFF , 1491px 1251px #FFF , 625px 570px #FFF , 392px 147px #FFF , 308px 1836px #FFF , 934px 104px #FFF , 1147px 4px #FFF , 1944px 45px #FFF , 64px 1138px #FFF , 992px 1660px #FFF , 579px 1511px #FFF , 1812px 1069px #FFF , 1812px 1666px #FFF , 1257px 1094px #FFF , 248px 1775px #FFF , 1253px 647px #FFF , 1609px 529px #FFF , 297px 331px #FFF , 1816px 1201px #FFF , 451px 554px #FFF , 1640px 1996px #FFF , 917px 570px #FFF , 323px 1135px #FFF;
  animation: animStar 250s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1085px 995px #FFF , 845px 1130px #FFF , 1524px 252px #FFF , 11px 254px #FFF , 324px 1876px #FFF , 1719px 956px #FFF , 949px 1546px #FFF , 247px 106px #FFF , 131px 1251px #FFF , 1002px 1832px #FFF , 1283px 1400px #FFF , 1164px 851px #FFF , 874px 321px #FFF , 1224px 646px #FFF , 851px 1418px #FFF , 1513px 1652px #FFF , 509px 917px #FFF , 766px 1054px #FFF , 931px 1789px #FFF , 1726px 1371px #FFF , 1044px 1539px #FFF , 1034px 447px #FFF , 1562px 524px #FFF , 123px 631px #FFF , 1728px 1977px #FFF , 834px 1335px #FFF , 797px 1623px #FFF , 1189px 1326px #FFF , 1924px 1582px #FFF , 1211px 806px #FFF , 558px 1456px #FFF , 891px 1308px #FFF , 493px 1440px #FFF , 25px 56px #FFF , 1080px 621px #FFF , 833px 1858px #FFF , 1364px 300px #FFF , 1336px 886px #FFF , 1062px 259px #FFF , 1133px 233px #FFF , 1898px 1726px #FFF , 300px 1082px #FFF , 1886px 827px #FFF , 369px 1021px #FFF , 27px 1359px #FFF , 614px 1628px #FFF , 1059px 1766px #FFF , 1385px 1010px #FFF , 371px 1795px #FFF , 748px 355px #FFF , 177px 187px #FFF , 456px 1728px #FFF , 32px 508px #FFF , 612px 1555px #FFF , 782px 1172px #FFF , 627px 984px #FFF , 425px 1061px #FFF , 1987px 391px #FFF , 386px 1797px #FFF , 16px 892px #FFF , 322px 772px #FFF , 1036px 1114px #FFF , 1908px 1130px #FFF , 453px 1647px #FFF , 1289px 398px #FFF , 1733px 1021px #FFF , 929px 1761px #FFF , 1765px 7px #FFF , 236px 811px #FFF , 1222px 1256px #FFF , 1136px 1141px #FFF , 13px 1692px #FFF , 780px 1409px #FFF , 201px 531px #FFF , 591px 787px #FFF , 75px 1387px #FFF , 1020px 833px #FFF , 201px 1056px #FFF , 297px 42px #FFF , 1937px 446px #FFF , 522px 1526px #FFF , 179px 413px #FFF , 115px 1009px #FFF , 1351px 232px #FFF , 308px 844px #FFF , 710px 1034px #FFF , 14px 1448px #FFF , 256px 264px #FFF , 824px 1144px #FFF , 1704px 1083px #FFF , 537px 1915px #FFF , 1947px 1936px #FFF , 1108px 717px #FFF , 928px 1451px #FFF , 903px 628px #FFF , 1343px 408px #FFF , 1996px 1996px #FFF , 1617px 1860px #FFF , 901px 774px #FFF , 1080px 1883px #FFF , 299px 814px #FFF , 1221px 178px #FFF , 339px 48px #FFF , 1749px 349px #FFF , 1027px 269px #FFF , 1088px 684px #FFF , 1646px 738px #FFF , 221px 1854px #FFF , 590px 1155px #FFF , 1072px 799px #FFF , 116px 352px #FFF , 1716px 464px #FFF , 1549px 1469px #FFF , 1803px 1135px #FFF , 284px 377px #FFF , 946px 918px #FFF , 751px 1705px #FFF , 1305px 1730px #FFF , 1644px 1060px #FFF , 725px 677px #FFF , 1857px 953px #FFF , 1025px 231px #FFF , 1533px 1917px #FFF , 259px 120px #FFF , 226px 1187px #FFF , 570px 650px #FFF , 127px 586px #FFF , 1122px 658px #FFF , 1401px 735px #FFF , 753px 1939px #FFF , 1579px 464px #FFF , 1113px 543px #FFF , 1422px 1268px #FFF , 221px 1961px #FFF , 170px 1645px #FFF , 1474px 1019px #FFF , 795px 1050px #FFF , 1201px 150px #FFF , 976px 1623px #FFF , 1170px 1621px #FFF , 1994px 426px #FFF , 553px 1876px #FFF , 1347px 1339px #FFF , 1350px 588px #FFF , 1493px 1387px #FFF , 1018px 471px #FFF , 1146px 691px #FFF , 314px 26px #FFF , 635px 302px #FFF , 1679px 923px #FFF , 230px 698px #FFF , 1787px 162px #FFF , 237px 799px #FFF , 1323px 526px #FFF , 1335px 518px #FFF , 1709px 1435px #FFF , 809px 469px #FFF , 1628px 1719px #FFF , 259px 516px #FFF , 1194px 409px #FFF , 808px 940px #FFF , 1134px 1884px #FFF , 1307px 1600px #FFF , 146px 1647px #FFF , 663px 666px #FFF , 1916px 1566px #FFF , 1122px 210px #FFF , 1329px 1593px #FFF , 1000px 1005px #FFF , 674px 673px #FFF , 1864px 1015px #FFF , 793px 1461px #FFF , 1043px 1113px #FFF , 282px 1777px #FFF , 1218px 1112px #FFF , 1821px 1285px #FFF , 1070px 1099px #FFF , 927px 533px #FFF , 674px 1496px #FFF , 1962px 1797px #FFF , 432px 163px #FFF , 146px 592px #FFF , 1226px 1765px #FFF , 621px 1824px #FFF , 410px 205px #FFF , 1407px 1038px #FFF , 1592px 1369px #FFF , 1854px 160px #FFF , 1301px 1891px #FFF , 600px 261px #FFF , 1618px 17px #FFF , 971px 941px #FFF , 1652px 1772px #FFF , 200px 1123px #FFF , 716px 788px #FFF , 1528px 1935px #FFF , 127px 1936px #FFF , 672px 867px #FFF , 618px 502px #FFF , 462px 845px #FFF , 1250px 734px #FFF , 896px 975px #FFF , 526px 315px #FFF , 1480px 1872px #FFF , 1911px 1618px #FFF , 557px 1323px #FFF , 209px 1918px #FFF , 1424px 167px #FFF , 581px 1682px #FFF , 286px 1019px #FFF , 697px 1628px #FFF , 1022px 939px #FFF , 1196px 70px #FFF , 1238px 1722px #FFF , 1123px 402px #FFF , 759px 1298px #FFF , 1864px 862px #FFF , 244px 715px #FFF , 1333px 471px #FFF , 115px 116px #FFF , 202px 1947px #FFF , 37px 568px #FFF , 1934px 1981px #FFF , 416px 606px #FFF , 1439px 430px #FFF , 1276px 822px #FFF , 195px 664px #FFF , 1428px 632px #FFF , 1701px 1894px #FFF , 1973px 1924px #FFF , 1227px 789px #FFF , 1895px 1969px #FFF , 1899px 1576px #FFF , 1986px 1139px #FFF , 1327px 1474px #FFF , 1651px 693px #FFF , 1251px 629px #FFF , 1677px 848px #FFF , 1521px 273px #FFF , 961px 1016px #FFF , 1567px 1430px #FFF , 1391px 1934px #FFF , 285px 1059px #FFF , 1479px 567px #FFF , 645px 162px #FFF , 1606px 1218px #FFF , 834px 499px #FFF , 1083px 417px #FFF , 564px 1156px #FFF , 1276px 959px #FFF , 797px 998px #FFF , 894px 50px #FFF , 855px 608px #FFF , 1833px 259px #FFF , 1271px 779px #FFF , 1551px 821px #FFF , 204px 1635px #FFF , 18px 1436px #FFF , 1491px 883px #FFF , 928px 1761px #FFF , 243px 457px #FFF , 837px 1676px #FFF , 1301px 668px #FFF , 1988px 645px #FFF , 958px 551px #FFF , 1425px 764px #FFF , 259px 1614px #FFF , 842px 1421px #FFF , 1604px 1566px #FFF , 268px 546px #FFF , 541px 938px #FFF , 1242px 546px #FFF , 391px 1055px #FFF , 801px 776px #FFF , 480px 603px #FFF , 1635px 944px #FFF , 81px 956px #FFF , 1578px 329px #FFF , 240px 741px #FFF , 1047px 674px #FFF , 482px 1277px #FFF , 1760px 1027px #FFF , 193px 1073px #FFF , 572px 1945px #FFF , 1240px 1444px #FFF , 872px 1675px #FFF , 407px 87px #FFF , 1571px 434px #FFF , 415px 1219px #FFF , 1160px 1900px #FFF , 974px 650px #FFF , 953px 1190px #FFF , 1131px 511px #FFF , 26px 238px #FFF , 1146px 182px #FFF , 687px 1795px #FFF , 1966px 367px #FFF , 467px 48px #FFF , 1506px 400px #FFF , 917px 792px #FFF , 1495px 493px #FFF , 43px 1704px #FFF , 1725px 1475px #FFF , 3px 250px #FFF , 1452px 1815px #FFF , 175px 929px #FFF , 584px 1094px #FFF , 493px 591px #FFF , 1848px 622px #FFF , 464px 1644px #FFF , 1310px 727px #FFF , 1627px 1521px #FFF , 1497px 561px #FFF , 1908px 1917px #FFF , 626px 1580px #FFF , 855px 1197px #FFF , 775px 1262px #FFF , 1139px 1339px #FFF , 907px 604px #FFF , 984px 189px #FFF , 1618px 460px #FFF , 1649px 325px #FFF , 1960px 1779px #FFF , 200px 1967px #FFF , 895px 1275px #FFF , 351px 763px #FFF , 1430px 491px #FFF , 1206px 916px #FFF , 105px 896px #FFF , 247px 1149px #FFF , 1496px 1283px #FFF , 837px 1135px #FFF , 550px 1047px #FFF , 202px 1355px #FFF , 278px 1903px #FFF , 1935px 1200px #FFF , 1964px 443px #FFF , 323px 1300px #FFF , 1388px 264px #FFF , 559px 1039px #FFF , 1041px 1432px #FFF , 1740px 1197px #FFF , 131px 433px #FFF , 968px 350px #FFF , 1542px 803px #FFF , 1136px 1307px #FFF , 760px 797px #FFF , 1228px 1513px #FFF , 1599px 365px #FFF , 1998px 401px #FFF , 1782px 204px #FFF , 702px 1939px #FFF , 1618px 1108px #FFF , 166px 338px #FFF , 1016px 1077px #FFF , 413px 757px #FFF , 1596px 1920px #FFF , 1459px 929px #FFF , 783px 1717px #FFF , 653px 601px #FFF , 94px 221px #FFF , 271px 1006px #FFF , 846px 1413px #FFF , 22px 1288px #FFF , 797px 1127px #FFF , 1348px 263px #FFF , 1503px 230px #FFF , 1015px 1289px #FFF , 650px 1519px #FFF , 1777px 307px #FFF , 1558px 1350px #FFF , 1709px 144px #FFF , 1471px 1589px #FFF , 778px 1115px #FFF , 1513px 316px #FFF , 1242px 1970px #FFF , 1497px 148px #FFF , 1659px 132px #FFF , 1168px 166px #FFF , 1167px 1950px #FFF , 930px 1999px #FFF , 1628px 346px #FFF , 1459px 1835px #FFF , 1962px 1069px #FFF , 1573px 1682px #FFF , 80px 1564px #FFF , 1178px 1266px #FFF , 320px 1121px #FFF , 1000px 1191px #FFF , 934px 1573px #FFF , 391px 54px #FFF , 526px 1291px #FFF , 146px 1039px #FFF , 753px 1033px #FFF , 1710px 1076px #FFF , 140px 39px #FFF , 1926px 1992px #FFF , 1737px 23px #FFF , 732px 1403px #FFF , 863px 911px #FFF , 792px 509px #FFF , 1142px 643px #FFF , 1599px 1842px #FFF , 1196px 645px #FFF , 1834px 14px #FFF , 1342px 913px #FFF , 119px 137px #FFF , 148px 1576px #FFF , 1879px 1749px #FFF , 1115px 78px #FFF , 1363px 1170px #FFF , 1370px 1029px #FFF , 938px 605px #FFF , 1202px 1513px #FFF , 1888px 1726px #FFF , 1712px 365px #FFF , 1770px 1581px #FFF , 703px 1622px #FFF , 906px 951px #FFF , 1603px 772px #FFF , 282px 1130px #FFF , 862px 680px #FFF , 820px 1013px #FFF , 951px 261px #FFF , 794px 1679px #FFF , 199px 560px #FFF , 1398px 755px #FFF , 467px 1469px #FFF , 1004px 1161px #FFF , 878px 1208px #FFF , 1931px 1427px #FFF , 1934px 1577px #FFF , 839px 420px #FFF , 1357px 172px #FFF , 626px 453px #FFF , 769px 1770px #FFF , 631px 40px #FFF , 633px 165px #FFF , 1320px 1968px #FFF , 1999px 738px #FFF , 402px 1141px #FFF , 1572px 1266px #FFF , 1138px 1536px #FFF , 1891px 416px #FFF , 576px 1844px #FFF , 70px 980px #FFF , 1555px 1224px #FFF , 378px 128px #FFF , 1514px 641px #FFF , 896px 1774px #FFF , 549px 896px #FFF , 1532px 974px #FFF , 1747px 640px #FFF , 466px 482px #FFF , 593px 651px #FFF , 1309px 792px #FFF , 1293px 1505px #FFF , 1136px 381px #FFF , 1186px 1058px #FFF , 1661px 295px #FFF , 1377px 971px #FFF , 1139px 1244px #FFF , 1085px 1750px #FFF , 1197px 1484px #FFF , 1577px 1644px #FFF , 598px 1857px #FFF , 519px 1993px #FFF , 483px 808px #FFF , 199px 1157px #FFF , 1175px 203px #FFF , 580px 664px #FFF , 1096px 766px #FFF , 1306px 1552px #FFF , 1881px 166px #FFF , 1639px 475px #FFF , 773px 1733px #FFF , 1566px 1477px #FFF , 486px 718px #FFF , 276px 517px #FFF , 365px 1085px #FFF , 1324px 1265px #FFF , 1152px 404px #FFF , 853px 542px #FFF , 808px 1941px #FFF , 263px 1457px #FFF , 629px 1972px #FFF , 1210px 1631px #FFF , 520px 1130px #FFF , 1709px 306px #FFF , 44px 838px #FFF , 160px 128px #FFF , 1359px 800px #FFF , 222px 172px #FFF , 797px 733px #FFF , 1681px 289px #FFF , 523px 1109px #FFF , 1708px 1874px #FFF , 587px 1877px #FFF , 1560px 871px #FFF , 1580px 1584px #FFF , 1683px 1965px #FFF , 981px 1989px #FFF , 1392px 1663px #FFF , 1440px 969px #FFF , 495px 552px #FFF , 639px 1814px #FFF , 1275px 1511px #FFF , 1983px 1768px #FFF , 1270px 867px #FFF , 357px 990px #FFF , 1613px 1966px #FFF , 1591px 219px #FFF , 1165px 1863px #FFF , 1825px 526px #FFF , 137px 61px #FFF , 633px 399px #FFF , 1935px 201px #FFF , 1818px 873px #FFF , 1135px 725px #FFF , 328px 883px #FFF , 114px 1963px #FFF , 1486px 1315px #FFF , 1781px 668px #FFF , 946px 85px #FFF , 1874px 1624px #FFF , 1975px 653px #FFF , 1554px 1563px #FFF , 1895px 935px #FFF , 278px 1580px #FFF , 21px 1742px #FFF , 662px 757px #FFF , 983px 586px #FFF , 644px 1787px #FFF , 1381px 1720px #FFF , 1485px 104px #FFF , 1974px 1050px #FFF , 565px 408px #FFF , 1264px 710px #FFF , 23px 305px #FFF , 980px 125px #FFF , 293px 746px #FFF , 1484px 604px #FFF , 669px 1280px #FFF , 1604px 469px #FFF , 33px 1095px #FFF , 916px 857px #FFF , 1150px 460px #FFF , 1772px 1254px #FFF , 1240px 1706px #FFF , 1640px 1399px #FFF , 1455px 936px #FFF , 141px 907px #FFF , 412px 493px #FFF , 294px 1590px #FFF , 232px 273px #FFF , 1847px 1316px #FFF , 672px 1535px #FFF , 1898px 1718px #FFF , 1376px 522px #FFF , 1650px 345px #FFF , 1307px 463px #FFF , 1324px 903px #FFF , 650px 1805px #FFF , 949px 1295px #FFF , 1410px 541px #FFF , 409px 1092px #FFF , 1699px 1033px #FFF , 12px 428px #FFF , 67px 654px #FFF , 707px 1011px #FFF , 704px 1735px #FFF , 314px 1969px #FFF , 127px 8px #FFF , 1033px 688px #FFF , 1568px 1395px #FFF , 525px 767px #FFF , 539px 1997px #FFF , 297px 1899px #FFF , 931px 980px #FFF , 662px 1203px #FFF , 639px 270px #FFF , 539px 1655px #FFF , 1969px 360px #FFF , 1867px 413px #FFF , 304px 1811px #FFF , 1113px 1621px #FFF , 1313px 1935px #FFF , 1331px 939px #FFF , 1717px 534px #FFF , 1185px 1004px #FFF , 1956px 526px #FFF , 1611px 836px #FFF , 428px 1172px #FFF , 822px 1145px #FFF , 15px 254px #FFF , 261px 287px #FFF , 362px 1436px #FFF , 196px 1222px #FFF , 1274px 947px #FFF , 585px 1783px #FFF , 143px 324px #FFF , 633px 1119px #FFF , 17px 1803px #FFF , 1264px 511px #FFF , 1764px 63px #FFF , 124px 95px #FFF , 520px 916px #FFF , 1285px 1944px #FFF , 1613px 80px #FFF , 641px 869px #FFF , 1538px 6px #FFF , 940px 439px #FFF , 1675px 485px #FFF , 1344px 984px #FFF , 1637px 529px #FFF , 1641px 1436px #FFF , 1901px 1842px #FFF , 778px 224px #FFF , 1994px 1081px #FFF , 1022px 1248px #FFF , 933px 1470px #FFF , 1513px 1621px #FFF , 499px 1387px #FFF , 1067px 130px #FFF , 200px 1401px #FFF , 1701px 454px #FFF , 657px 1987px #FFF , 1602px 1538px #FFF , 1253px 508px #FFF , 1855px 1242px #FFF , 677px 1159px #FFF , 1050px 882px #FFF , 133px 1970px #FFF , 718px 505px #FFF , 229px 1547px #FFF , 398px 1344px #FFF , 747px 1172px #FFF , 1982px 1867px #FFF , 785px 1811px #FFF , 1314px 1693px #FFF , 767px 611px #FFF , 305px 1419px #FFF , 1433px 1086px #FFF , 4px 203px #FFF , 886px 733px #FFF , 803px 525px #FFF , 173px 196px #FFF , 1831px 171px #FFF , 991px 1815px #FFF , 1355px 705px #FFF , 1676px 324px #FFF , 1888px 507px #FFF , 1310px 87px #FFF , 1402px 1100px #FFF , 789px 416px #FFF , 46px 1759px #FFF , 1576px 86px #FFF , 980px 1327px #FFF , 1290px 134px #FFF , 809px 1635px #FFF , 733px 52px #FFF , 778px 1505px #FFF , 1315px 899px #FFF , 160px 936px #FFF , 375px 241px #FFF , 1107px 1725px #FFF , 272px 1144px #FFF , 862px 1626px #FFF , 632px 1285px #FFF , 1948px 1261px #FFF , 260px 1724px #FFF , 920px 1028px #FFF , 445px 418px #FFF , 1799px 1919px #FFF , 1589px 730px #FFF , 878px 1444px #FFF , 1727px 1624px #FFF , 507px 566px #FFF , 1491px 1251px #FFF , 625px 570px #FFF , 392px 147px #FFF , 308px 1836px #FFF , 934px 104px #FFF , 1147px 4px #FFF , 1944px 45px #FFF , 64px 1138px #FFF , 992px 1660px #FFF , 579px 1511px #FFF , 1812px 1069px #FFF , 1812px 1666px #FFF , 1257px 1094px #FFF , 248px 1775px #FFF , 1253px 647px #FFF , 1609px 529px #FFF , 297px 331px #FFF , 1816px 1201px #FFF , 451px 554px #FFF , 1640px 1996px #FFF , 917px 570px #FFF , 323px 1135px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1120px 1492px #FFF , 1940px 1297px #FFF , 332px 417px #FFF , 234px 1226px #FFF , 965px 1976px #FFF , 812px 911px #FFF , 178px 676px #FFF , 1126px 1120px #FFF , 1414px 158px #FFF , 1879px 1105px #FFF , 1948px 570px #FFF , 375px 35px #FFF , 501px 1340px #FFF , 246px 1116px #FFF , 1992px 1545px #FFF , 1730px 939px #FFF , 1984px 1145px #FFF , 55px 1866px #FFF , 1522px 807px #FFF , 252px 1883px #FFF , 614px 542px #FFF , 996px 1236px #FFF , 1539px 991px #FFF , 1332px 581px #FFF , 701px 1739px #FFF , 1416px 1152px #FFF , 1210px 902px #FFF , 1157px 93px #FFF , 161px 1198px #FFF , 478px 1364px #FFF , 1719px 1001px #FFF , 1275px 1290px #FFF , 997px 1775px #FFF , 1095px 136px #FFF , 136px 1531px #FFF , 111px 1320px #FFF , 1568px 698px #FFF , 1267px 608px #FFF , 1210px 1945px #FFF , 1481px 1037px #FFF , 143px 1350px #FFF , 1883px 1766px #FFF , 1919px 1237px #FFF , 1739px 1238px #FFF , 1974px 1299px #FFF , 171px 1490px #FFF , 410px 508px #FFF , 304px 720px #FFF , 1018px 1585px #FFF , 1637px 1496px #FFF , 1261px 912px #FFF , 1394px 81px #FFF , 557px 1168px #FFF , 996px 304px #FFF , 875px 247px #FFF , 148px 6px #FFF , 1341px 1784px #FFF , 1385px 1071px #FFF , 1938px 21px #FFF , 1435px 1839px #FFF , 1758px 483px #FFF , 330px 1366px #FFF , 892px 749px #FFF , 1539px 839px #FFF , 102px 864px #FFF , 1555px 28px #FFF , 680px 1761px #FFF , 823px 210px #FFF , 1916px 96px #FFF , 776px 159px #FFF , 1186px 1298px #FFF , 204px 1434px #FFF , 1608px 313px #FFF , 1580px 659px #FFF , 209px 1246px #FFF , 145px 129px #FFF , 1130px 354px #FFF , 1502px 1215px #FFF , 1981px 712px #FFF , 258px 1806px #FFF , 1337px 574px #FFF , 1928px 65px #FFF , 1039px 1678px #FFF , 443px 648px #FFF , 1748px 1136px #FFF , 1732px 509px #FFF , 643px 297px #FFF , 455px 287px #FFF , 149px 611px #FFF , 283px 1070px #FFF , 361px 954px #FFF , 1753px 126px #FFF , 1652px 1613px #FFF , 729px 126px #FFF , 1567px 1629px #FFF , 1341px 570px #FFF , 214px 103px #FFF , 465px 582px #FFF , 389px 125px #FFF , 1543px 305px #FFF , 764px 1363px #FFF , 1376px 344px #FFF , 1082px 1820px #FFF , 282px 710px #FFF , 1003px 699px #FFF , 1747px 670px #FFF , 1852px 12px #FFF , 499px 177px #FFF , 254px 732px #FFF , 319px 1251px #FFF , 1582px 674px #FFF , 1174px 1991px #FFF , 372px 983px #FFF , 251px 921px #FFF , 1356px 1175px #FFF , 1276px 1342px #FFF , 631px 1673px #FFF , 928px 1871px #FFF , 961px 1633px #FFF , 1574px 230px #FFF , 1828px 409px #FFF , 941px 225px #FFF , 1888px 1240px #FFF , 79px 560px #FFF , 1138px 787px #FFF , 1272px 1129px #FFF , 385px 275px #FFF , 995px 171px #FFF , 666px 1946px #FFF , 1360px 872px #FFF , 585px 79px #FFF , 454px 783px #FFF , 742px 1437px #FFF , 841px 1500px #FFF , 1914px 1888px #FFF , 341px 991px #FFF , 926px 1469px #FFF , 600px 1879px #FFF , 338px 1555px #FFF , 1721px 978px #FFF , 1594px 963px #FFF , 184px 1964px #FFF , 1756px 1245px #FFF , 1234px 835px #FFF , 1344px 538px #FFF , 1956px 1861px #FFF , 1217px 1036px #FFF , 1311px 6px #FFF , 554px 1771px #FFF , 1397px 1100px #FFF , 1902px 1890px #FFF , 1574px 1003px #FFF , 1529px 1176px #FFF , 333px 474px #FFF , 708px 558px #FFF , 727px 1723px #FFF , 1448px 1243px #FFF , 1139px 1700px #FFF , 357px 1520px #FFF , 1897px 246px #FFF , 771px 1473px #FFF , 355px 1623px #FFF , 433px 1185px #FFF , 1795px 978px #FFF , 1267px 420px #FFF , 1046px 1589px #FFF , 1756px 296px #FFF , 2000px 383px #FFF , 1823px 1000px #FFF , 1720px 1768px #FFF , 1033px 199px #FFF , 1355px 1289px #FFF , 1002px 1062px #FFF , 1291px 1833px #FFF , 49px 1614px #FFF , 68px 286px #FFF , 322px 1356px #FFF , 786px 887px #FFF , 851px 11px #FFF , 1577px 1733px #FFF , 1657px 1543px #FFF , 121px 325px #FFF , 1077px 250px #FFF , 247px 1997px #FFF , 1546px 1639px #FFF , 52px 383px #FFF , 1336px 1057px #FFF , 1077px 1192px #FFF , 505px 153px #FFF , 1210px 737px #FFF , 1131px 1001px #FFF , 1173px 217px #FFF , 1014px 1683px #FFF , 1033px 643px #FFF , 132px 611px #FFF , 1066px 392px #FFF , 97px 551px #FFF , 638px 229px #FFF , 331px 1382px #FFF , 1464px 384px #FFF;
  animation: animStar 500s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1120px 1492px #FFF , 1940px 1297px #FFF , 332px 417px #FFF , 234px 1226px #FFF , 965px 1976px #FFF , 812px 911px #FFF , 178px 676px #FFF , 1126px 1120px #FFF , 1414px 158px #FFF , 1879px 1105px #FFF , 1948px 570px #FFF , 375px 35px #FFF , 501px 1340px #FFF , 246px 1116px #FFF , 1992px 1545px #FFF , 1730px 939px #FFF , 1984px 1145px #FFF , 55px 1866px #FFF , 1522px 807px #FFF , 252px 1883px #FFF , 614px 542px #FFF , 996px 1236px #FFF , 1539px 991px #FFF , 1332px 581px #FFF , 701px 1739px #FFF , 1416px 1152px #FFF , 1210px 902px #FFF , 1157px 93px #FFF , 161px 1198px #FFF , 478px 1364px #FFF , 1719px 1001px #FFF , 1275px 1290px #FFF , 997px 1775px #FFF , 1095px 136px #FFF , 136px 1531px #FFF , 111px 1320px #FFF , 1568px 698px #FFF , 1267px 608px #FFF , 1210px 1945px #FFF , 1481px 1037px #FFF , 143px 1350px #FFF , 1883px 1766px #FFF , 1919px 1237px #FFF , 1739px 1238px #FFF , 1974px 1299px #FFF , 171px 1490px #FFF , 410px 508px #FFF , 304px 720px #FFF , 1018px 1585px #FFF , 1637px 1496px #FFF , 1261px 912px #FFF , 1394px 81px #FFF , 557px 1168px #FFF , 996px 304px #FFF , 875px 247px #FFF , 148px 6px #FFF , 1341px 1784px #FFF , 1385px 1071px #FFF , 1938px 21px #FFF , 1435px 1839px #FFF , 1758px 483px #FFF , 330px 1366px #FFF , 892px 749px #FFF , 1539px 839px #FFF , 102px 864px #FFF , 1555px 28px #FFF , 680px 1761px #FFF , 823px 210px #FFF , 1916px 96px #FFF , 776px 159px #FFF , 1186px 1298px #FFF , 204px 1434px #FFF , 1608px 313px #FFF , 1580px 659px #FFF , 209px 1246px #FFF , 145px 129px #FFF , 1130px 354px #FFF , 1502px 1215px #FFF , 1981px 712px #FFF , 258px 1806px #FFF , 1337px 574px #FFF , 1928px 65px #FFF , 1039px 1678px #FFF , 443px 648px #FFF , 1748px 1136px #FFF , 1732px 509px #FFF , 643px 297px #FFF , 455px 287px #FFF , 149px 611px #FFF , 283px 1070px #FFF , 361px 954px #FFF , 1753px 126px #FFF , 1652px 1613px #FFF , 729px 126px #FFF , 1567px 1629px #FFF , 1341px 570px #FFF , 214px 103px #FFF , 465px 582px #FFF , 389px 125px #FFF , 1543px 305px #FFF , 764px 1363px #FFF , 1376px 344px #FFF , 1082px 1820px #FFF , 282px 710px #FFF , 1003px 699px #FFF , 1747px 670px #FFF , 1852px 12px #FFF , 499px 177px #FFF , 254px 732px #FFF , 319px 1251px #FFF , 1582px 674px #FFF , 1174px 1991px #FFF , 372px 983px #FFF , 251px 921px #FFF , 1356px 1175px #FFF , 1276px 1342px #FFF , 631px 1673px #FFF , 928px 1871px #FFF , 961px 1633px #FFF , 1574px 230px #FFF , 1828px 409px #FFF , 941px 225px #FFF , 1888px 1240px #FFF , 79px 560px #FFF , 1138px 787px #FFF , 1272px 1129px #FFF , 385px 275px #FFF , 995px 171px #FFF , 666px 1946px #FFF , 1360px 872px #FFF , 585px 79px #FFF , 454px 783px #FFF , 742px 1437px #FFF , 841px 1500px #FFF , 1914px 1888px #FFF , 341px 991px #FFF , 926px 1469px #FFF , 600px 1879px #FFF , 338px 1555px #FFF , 1721px 978px #FFF , 1594px 963px #FFF , 184px 1964px #FFF , 1756px 1245px #FFF , 1234px 835px #FFF , 1344px 538px #FFF , 1956px 1861px #FFF , 1217px 1036px #FFF , 1311px 6px #FFF , 554px 1771px #FFF , 1397px 1100px #FFF , 1902px 1890px #FFF , 1574px 1003px #FFF , 1529px 1176px #FFF , 333px 474px #FFF , 708px 558px #FFF , 727px 1723px #FFF , 1448px 1243px #FFF , 1139px 1700px #FFF , 357px 1520px #FFF , 1897px 246px #FFF , 771px 1473px #FFF , 355px 1623px #FFF , 433px 1185px #FFF , 1795px 978px #FFF , 1267px 420px #FFF , 1046px 1589px #FFF , 1756px 296px #FFF , 2000px 383px #FFF , 1823px 1000px #FFF , 1720px 1768px #FFF , 1033px 199px #FFF , 1355px 1289px #FFF , 1002px 1062px #FFF , 1291px 1833px #FFF , 49px 1614px #FFF , 68px 286px #FFF , 322px 1356px #FFF , 786px 887px #FFF , 851px 11px #FFF , 1577px 1733px #FFF , 1657px 1543px #FFF , 121px 325px #FFF , 1077px 250px #FFF , 247px 1997px #FFF , 1546px 1639px #FFF , 52px 383px #FFF , 1336px 1057px #FFF , 1077px 1192px #FFF , 505px 153px #FFF , 1210px 737px #FFF , 1131px 1001px #FFF , 1173px 217px #FFF , 1014px 1683px #FFF , 1033px 643px #FFF , 132px 611px #FFF , 1066px 392px #FFF , 97px 551px #FFF , 638px 229px #FFF , 331px 1382px #FFF , 1464px 384px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 113px 945px #FFF , 726px 1764px #FFF , 1537px 703px #FFF , 1079px 1140px #FFF , 1402px 1378px #FFF , 12px 1158px #FFF , 1391px 1756px #FFF , 1045px 1871px #FFF , 1876px 271px #FFF , 1301px 221px #FFF , 1115px 269px #FFF , 812px 1728px #FFF , 410px 127px #FFF , 854px 314px #FFF , 73px 1372px #FFF , 1718px 1322px #FFF , 1893px 620px #FFF , 1629px 721px #FFF , 760px 674px #FFF , 890px 895px #FFF , 382px 123px #FFF , 1733px 553px #FFF , 1958px 1000px #FFF , 631px 89px #FFF , 943px 1966px #FFF , 438px 1154px #FFF , 1865px 1291px #FFF , 979px 1633px #FFF , 365px 857px #FFF , 1367px 865px #FFF , 1957px 1756px #FFF , 555px 397px #FFF , 1729px 798px #FFF , 254px 1779px #FFF , 156px 1503px #FFF , 1756px 204px #FFF , 1046px 1031px #FFF , 361px 218px #FFF , 1923px 764px #FFF , 1243px 1778px #FFF , 1043px 406px #FFF , 60px 207px #FFF , 1467px 389px #FFF , 575px 637px #FFF , 1891px 351px #FFF , 1937px 1911px #FFF , 95px 359px #FFF , 1497px 80px #FFF , 944px 1433px #FFF , 1203px 912px #FFF , 62px 460px #FFF , 973px 1103px #FFF , 513px 420px #FFF , 245px 843px #FFF , 321px 377px #FFF , 198px 162px #FFF , 176px 547px #FFF , 957px 1798px #FFF , 506px 833px #FFF , 1194px 1011px #FFF , 1915px 1440px #FFF , 830px 935px #FFF , 1025px 325px #FFF , 418px 202px #FFF , 585px 240px #FFF , 800px 206px #FFF , 1724px 1920px #FFF , 879px 1126px #FFF , 764px 1251px #FFF , 212px 1223px #FFF , 459px 404px #FFF , 906px 609px #FFF , 39px 776px #FFF , 738px 1192px #FFF , 651px 976px #FFF , 215px 345px #FFF , 1367px 1327px #FFF , 1373px 845px #FFF , 104px 43px #FFF , 36px 1360px #FFF , 1091px 1086px #FFF , 36px 1120px #FFF , 1239px 979px #FFF , 1343px 954px #FFF , 1802px 1364px #FFF , 372px 643px #FFF , 1006px 1168px #FFF , 1177px 1028px #FFF , 1152px 135px #FFF , 1785px 999px #FFF , 909px 1275px #FFF , 1466px 766px #FFF , 1916px 1504px #FFF , 573px 11px #FFF , 211px 1494px #FFF , 34px 762px #FFF , 698px 350px #FFF , 666px 232px #FFF , 649px 960px #FFF , 981px 601px #FFF;
  animation: animStar 750s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 113px 945px #FFF , 726px 1764px #FFF , 1537px 703px #FFF , 1079px 1140px #FFF , 1402px 1378px #FFF , 12px 1158px #FFF , 1391px 1756px #FFF , 1045px 1871px #FFF , 1876px 271px #FFF , 1301px 221px #FFF , 1115px 269px #FFF , 812px 1728px #FFF , 410px 127px #FFF , 854px 314px #FFF , 73px 1372px #FFF , 1718px 1322px #FFF , 1893px 620px #FFF , 1629px 721px #FFF , 760px 674px #FFF , 890px 895px #FFF , 382px 123px #FFF , 1733px 553px #FFF , 1958px 1000px #FFF , 631px 89px #FFF , 943px 1966px #FFF , 438px 1154px #FFF , 1865px 1291px #FFF , 979px 1633px #FFF , 365px 857px #FFF , 1367px 865px #FFF , 1957px 1756px #FFF , 555px 397px #FFF , 1729px 798px #FFF , 254px 1779px #FFF , 156px 1503px #FFF , 1756px 204px #FFF , 1046px 1031px #FFF , 361px 218px #FFF , 1923px 764px #FFF , 1243px 1778px #FFF , 1043px 406px #FFF , 60px 207px #FFF , 1467px 389px #FFF , 575px 637px #FFF , 1891px 351px #FFF , 1937px 1911px #FFF , 95px 359px #FFF , 1497px 80px #FFF , 944px 1433px #FFF , 1203px 912px #FFF , 62px 460px #FFF , 973px 1103px #FFF , 513px 420px #FFF , 245px 843px #FFF , 321px 377px #FFF , 198px 162px #FFF , 176px 547px #FFF , 957px 1798px #FFF , 506px 833px #FFF , 1194px 1011px #FFF , 1915px 1440px #FFF , 830px 935px #FFF , 1025px 325px #FFF , 418px 202px #FFF , 585px 240px #FFF , 800px 206px #FFF , 1724px 1920px #FFF , 879px 1126px #FFF , 764px 1251px #FFF , 212px 1223px #FFF , 459px 404px #FFF , 906px 609px #FFF , 39px 776px #FFF , 738px 1192px #FFF , 651px 976px #FFF , 215px 345px #FFF , 1367px 1327px #FFF , 1373px 845px #FFF , 104px 43px #FFF , 36px 1360px #FFF , 1091px 1086px #FFF , 36px 1120px #FFF , 1239px 979px #FFF , 1343px 954px #FFF , 1802px 1364px #FFF , 372px 643px #FFF , 1006px 1168px #FFF , 1177px 1028px #FFF , 1152px 135px #FFF , 1785px 999px #FFF , 909px 1275px #FFF , 1466px 766px #FFF , 1916px 1504px #FFF , 573px 11px #FFF , 211px 1494px #FFF , 34px 762px #FFF , 698px 350px #FFF , 666px 232px #FFF , 649px 960px #FFF , 981px 601px #FFF;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}
/* =============================================================
   Theme Variables
   ============================================================= */
[data-theme=fire] {
  --color-bg: #fff3f0;
  --linear-color-bg: linear-gradient(to left, #ffe8e2, #fdd3c8, #ffe0dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  --webkit-color-bg: -webkit-linear-gradient(to left, #ffe8e2, #fdd3c8, #ffe0dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  --coach-cart-inset: inset 0 0 32rem 3rem rgb(255, 159, 142);
  --coach-cart-window-inset: inset 0 0 8rem .4rem rgb(255, 159, 142);
  --color-accent: #e63946;
  --color-accent-soft: #7f3720;
  --color-accent-after: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'>    <path fill='var(--stripe-color)' d='      M0,20       C5,15 10,5 15,10       C20,15 25,0 30,10       C35,20 40,5 45,10       C50,15 55,5 60,10       C65,15 70,0 75,10       C80,20 85,10 90,15       C95,20 100,15 100,15       L100,20 Z'/>  </svg>");
  --color-accent-before: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>    <path fill='rgb(255,255,255)' d='M0,100 L0,85 L10,85 L10,39 L27,39 L27,61 L47,61 L47,100 Z    M53,100 L53,61 L73,61 L73,39 L90,39 L90,85 L100,85 L100,100 Z'/>  </svg>") no-repeat center / contain;
  --color-accent-soft-grad: linear-gradient(to bottom, #7f3720, #562114);
  --color-text: #2d0000;
  --color-text-light: #ffeeeb;
  --color-window-bg: rgba(255, 255, 255, 0.1);
  --color-namebox-bg: linear-gradient(to bottom, #ffe5e0, #ffd6cf);
  --color-detailbox-bg: linear-gradient(to bottom, #fff1ed, #ffe5e0);
  --color-usual-hr: #ca0000;
  --color-special-hr: #c21322;
  --color-special-hr-fade: rgba(220, 140, 110, 0.1);
  --icon-filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(340deg);
  --stripe-color: linear-gradient(to bottom, #4a0a07, #2b0d06);
  --stripe-mask: url('data:image/svg+xml;utf8,    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 25">      <path fill="var(--stripe-color)" d="        M0,25 L0,20 L6,20 L6,5 L16,5 L16,12 L28,12 L28,25 Z        M32,25 L32,12 L44,12 L44,5 L54,5 L54,20 L60,20 L60,25 Z"/>    </svg>');
}

[data-theme=ice] {
  --color-bg: #dcf0ff;
  --linear-color-bg: linear-gradient(to left, #e2efff, #c8effd, #dcf0ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  --webkit-color-bg: -webkit-linear-gradient(to left, #e2efff, #c8effd, #dcf0ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  --coach-cart-inset: inset 0 0 10rem 3rem rgba(133, 216, 255, 1);
  --coach-cart-window-inset: inset 0 0 7rem .4rem rgba(133, 216, 255, 1);
  --color-accent: #00aaff;
  --color-accent-soft: #145388;
  --color-accent-after: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'>    <path fill='var(--stripe-color)' d='M0,20 L10,5 L20,15 L30,2 L40,18 L50,6 L60,14 L70,3 L80,17 L90,8 L100,20 Z'/>  </svg>");
  --color-accent-before: url("data:image/svg+xml;utf8,    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>      <path fill='rgb(255, 255, 255)' d='M0,100 L20,60 L35,70 L50,40 L65,75 L80,55 L100,100 Z'/>    </svg>") no-repeat center / contain;
  --color-accent-soft-grad: linear-gradient(to bottom, #145388, #022460);
  --color-text: #000061;
  --color-text-light: rgb(209, 235, 255);
  --color-window-bg: rgba(255, 255, 255, 0.1);
  --color-namebox-bg: linear-gradient(to bottom, #e0f7ff, #cdefff);
  --color-detailbox-bg: linear-gradient(to bottom, #f0fbff, #e0f7ff);
  --color-usual-hr: #0063a5;
  --color-special-hr: #0047a5;
  --color-special-hr-fade: rgba(110, 140, 240, 0.1);
  --icon-filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(180deg);
  --stripe-color: linear-gradient(to bottom, #0e3864, #090c3d);
  --stripe-mask: url('data:image/svg+xml;utf8,    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 25">      <path fill="black" d="M0,25 Q4,20 8,23 L10,10 L15,20 L25,5 L35,20 L40,12 L50,22 Q56,23 60,25 Z"/>    </svg>');
}

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

.timeline-intro {
  position: absolute;
  top: 0;
}

.timeline-scene-container {
  position: relative;
  width: 100%;
  height: 65rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timeline-track {
  position: relative;
  display: flex;
  white-space: nowrap;
  width: 100%;
  overflow-x: auto;
  height: 60rem;
  margin-bottom: 3rem;
  align-self: flex-end;
  padding: 0 1rem;
  scrollbar-width: none;
  cursor: grab;
  animation: trackSlideIn 4s 1s ease-out both;
}

@keyframes trackSlideIn {
  0% {
    padding-left: 110%;
  }
  100% {
    padding-left: 0;
  }
}
[data-theme=ice] .rope-rail {
  position: absolute;
  bottom: 61rem;
  left: 0;
  height: 1rem;
  width: 100%;
  background: repeating-linear-gradient(to right, #8cbbd4 0rem, #95c6e0 0.6rem, #8ac2db 1.2rem, #89bdd3 1.5rem, #87bfda 1.8rem, #9acce7 2.4rem, #8cbbd4 3rem);
  background-color: #b0d3e5;
  box-shadow: inset 0 -0.1rem 0.2rem rgba(38, 69, 89, 0.3333333333), 0 0.2rem 0.3rem rgba(0, 0, 0, 0.1333333333);
  border-top: 0.2rem solid rgba(255, 255, 255, 0.6666666667);
  border-bottom: 0.2rem solid #5f94a4;
  z-index: -1;
  animation: slideInRail 1s ease-out both;
  animation-delay: 0.2s;
}
[data-theme=ice] .coach-cart-wrapper {
  animation: pendulum-swing 4s ease-in-out infinite;
}
[data-theme=ice] .coach-cart {
  margin-top: 8rem;
  margin-bottom: 1rem;
}
[data-theme=ice] .coach-cart::after {
  content: "";
  position: absolute;
  top: -8.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: radial-gradient(circle at center, #010f2b 20%, #98d2f3, #023269 70%, #01142b);
  box-shadow: 0 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
  z-index: 3;
}
[data-theme=ice] .coach-cart::before {
  content: "";
  position: absolute;
  top: -8.75rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
  height: 2.5rem;
  border-radius: 0.6rem 0.6rem 0.3rem 0.3rem;
  background: linear-gradient(to bottom, #124f67, #217fb6);
  border: 0.2rem solid #00385f;
  box-shadow: inset 0 0 1rem 0.1rem #325063;
  z-index: 2;
  filter: brightness(134%) contrast(136%) saturate(2.6);
}
[data-theme=ice] .coach-cart-wheel-pulley-left,
[data-theme=ice] .coach-cart-wheel-pulley-right,
[data-theme=ice] .coach-cart-wheel-pulley-center {
  position: absolute;
  display: block;
  width: 0.8rem;
  background: #a0bac4;
  background: linear-gradient(to bottom right, #d8f1ff, #a0bac4, #4f646e);
  transform-origin: top center;
  background-color: #5e6f74;
  background-color: #bccdd3;
  background-color: #4f646e;
  border-radius: 0.3rem;
  top: -7rem;
  left: 50%;
}
[data-theme=ice] .coach-cart-wheel-pulley-left::before,
[data-theme=ice] .coach-cart-wheel-pulley-right::before,
[data-theme=ice] .coach-cart-wheel-pulley-center::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 70%;
  display: block;
  border-radius: 0.25rem;
  background-image: repeating-linear-gradient(to bottom, #4f646e 0rem, #4f646e 0.2rem, #d8f1ff 0.3rem, #d8f1ff 0.4rem);
}
[data-theme=ice] .coach-cart-wheel-pulley-left {
  /* length = sqrt((Δx)² + (Δy)²) */
  height: 16.82rem;
  transform: translateX(-50%) rotate(64.02deg);
  box-shadow: inset 0 0 0.3rem #000000;
}
[data-theme=ice] .coach-cart-wheel-pulley-right {
  height: 16.82rem;
  transform: translateX(-50%) rotate(-64.02deg);
}
[data-theme=ice] .coach-cart-wheel-pulley-center {
  transform: translateX(-50%);
  height: 7rem;
}

[data-theme=fire] .rope-rail {
  position: absolute;
  bottom: 2rem;
  left: 0;
  height: 1.2rem;
  width: 100%;
  background: repeating-linear-gradient(to right, #635447 0rem, #534338 1.2rem, #53463c 1.8rem, #4b3a2e 2.4rem);
  background-color: #c47e54;
  box-shadow: inset 0 -0.2rem 0.3rem rgba(30, 19, 14, 0.3333333333), inset 0 0.15rem 0.25rem rgba(255, 255, 255, 0.1333333333), 0 0.25rem 0.4rem rgba(0, 0, 0, 0.2);
  border-top: 0.1rem solid #6a4a38;
  border-bottom: 0.1rem solid #1f120c;
  border-radius: 0.6rem;
  z-index: -1;
  animation: slideInRail 1s ease-out both;
  animation-delay: 0.2s;
}
[data-theme=fire] .coach-cart {
  margin-bottom: 9rem;
  margin-top: 0;
  animation: coachSway 4s ease-in-out infinite;
}
[data-theme=fire] .coach-cart::before, [data-theme=fire] .coach-cart::after {
  content: "";
  position: absolute;
  bottom: 15%;
  transform: translateY(-50%);
  height: 5rem;
  width: 11rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 15%, #926262, rgba(0, 0, 0, 0) 85%);
  background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4'><circle cx='3' cy='2' r='1' fill='%23333'/></svg>"), linear-gradient(to bottom, rgba(0, 0, 0, 0) 15%, #926262 85%);
  background-repeat: repeat-x;
  background-size: auto 70%;
  background-position: center 15%;
  border-radius: 0.6rem;
}
[data-theme=fire] .coach-cart::before {
  right: calc(100% - 2.2rem);
  animation: pulseConnectorBefore 3s ease-in-out infinite backwards;
  border-left: 0.6rem solid #8a6859; /* the "|" part */
}
[data-theme=fire] .coach-cart::after {
  left: calc(100% - 2.2rem);
  animation: pulseConnectorAfter 3s ease-in-out infinite backwards;
  border-right: 0.6rem solid #8a6859; /* the "|" part */
}
[data-theme=fire] .coach-cart-wheel-pulley-left,
[data-theme=fire] .coach-cart-wheel-pulley-right {
  position: absolute;
  top: 100%;
  width: 8rem;
  height: 8rem;
  background: radial-gradient(circle at 30% 30%, #222, #000);
  transform-origin: center;
  border-radius: 50%;
  border: 0.4rem solid #332f2f;
  box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.1), inset 0 0 0.6rem #000, 0 0 0.3rem rgba(192, 51, 0, 0.3333333333);
  background: #85725c;
  background-image: radial-gradient(circle at 50% 50%, #3d2e2e 0.5rem, transparent 0.4rem), radial-gradient(circle at 75% 50%, #000 0.4rem, transparent 0.5rem), radial-gradient(circle at 88% 50%, #000 0.4rem, transparent 0.5rem);
  animation: wheelSpin 2s linear infinite;
}
[data-theme=fire] .coach-cart-wheel-pulley-left::before,
[data-theme=fire] .coach-cart-wheel-pulley-right::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: rgba(99, 99, 99, 0.1);
  border: 0.3rem solid #3a2f22;
  box-shadow: inset 0 0 0.4rem #000, 0 0 0.2rem rgba(255, 255, 255, 0.2);
  background-image: repeating-radial-gradient(circle at center, #313131 1rem, #50382d 1.2rem, transparent 2.5rem, transparent 3rem);
}
[data-theme=fire] .coach-cart-wheel-pulley-left::after,
[data-theme=fire] .coach-cart-wheel-pulley-right::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 1.75rem;
  transform: translateY(-50%);
  width: 5rem;
  height: 0.6rem;
  background: repeating-linear-gradient(to right, #5e4236 0rem, #553a2f 1rem, #63463a 1.5rem, transparent 1.8rem, transparent 2rem);
  background-color: #b6b0ad;
  border: 0.1rem solid #b6b0ad;
}
[data-theme=fire] .coach-cart-wheel-pulley-left {
  left: 10%;
}
[data-theme=fire] .coach-cart-wheel-pulley-right {
  right: 10%;
}
[data-theme=fire] .coach-cart-wheel-pulley-center {
  bottom: -4rem;
  left: 9.1rem;
  background: transparent;
  transform-origin: center center;
  position: absolute;
}
[data-theme=fire] .coach-cart-wheel-pulley-center::before,
[data-theme=fire] .coach-cart-wheel-pulley-center::after {
  position: absolute;
  width: 32.8rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  background: repeating-linear-gradient(to right, #5e4236 0rem, #553a2f 2rem, #63463a 2.5rem, transparent 3rem, transparent 3.2rem);
  background-color: #b6b0ad; /* base rail track */
  border: 0.2rem solid #b6b0ad;
}
[data-theme=fire] .coach-cart-wheel-pulley-center::after {
  content: "";
  animation: axlePinMove2 4s linear infinite backwards;
  left: 0;
  top: 0;
}
[data-theme=fire] .coach-cart-wheel-pulley-center::before {
  content: "";
  left: 0;
  top: 0;
  z-index: -1;
  animation: axlePinMove1 4s linear infinite backwards;
}

/* =============================================================
   Coach-Cart Structure
   ============================================================= */
.coach-cart-wrapper {
  position: relative;
  height: 59rem;
  width: 51rem;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transform-origin: top center;
  margin-left: 10rem;
  margin-right: 10rem;
  margin-top: 2rem;
}

.coach-cart {
  width: 51rem;
  height: 51rem;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: visible;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  background: transparent;
}

/* =============================================================
   Window (Glass Transparent Inner Box)
   ============================================================= */
.coach-cart-window {
  height: 22rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.cc-top-border {
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  position: absolute;
  background: var(--color-accent-soft);
  z-index: 3;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}

.cc-bottom-border {
  bottom: 0;
  left: 0;
  right: 0;
  height: 3rem;
  position: absolute;
  background: var(--color-accent-soft);
  z-index: 3;
}

.cc-left-border {
  top: 3rem;
  bottom: 3rem;
  left: 0;
  width: 3rem;
  position: absolute;
  background: var(--color-accent-soft);
  z-index: 3;
}
.cc-left-border::before {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  right: -3rem;
  content: "";
  display: block;
  background: var(--color-accent-soft);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 70%, var(--color-accent-soft) 72%);
  mask-image: radial-gradient(circle at 100% 100%, transparent 70%, var(--color-accent-soft) 72%);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.cc-left-border::after {
  width: 3rem;
  height: 3rem;
  position: absolute;
  bottom: 0;
  right: -3rem;
  content: "";
  display: block;
  background: var(--color-accent-soft);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, var(--color-accent-soft) 72%);
  mask-image: radial-gradient(circle at 100% 0%, transparent 70%, var(--color-accent-soft) 72%);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.cc-right-border {
  top: 3rem;
  bottom: 3rem;
  right: 0;
  width: 3rem;
  position: absolute;
  background: var(--color-accent-soft);
  z-index: 3;
}
.cc-right-border::before {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  left: -3rem;
  content: "";
  display: block;
  background: var(--color-accent-soft);
  -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, var(--color-accent-soft) 72%);
  mask-image: radial-gradient(circle at 0% 100%, transparent 70%, var(--color-accent-soft) 72%);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.cc-right-border::after {
  width: 3rem;
  height: 3rem;
  position: absolute;
  bottom: 0;
  left: -3rem;
  content: "";
  display: block;
  background: var(--color-accent-soft);
  -webkit-mask-image: radial-gradient(circle at 0% 0%, transparent 70%, var(--color-accent-soft) 72%);
  mask-image: radial-gradient(circle at 0% 0%, transparent 70%, var(--color-accent-soft) 72%);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.cc-window-inner {
  width: calc(100% - 6rem);
  height: 16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  position: relative;
  background: rgba(0, 0, 0, 0.01);
}
.cc-window-inner .cc-logo-wrapper {
  display: block;
  width: 5rem;
  height: 5rem;
  margin: 1rem;
  flex-grow: 0;
  position: relative;
  flex-shrink: 0;
}
.cc-window-inner .cc-logo-wrapper::after {
  width: 6rem;
  height: 6rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  content: "";
  display: block;
  border: 0.3rem solid #f1f1f1;
}
.cc-window-inner .cc-logo-wrapper img {
  width: 100%;
  height: 100%;
  display: block;
}
.cc-window-inner .cc-institution-name-wrapper {
  display: flex;
  position: relative;
  width: calc(100% - 8rem);
  height: 100%;
  flex-grow: 0;
  padding: 0.5rem;
  flex-shrink: 0;
  margin: 1rem;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
}
.cc-window-inner .cc-institution-name {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0.2rem;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
  word-break: break-word;
  white-space: normal;
  color: var(--color-text-light);
}

.coach-cart-box {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 29rem;
  z-index: 3;
  background: var(--color-accent-soft-grad);
  padding: 0 2rem 2rem 2rem;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
.coach-cart-box * {
  flex-wrap: wrap;
  align-content: center;
  word-break: break-word;
  white-space: normal;
}
.coach-cart-box .cc-box-content-one {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.2rem 0;
  overflow: visible;
}
.coach-cart-box .cc-institution-desc {
  color: var(--color-text-light);
  display: block;
  font-size: 1.4rem;
  margin: 0.5rem 0;
  font-weight: 500;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
}
.coach-cart-box .cc-institution-inst-link {
  display: block;
  margin: 0.2rem 0 0.2rem 1rem;
  background-color: var(--color-text-light);
  border: 0.2rem solid rgba(var(--color-text), 0.1);
  color: var(--color-text);
  transition: all 0.2s ease;
  font-size: 1.4rem;
  padding: 0.5rem;
  width: -moz-max-content;
  width: max-content;
  font-weight: 600;
  border-radius: 0.5rem;
}
.coach-cart-box .cc-institution-inst-link i {
  color: var(--color-text);
  font-size: 1.4rem;
}
.coach-cart-box .cc-institution-inst-link:hover, .coach-cart-box .cc-institution-inst-link:active {
  filter: brightness(105%) contrast(105%) saturate(5);
  transition: all 0.2s ease;
}
.coach-cart-box .cc-special-divider {
  position: absolute;
  top: -2.5rem;
  left: 50%;
  transform: translate(-50%);
  width: 90%;
  height: 2.2rem;
  background-repeat: repeat-x;
  background-size: 2rem 100%;
  mask-image: var(--stripe-mask);
  -webkit-mask-image: var(--stripe-mask);
  background: var(--stripe-color);
}
.coach-cart-box .cc-box-content-two {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.4rem 1rem;
}
.coach-cart-box .cc-box-content-two hr {
  --line-height: .3rem;
  --end-size: .9rem;
  width: 100%;
}
.coach-cart-box .cc-usual-divider {
  --line-height: .2rem;
  --end-size: 0.75rem;
  position: relative;
  border: none;
  height: var(--line-height);
  background: var(--color-accent);
  margin: 1rem auto;
  width: 60%;
}
.coach-cart-box .cc-usual-divider::before,
.coach-cart-box .cc-usual-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--end-size);
  height: var(--end-size);
  border: var(--line-height) solid var(--color-accent);
  border-radius: 50%;
  background: white;
}
.coach-cart-box .cc-usual-divider::before {
  left: 0;
}
.coach-cart-box .cc-usual-divider::after {
  right: 0;
}
.coach-cart-box .cc-jobrole {
  color: var(--color-text-light);
  display: block;
  font-size: 1.5rem;
  padding: 0.3rem 0;
  font-weight: 600;
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
}
.coach-cart-box .cc-job-year-range {
  color: var(--color-text-light);
  display: block;
  font-size: 1.5rem;
  padding: 0.3rem 0;
  font-weight: 500;
  width: -moz-max-content;
  width: max-content;
  text-align: right;
  font-style: italic;
}
.coach-cart-box .cc-box-content-three {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.5rem 1rem;
}
.coach-cart-box .cc-box-content-three hr:last-child {
  --line-height: .3rem;
  --end-size: .9rem;
  width: 80%;
}
.coach-cart-box .cc-job-description {
  color: var(--color-text-light);
  display: block;
  font-size: 1.4rem;
  padding: 0.3rem 0 0.6rem 0;
  font-weight: 500;
  width: 100%;
  text-align: center;
  height: 5.3rem;
  overflow: hidden;
}
.coach-cart-box .cc-job-achievement {
  color: var(--color-text-light);
  display: block;
  font-size: 1.4rem;
  padding: 0.3rem 0;
  font-weight: 500;
  width: 100%;
  text-align: center;
  height: 8.5rem;
  overflow: hidden;
}
.coach-cart-box::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24rem;
  height: 24rem;
  opacity: 0.1;
  display: block;
  pointer-events: none;
  background: var(--color-accent-before);
}
.coach-cart-box::after {
  content: "";
  position: absolute;
  top: -21rem;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  opacity: 0.7;
  display: block;
  pointer-events: none;
  background: var(--color-accent-after);
  background-repeat: repeat-x;
  background-size: contain;
  background-position: bottom;
  height: 1.5rem;
  filter: saturate(3);
}

@keyframes slideInRail {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wheelSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes axlePinMove1 {
  0% {
    transform: translate(2rem, 0rem);
  }
  6.25% {
    transform: translate(1.41rem, 1.41rem);
  }
  12.5% {
    transform: translate(0rem, 2rem);
  }
  18.75% {
    transform: translate(-1.41rem, 1.41rem);
  }
  25% {
    transform: translate(-2rem, 0rem);
  }
  31.25% {
    transform: translate(-1.41rem, -1.41rem);
  }
  37.5% {
    transform: translate(0rem, -2rem);
  }
  43.75% {
    transform: translate(1.41rem, -1.41rem);
  }
  50% {
    transform: translate(2rem, 0rem);
  }
  56.25% {
    transform: translate(1.41rem, 1.41rem);
  }
  62.5% {
    transform: translate(0rem, 2rem);
  }
  68.75% {
    transform: translate(-1.41rem, 1.41rem);
  }
  75% {
    transform: translate(-2rem, 0rem);
  }
  81.25% {
    transform: translate(-1.41rem, -1.41rem);
  }
  87.5% {
    transform: translate(0rem, -2rem);
  }
  93.75% {
    transform: translate(1.41rem, -1.41rem);
  }
  100% {
    transform: translate(2rem, 0rem);
  }
}
@keyframes axlePinMove2 {
  0% {
    transform: translate(-2rem, 0rem);
  }
  6.25% {
    transform: translate(-1.41rem, -1.41rem);
  }
  12.5% {
    transform: translate(0rem, -2rem);
  }
  18.75% {
    transform: translate(1.41rem, -1.41rem);
  }
  25% {
    transform: translate(2rem, 0rem);
  }
  31.25% {
    transform: translate(1.41rem, 1.41rem);
  }
  37.5% {
    transform: translate(0rem, 2rem);
  }
  43.75% {
    transform: translate(-1.41rem, 1.41rem);
  }
  50% {
    transform: translate(-2rem, 0rem);
  }
  56.25% {
    transform: translate(-1.41rem, -1.41rem);
  }
  62.5% {
    transform: translate(0rem, -2rem);
  }
  68.75% {
    transform: translate(1.41rem, -1.41rem);
  }
  75% {
    transform: translate(2rem, 0rem);
  }
  81.25% {
    transform: translate(1.41rem, 1.41rem);
  }
  87.5% {
    transform: translate(0rem, 2rem);
  }
  93.75% {
    transform: translate(-1.41rem, 1.41rem);
  }
  100% {
    transform: translate(-2rem, 0rem);
  }
}
@keyframes coachSway {
  0%, 100% {
    transform: translateX(0rem) rotate(0.3deg);
  }
  25% {
    transform: translateX(0.2rem) rotate(0.5deg);
  }
  75% {
    transform: translateX(-0.2rem) rotate(-0.5deg);
  }
}
@keyframes pulseConnectorBefore {
  0%, 100% {
    transform: translateX(-2.2rem) translateY(-50%);
  }
  50% {
    transform: translateX(0) translateY(-50%);
  }
}
@keyframes pulseConnectorAfter {
  0%, 100% {
    transform: translateX(0) translateY(-50%);
  }
  50% {
    transform: translateX(2.2rem) translateY(-50%);
  }
}
@keyframes pendulum-swing {
  0% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
@keyframes sway {
  0%, 100% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(4deg);
  }
}
@keyframes slide-left {
  0% {
    transform: translateX(2rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes swing {
  0%, 100% {
    transform: translateX(-50%) rotate(-5deg);
  }
  50% {
    transform: translateX(-50%) rotate(5deg);
  }
}
@keyframes drop-in {
  0% {
    opacity: 0;
    transform: translateY(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-fade {
  0% {
    opacity: 0;
    transform: translateX(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.enter-drop-in {
  animation: drop-in 0.5s ease forwards;
}

.enter-slide-fade {
  animation: slide-up 0.5s ease forwards;
}

.enter-slide-left {
  animation: slide-left 0.5s ease forwards;
}

.enter-fade-in {
  animation: fade-in 0.5s ease forwards;
}

.modular-slider-container {
  width: 90%;
  margin: auto;
  padding: 2rem;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  background: rgba(205, 205, 205, 0.05);
  border-radius: 10px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  margin-top: 25%;
  position: relative;
}
.modular-slider-container::-webkit-scrollbar {
  display: none;
}
.modular-slider-container.grabbing {
  cursor: grabbing;
}

.modular-slider-track {
  display: flex;
  gap: 5rem;
  align-items: center;
}

.modular-slider-item {
  flex: 0 0 auto;
  min-width: 20rem;
  border-radius: 10px;
  transition: transform 0.3s ease;
  will-change: transform;
}

.slider-controls {
  position: sticky;
  bottom: 0.5rem;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2rem;
  padding: 1rem;
  background-color: rgba(205, 205, 205, 0.08);
  border-radius: 8px;
}
.slider-controls label {
  font-size: 1rem;
  color: #444;
  cursor: pointer;
}
.slider-controls label input {
  margin-right: 0.4rem;
}
.slider-controls button {
  font-size: 1.2rem;
  padding: 0.6rem 1.2rem;
  background: #222;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.slider-controls button:hover {
  background: #444;
}

.kd-connect {
  background: var(--connect-background-linear), var(--connect-bg-image);
  background-size: 210rem 140rem;
  background-position: center;
  background-repeat: no-repeat;
  animation: backgroundAnimation 400s linear infinite;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (orientation: portrait) {
  .kd-connect {
    background-size: cover;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.form-container {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  padding: 3rem;
  width: 50rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}

.form-group {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

/* PHONE GROUP - side by side */
.phone-group {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  /* For Firefox */
}
.phone-group select::-webkit-scrollbar {
  width: 0.5rem; /* Adjust as needed */
}
.phone-group select::-webkit-scrollbar-thumb {
  background-color: #bbb;
}
.phone-group select::-webkit-scrollbar-track {
  background: #444;
}
.phone-group select {
  scrollbar-width: thin; /* "auto" or "thin" */
  scrollbar-color: #bbb #444;
}

.phone-group select {
  padding: 1rem;
  border-radius: 0.8rem;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 1.5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: -moz-max-content;
  width: max-content;
}
.phone-group select:focus-visible, .phone-group select:focus {
  outline: none;
}
.phone-group select option {
  background: rgb(32, 32, 32);
}

.form-group input,
.form-group textarea,
.phone-group input {
  width: 100%;
  padding: 1rem;
  border: none;
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  outline: none;
  font-size: 1.5rem;
  resize: none;
  box-sizing: border-box;
}

.form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder, .phone-group input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.form-group input::placeholder,
.form-group textarea::placeholder,
.phone-group input::placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.phone-row {
  display: flex;
  width: 100%;
  gap: 1rem;
}

.submit-btn {
  width: 96%;
  padding: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 1rem;
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  text-align: center;
  justify-self: center;
}

.submit-btn:hover {
  transform: scale(1.02);
  box-shadow: 0 0.2rem 2rem 0.2rem var(--accent-color);
}

.submit-btn:active {
  transform: scale(0.95);
}

.error {
  color: var(--accent-color);
  font-size: 1.3rem;
}

/* Success Message */
.form-success * {
  margin: 1rem;
  padding: 0;
  text-align: center;
  letter-spacing: 1px;
  color: var(--text-color);
}

.form-success strong {
  color: var(--accent-color);
  font-weight: 600;
}

.form-success h2 {
  font-size: 2rem;
  font-weight: 600;
}

.form-success p {
  font-size: 1.5rem;
  font-weight: 500;
}

/* --- Footer --- */
.kd-footer {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.social-box {
  display: flex;
  gap: 1.5rem;
  padding: 1rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 4rem; /* Pebble shape */
}

.social-box a {
  color: var(--text-color);
  font-size: 2.5rem;
  transition: color 0.3s, transform 0.3s;
}

.social-box a:hover {
  color: var(--accent-color);
  transform: scale(1.1) translateY(-2px);
  text-shadow: 0 0 8px var(--text-glow);
  filter: brightness(110%) saturate(1.5);
}

.copyright {
  font-size: 1.8rem;
  color: var(--text-color);
  padding-left: 0.5rem;
}

/* Staggered Animation */
.form-container {
  animation: fade 0.8s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0; /* initial state */
}

.form-group:nth-child(1) {
  animation: fadeInUp 0.6s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

.form-group:nth-child(2) {
  animation: fadeInUp 0.6s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

.form-group:nth-child(3) {
  animation: fadeInUp 0.6s ease-out forwards;
  animation-delay: 0.8s;
  opacity: 0;
}

.form-group:nth-child(4) {
  animation: fadeInUp 0.6s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}

.form-group:nth-child(5) {
  animation: fadeInUp 0.6s ease-out forwards;
  animation-delay: 1.2s;
  opacity: 0;
}

.submit-btn {
  animation: fadeInUp 0.6s ease-out forwards;
  animation-delay: 1.4s;
  opacity: 0;
}

.kd-footer .social-box {
  animation: fadeInUp 0.6s ease-out forwards;
  animation-delay: 1.6s;
  opacity: 0;
}

.kd-footer .copyright {
  animation: fadeInUp 0.6s ease-out forwards;
  animation-delay: 1.8s;
  opacity: 0;
}

.sprite-animation {
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: 360px;
  height: 360px;
  margin-top: 30px;
  transform: scale(0.4);
  transition: all 0.3s ease;
  animation: dranz 3s steps(11, start) infinite, glide 6s linear infinite alternate, margin-drift 25s ease-in-out infinite alternate;
  background: var(--connect-sprite);
  visibility: visible;
  animation-delay: 0;
  z-index: 2;
  display: block;
}

@keyframes dranz {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3960px 0px;
  }
}
@keyframes glide {
  0% {
    left: -5rem;
    top: -7rem;
    transform: scale(0.48);
    opacity: 0.87;
  }
  20% {
    left: 15rem;
    top: -5rem;
    transform: scale(0.58);
    opacity: 0.95;
  }
  40% {
    left: 5rem;
    top: -4rem;
    transform: scale(0.68);
    opacity: 1;
  }
  50% {
    left: 2rem;
    top: -8rem;
    transform: scale(0.53);
    opacity: 0.75;
  }
  70% {
    left: 12rem;
    top: -11rem;
    transform: scale(0.35);
    opacity: 0.69;
  }
  90% {
    left: 2rem;
    top: -4rem;
    transform: scale(0.42);
    opacity: 0.79;
  }
  100% {
    left: -5rem;
    top: -7rem;
    transform: scale(0.48);
    opacity: 0.87;
  }
}
:root {
  --end-margin: calc(100% - 360px);
}

@keyframes margin-drift {
  0% {
    margin-left: -240px;
  }
  5% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.05);
  }
  10% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.1);
  }
  15% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.16);
  }
  20% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.23);
  }
  25% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.31);
  }
  30% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.38);
  }
  35% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.46);
  }
  40% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.53);
  }
  45% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.61);
  }
  50% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.68);
  }
  55% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.74);
  }
  60% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.8);
  }
  65% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.85);
  }
  70% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.89);
  }
  75% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.92);
  }
  80% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.95);
  }
  85% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.97);
  }
  90% {
    margin-left: calc(-240px + (var(--end-margin) + 240px) * 0.99);
  }
  100% {
    margin-left: var(--end-margin);
  }
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("../fonts/fa/FontAwesome6Free-Solid.eot");
  src: url("../fonts/fa/FontAwesome6Free-Solid.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/FontAwesome6Free-Solid.woff2") format("woff2"), url("../fonts/fa/FontAwesome6Free-Solid.woff") format("woff"), url("../fonts/fa/FontAwesome6Free-Solid.ttf") format("truetype"), url("../fonts/fa/FontAwesome6Free-Solid.svg#FontAwesome6Free-Solid") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("../fonts/fa/FontAwesome6Free-Regular.eot");
  src: url("../fonts/fa/FontAwesome6Free-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/FontAwesome6Free-Regular.woff2") format("woff2"), url("../fonts/fa/FontAwesome6Free-Regular.woff") format("woff"), url("../fonts/fa/FontAwesome6Free-Regular.ttf") format("truetype"), url("../fonts/fa/FontAwesome6Free-Regular.svg#FontAwesome6Free-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  src: url("../fonts/fa/FontAwesome6Brands-Regular.eot");
  src: url("../fonts/fa/FontAwesome6Brands-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/FontAwesome6Brands-Regular.woff2") format("woff2"), url("../fonts/fa/FontAwesome6Brands-Regular.woff") format("woff"), url("../fonts/fa/FontAwesome6Brands-Regular.ttf") format("truetype"), url("../fonts/fa/FontAwesome6Brands-Regular.svg#FontAwesome6Brands-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("../fonts/fa/FontAwesome6Free-Solid_1.eot");
  src: url("../fonts/fa/FontAwesome6Free-Solid_1.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/FontAwesome6Free-Solid_1.woff2") format("woff2"), url("../fonts/fa/FontAwesome6Free-Solid_1.woff") format("woff"), url("../fonts/fa/FontAwesome6Free-Solid_1.ttf") format("truetype"), url("../fonts/fa/FontAwesome6Free-Solid_1.svg#FontAwesome6Free-Solid") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  src: url("../fonts/fa/FontAwesome6Brands-Regular_1.eot");
  src: url("../fonts/fa/FontAwesome6Brands-Regular_1.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/FontAwesome6Brands-Regular_1.woff2") format("woff2"), url("../fonts/fa/FontAwesome6Brands-Regular_1.woff") format("woff"), url("../fonts/fa/FontAwesome6Brands-Regular_1.ttf") format("truetype"), url("../fonts/fa/FontAwesome6Brands-Regular_1.svg#FontAwesome6Brands-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Font Awesome v4 Compatibility";
  src: url("../fonts/fa/FontAwesomev4Compatibility-Regular.eot");
  src: url("../fonts/fa/FontAwesomev4Compatibility-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/FontAwesomev4Compatibility-Regular.woff2") format("woff2"), url("../fonts/fa/FontAwesomev4Compatibility-Regular.woff") format("woff"), url("../fonts/fa/FontAwesomev4Compatibility-Regular.ttf") format("truetype"), url("../fonts/fa/FontAwesomev4Compatibility-Regular.svg#FontAwesomev4Compatibility-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}
@font-face {
  font-family: "Font Awesome v4 Compatibility";
  src: url("../fonts/fa/FontAwesomev4Compatibility-Regular_1.eot");
  src: url("../fonts/fa/FontAwesomev4Compatibility-Regular_1.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/FontAwesomev4Compatibility-Regular_1.woff2") format("woff2"), url("../fonts/fa/FontAwesomev4Compatibility-Regular_1.woff") format("woff"), url("../fonts/fa/FontAwesomev4Compatibility-Regular_1.ttf") format("truetype"), url("../fonts/fa/FontAwesomev4Compatibility-Regular_1.svg#FontAwesomev4Compatibility-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("../fonts/fa/FontAwesome6Free-Regular_1.eot");
  src: url("../fonts/fa/FontAwesome6Free-Regular_1.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/FontAwesome6Free-Regular_1.woff2") format("woff2"), url("../fonts/fa/FontAwesome6Free-Regular_1.woff") format("woff"), url("../fonts/fa/FontAwesome6Free-Regular_1.ttf") format("truetype"), url("../fonts/fa/FontAwesome6Free-Regular_1.svg#FontAwesome6Free-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

.fa-regular,
.far {
  font-weight: 400;
}

:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

.fa-solid,
.fas {
  font-weight: 900;
}

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
  content: var(--fa);
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade,
.fa-fade {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-shake,
.fa-spin {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
}

.fa-spin {
  animation-name: fa-spin;
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, to {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scaleX(-1);
}

.fa-flip-vertical {
  transform: scaleY(-1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.fa-0 {
  --fa: "0";
}

.fa-1 {
  --fa: "1";
}

.fa-2 {
  --fa: "2";
}

.fa-3 {
  --fa: "3";
}

.fa-4 {
  --fa: "4";
}

.fa-5 {
  --fa: "5";
}

.fa-6 {
  --fa: "6";
}

.fa-7 {
  --fa: "7";
}

.fa-8 {
  --fa: "8";
}

.fa-9 {
  --fa: "9";
}

.fa-fill-drip {
  --fa: "";
}

.fa-arrows-to-circle {
  --fa: "";
}

.fa-chevron-circle-right,
.fa-circle-chevron-right {
  --fa: "";
}

.fa-at {
  --fa: "@";
}

.fa-trash-alt,
.fa-trash-can {
  --fa: "";
}

.fa-text-height {
  --fa: "";
}

.fa-user-times,
.fa-user-xmark {
  --fa: "";
}

.fa-stethoscope {
  --fa: "";
}

.fa-comment-alt,
.fa-message {
  --fa: "";
}

.fa-info {
  --fa: "";
}

.fa-compress-alt,
.fa-down-left-and-up-right-to-center {
  --fa: "";
}

.fa-explosion {
  --fa: "";
}

.fa-file-alt,
.fa-file-lines,
.fa-file-text {
  --fa: "";
}

.fa-wave-square {
  --fa: "";
}

.fa-ring {
  --fa: "";
}

.fa-building-un {
  --fa: "";
}

.fa-dice-three {
  --fa: "";
}

.fa-calendar-alt,
.fa-calendar-days {
  --fa: "";
}

.fa-anchor-circle-check {
  --fa: "";
}

.fa-building-circle-arrow-right {
  --fa: "";
}

.fa-volleyball,
.fa-volleyball-ball {
  --fa: "";
}

.fa-arrows-up-to-line {
  --fa: "";
}

.fa-sort-desc,
.fa-sort-down {
  --fa: "";
}

.fa-circle-minus,
.fa-minus-circle {
  --fa: "";
}

.fa-door-open {
  --fa: "";
}

.fa-right-from-bracket,
.fa-sign-out-alt {
  --fa: "";
}

.fa-atom {
  --fa: "";
}

.fa-soap {
  --fa: "";
}

.fa-heart-music-camera-bolt,
.fa-icons {
  --fa: "";
}

.fa-microphone-alt-slash,
.fa-microphone-lines-slash {
  --fa: "";
}

.fa-bridge-circle-check {
  --fa: "";
}

.fa-pump-medical {
  --fa: "";
}

.fa-fingerprint {
  --fa: "";
}

.fa-hand-point-right {
  --fa: "";
}

.fa-magnifying-glass-location,
.fa-search-location {
  --fa: "";
}

.fa-forward-step,
.fa-step-forward {
  --fa: "";
}

.fa-face-smile-beam,
.fa-smile-beam {
  --fa: "";
}

.fa-flag-checkered {
  --fa: "";
}

.fa-football,
.fa-football-ball {
  --fa: "";
}

.fa-school-circle-exclamation {
  --fa: "";
}

.fa-crop {
  --fa: "";
}

.fa-angle-double-down,
.fa-angles-down {
  --fa: "";
}

.fa-users-rectangle {
  --fa: "";
}

.fa-people-roof {
  --fa: "";
}

.fa-people-line {
  --fa: "";
}

.fa-beer,
.fa-beer-mug-empty {
  --fa: "";
}

.fa-diagram-predecessor {
  --fa: "";
}

.fa-arrow-up-long,
.fa-long-arrow-up {
  --fa: "";
}

.fa-burn,
.fa-fire-flame-simple {
  --fa: "";
}

.fa-male,
.fa-person {
  --fa: "";
}

.fa-laptop {
  --fa: "";
}

.fa-file-csv {
  --fa: "";
}

.fa-menorah {
  --fa: "";
}

.fa-truck-plane {
  --fa: "";
}

.fa-record-vinyl {
  --fa: "";
}

.fa-face-grin-stars,
.fa-grin-stars {
  --fa: "";
}

.fa-bong {
  --fa: "";
}

.fa-pastafarianism,
.fa-spaghetti-monster-flying {
  --fa: "";
}

.fa-arrow-down-up-across-line {
  --fa: "";
}

.fa-spoon,
.fa-utensil-spoon {
  --fa: "";
}

.fa-jar-wheat {
  --fa: "";
}

.fa-envelopes-bulk,
.fa-mail-bulk {
  --fa: "";
}

.fa-file-circle-exclamation {
  --fa: "";
}

.fa-circle-h,
.fa-hospital-symbol {
  --fa: "";
}

.fa-pager {
  --fa: "";
}

.fa-address-book,
.fa-contact-book {
  --fa: "";
}

.fa-strikethrough {
  --fa: "";
}

.fa-k {
  --fa: "K";
}

.fa-landmark-flag {
  --fa: "";
}

.fa-pencil,
.fa-pencil-alt {
  --fa: "";
}

.fa-backward {
  --fa: "";
}

.fa-caret-right {
  --fa: "";
}

.fa-comments {
  --fa: "";
}

.fa-file-clipboard,
.fa-paste {
  --fa: "";
}

.fa-code-pull-request {
  --fa: "";
}

.fa-clipboard-list {
  --fa: "";
}

.fa-truck-loading,
.fa-truck-ramp-box {
  --fa: "";
}

.fa-user-check {
  --fa: "";
}

.fa-vial-virus {
  --fa: "";
}

.fa-sheet-plastic {
  --fa: "";
}

.fa-blog {
  --fa: "";
}

.fa-user-ninja {
  --fa: "";
}

.fa-person-arrow-up-from-line {
  --fa: "";
}

.fa-scroll-torah,
.fa-torah {
  --fa: "";
}

.fa-broom-ball,
.fa-quidditch,
.fa-quidditch-broom-ball {
  --fa: "";
}

.fa-toggle-off {
  --fa: "";
}

.fa-archive,
.fa-box-archive {
  --fa: "";
}

.fa-person-drowning {
  --fa: "";
}

.fa-arrow-down-9-1,
.fa-sort-numeric-desc,
.fa-sort-numeric-down-alt {
  --fa: "";
}

.fa-face-grin-tongue-squint,
.fa-grin-tongue-squint {
  --fa: "";
}

.fa-spray-can {
  --fa: "";
}

.fa-truck-monster {
  --fa: "";
}

.fa-w {
  --fa: "W";
}

.fa-earth-africa,
.fa-globe-africa {
  --fa: "";
}

.fa-rainbow {
  --fa: "";
}

.fa-circle-notch {
  --fa: "";
}

.fa-tablet-alt,
.fa-tablet-screen-button {
  --fa: "";
}

.fa-paw {
  --fa: "";
}

.fa-cloud {
  --fa: "";
}

.fa-trowel-bricks {
  --fa: "";
}

.fa-face-flushed,
.fa-flushed {
  --fa: "";
}

.fa-hospital-user {
  --fa: "";
}

.fa-tent-arrow-left-right {
  --fa: "";
}

.fa-gavel,
.fa-legal {
  --fa: "";
}

.fa-binoculars {
  --fa: "";
}

.fa-microphone-slash {
  --fa: "";
}

.fa-box-tissue {
  --fa: "";
}

.fa-motorcycle {
  --fa: "";
}

.fa-bell-concierge,
.fa-concierge-bell {
  --fa: "";
}

.fa-pen-ruler,
.fa-pencil-ruler {
  --fa: "";
}

.fa-people-arrows,
.fa-people-arrows-left-right {
  --fa: "";
}

.fa-mars-and-venus-burst {
  --fa: "";
}

.fa-caret-square-right,
.fa-square-caret-right {
  --fa: "";
}

.fa-cut,
.fa-scissors {
  --fa: "";
}

.fa-sun-plant-wilt {
  --fa: "";
}

.fa-toilets-portable {
  --fa: "";
}

.fa-hockey-puck {
  --fa: "";
}

.fa-table {
  --fa: "";
}

.fa-magnifying-glass-arrow-right {
  --fa: "";
}

.fa-digital-tachograph,
.fa-tachograph-digital {
  --fa: "";
}

.fa-users-slash {
  --fa: "";
}

.fa-clover {
  --fa: "";
}

.fa-mail-reply,
.fa-reply {
  --fa: "";
}

.fa-star-and-crescent {
  --fa: "";
}

.fa-house-fire {
  --fa: "";
}

.fa-minus-square,
.fa-square-minus {
  --fa: "";
}

.fa-helicopter {
  --fa: "";
}

.fa-compass {
  --fa: "";
}

.fa-caret-square-down,
.fa-square-caret-down {
  --fa: "";
}

.fa-file-circle-question {
  --fa: "";
}

.fa-laptop-code {
  --fa: "";
}

.fa-swatchbook {
  --fa: "";
}

.fa-prescription-bottle {
  --fa: "";
}

.fa-bars,
.fa-navicon {
  --fa: "";
}

.fa-people-group {
  --fa: "";
}

.fa-hourglass-3,
.fa-hourglass-end {
  --fa: "";
}

.fa-heart-broken,
.fa-heart-crack {
  --fa: "";
}

.fa-external-link-square-alt,
.fa-square-up-right {
  --fa: "";
}

.fa-face-kiss-beam,
.fa-kiss-beam {
  --fa: "";
}

.fa-film {
  --fa: "";
}

.fa-ruler-horizontal {
  --fa: "";
}

.fa-people-robbery {
  --fa: "";
}

.fa-lightbulb {
  --fa: "";
}

.fa-caret-left {
  --fa: "";
}

.fa-circle-exclamation,
.fa-exclamation-circle {
  --fa: "";
}

.fa-school-circle-xmark {
  --fa: "";
}

.fa-arrow-right-from-bracket,
.fa-sign-out {
  --fa: "";
}

.fa-chevron-circle-down,
.fa-circle-chevron-down {
  --fa: "";
}

.fa-unlock-alt,
.fa-unlock-keyhole {
  --fa: "";
}

.fa-cloud-showers-heavy {
  --fa: "";
}

.fa-headphones-alt,
.fa-headphones-simple {
  --fa: "";
}

.fa-sitemap {
  --fa: "";
}

.fa-circle-dollar-to-slot,
.fa-donate {
  --fa: "";
}

.fa-memory {
  --fa: "";
}

.fa-road-spikes {
  --fa: "";
}

.fa-fire-burner {
  --fa: "";
}

.fa-flag {
  --fa: "";
}

.fa-hanukiah {
  --fa: "";
}

.fa-feather {
  --fa: "";
}

.fa-volume-down,
.fa-volume-low {
  --fa: "";
}

.fa-comment-slash {
  --fa: "";
}

.fa-cloud-sun-rain {
  --fa: "";
}

.fa-compress {
  --fa: "";
}

.fa-wheat-alt,
.fa-wheat-awn {
  --fa: "";
}

.fa-ankh {
  --fa: "";
}

.fa-hands-holding-child {
  --fa: "";
}

.fa-asterisk {
  --fa: "*";
}

.fa-check-square,
.fa-square-check {
  --fa: "";
}

.fa-peseta-sign {
  --fa: "";
}

.fa-header,
.fa-heading {
  --fa: "";
}

.fa-ghost {
  --fa: "";
}

.fa-list,
.fa-list-squares {
  --fa: "";
}

.fa-phone-square-alt,
.fa-square-phone-flip {
  --fa: "";
}

.fa-cart-plus {
  --fa: "";
}

.fa-gamepad {
  --fa: "";
}

.fa-circle-dot,
.fa-dot-circle {
  --fa: "";
}

.fa-dizzy,
.fa-face-dizzy {
  --fa: "";
}

.fa-egg {
  --fa: "";
}

.fa-house-medical-circle-xmark {
  --fa: "";
}

.fa-campground {
  --fa: "";
}

.fa-folder-plus {
  --fa: "";
}

.fa-futbol,
.fa-futbol-ball,
.fa-soccer-ball {
  --fa: "";
}

.fa-paint-brush,
.fa-paintbrush {
  --fa: "";
}

.fa-lock {
  --fa: "";
}

.fa-gas-pump {
  --fa: "";
}

.fa-hot-tub,
.fa-hot-tub-person {
  --fa: "";
}

.fa-map-location,
.fa-map-marked {
  --fa: "";
}

.fa-house-flood-water {
  --fa: "";
}

.fa-tree {
  --fa: "";
}

.fa-bridge-lock {
  --fa: "";
}

.fa-sack-dollar {
  --fa: "";
}

.fa-edit,
.fa-pen-to-square {
  --fa: "";
}

.fa-car-side {
  --fa: "";
}

.fa-share-alt,
.fa-share-nodes {
  --fa: "";
}

.fa-heart-circle-minus {
  --fa: "";
}

.fa-hourglass-2,
.fa-hourglass-half {
  --fa: "";
}

.fa-microscope {
  --fa: "";
}

.fa-sink {
  --fa: "";
}

.fa-bag-shopping,
.fa-shopping-bag {
  --fa: "";
}

.fa-arrow-down-z-a,
.fa-sort-alpha-desc,
.fa-sort-alpha-down-alt {
  --fa: "";
}

.fa-mitten {
  --fa: "";
}

.fa-person-rays {
  --fa: "";
}

.fa-users {
  --fa: "";
}

.fa-eye-slash {
  --fa: "";
}

.fa-flask-vial {
  --fa: "";
}

.fa-hand,
.fa-hand-paper {
  --fa: "";
}

.fa-om {
  --fa: "";
}

.fa-worm {
  --fa: "";
}

.fa-house-circle-xmark {
  --fa: "";
}

.fa-plug {
  --fa: "";
}

.fa-chevron-up {
  --fa: "";
}

.fa-hand-spock {
  --fa: "";
}

.fa-stopwatch {
  --fa: "";
}

.fa-face-kiss,
.fa-kiss {
  --fa: "";
}

.fa-bridge-circle-xmark {
  --fa: "";
}

.fa-face-grin-tongue,
.fa-grin-tongue {
  --fa: "";
}

.fa-chess-bishop {
  --fa: "";
}

.fa-face-grin-wink,
.fa-grin-wink {
  --fa: "";
}

.fa-deaf,
.fa-deafness,
.fa-ear-deaf,
.fa-hard-of-hearing {
  --fa: "";
}

.fa-road-circle-check {
  --fa: "";
}

.fa-dice-five {
  --fa: "";
}

.fa-rss-square,
.fa-square-rss {
  --fa: "";
}

.fa-land-mine-on {
  --fa: "";
}

.fa-i-cursor {
  --fa: "";
}

.fa-stamp {
  --fa: "";
}

.fa-stairs {
  --fa: "";
}

.fa-i {
  --fa: "I";
}

.fa-hryvnia,
.fa-hryvnia-sign {
  --fa: "";
}

.fa-pills {
  --fa: "";
}

.fa-face-grin-wide,
.fa-grin-alt {
  --fa: "";
}

.fa-tooth {
  --fa: "";
}

.fa-v {
  --fa: "V";
}

.fa-bangladeshi-taka-sign {
  --fa: "";
}

.fa-bicycle {
  --fa: "";
}

.fa-rod-asclepius,
.fa-rod-snake,
.fa-staff-aesculapius,
.fa-staff-snake {
  --fa: "";
}

.fa-head-side-cough-slash {
  --fa: "";
}

.fa-ambulance,
.fa-truck-medical {
  --fa: "";
}

.fa-wheat-awn-circle-exclamation {
  --fa: "";
}

.fa-snowman {
  --fa: "";
}

.fa-mortar-pestle {
  --fa: "";
}

.fa-road-barrier {
  --fa: "";
}

.fa-school {
  --fa: "";
}

.fa-igloo {
  --fa: "";
}

.fa-joint {
  --fa: "";
}

.fa-angle-right {
  --fa: "";
}

.fa-horse {
  --fa: "";
}

.fa-q {
  --fa: "Q";
}

.fa-g {
  --fa: "G";
}

.fa-notes-medical {
  --fa: "";
}

.fa-temperature-2,
.fa-temperature-half,
.fa-thermometer-2,
.fa-thermometer-half {
  --fa: "";
}

.fa-dong-sign {
  --fa: "";
}

.fa-capsules {
  --fa: "";
}

.fa-poo-bolt,
.fa-poo-storm {
  --fa: "";
}

.fa-face-frown-open,
.fa-frown-open {
  --fa: "";
}

.fa-hand-point-up {
  --fa: "";
}

.fa-money-bill {
  --fa: "";
}

.fa-bookmark {
  --fa: "";
}

.fa-align-justify {
  --fa: "";
}

.fa-umbrella-beach {
  --fa: "";
}

.fa-helmet-un {
  --fa: "";
}

.fa-bullseye {
  --fa: "";
}

.fa-bacon {
  --fa: "";
}

.fa-hand-point-down {
  --fa: "";
}

.fa-arrow-up-from-bracket {
  --fa: "";
}

.fa-folder,
.fa-folder-blank {
  --fa: "";
}

.fa-file-medical-alt,
.fa-file-waveform {
  --fa: "";
}

.fa-radiation {
  --fa: "";
}

.fa-chart-simple {
  --fa: "";
}

.fa-mars-stroke {
  --fa: "";
}

.fa-vial {
  --fa: "";
}

.fa-dashboard,
.fa-gauge,
.fa-gauge-med,
.fa-tachometer-alt-average {
  --fa: "";
}

.fa-magic-wand-sparkles,
.fa-wand-magic-sparkles {
  --fa: "";
}

.fa-e {
  --fa: "E";
}

.fa-pen-alt,
.fa-pen-clip {
  --fa: "";
}

.fa-bridge-circle-exclamation {
  --fa: "";
}

.fa-user {
  --fa: "";
}

.fa-school-circle-check {
  --fa: "";
}

.fa-dumpster {
  --fa: "";
}

.fa-shuttle-van,
.fa-van-shuttle {
  --fa: "";
}

.fa-building-user {
  --fa: "";
}

.fa-caret-square-left,
.fa-square-caret-left {
  --fa: "";
}

.fa-highlighter {
  --fa: "";
}

.fa-key {
  --fa: "";
}

.fa-bullhorn {
  --fa: "";
}

.fa-globe {
  --fa: "";
}

.fa-synagogue {
  --fa: "";
}

.fa-person-half-dress {
  --fa: "";
}

.fa-road-bridge {
  --fa: "";
}

.fa-location-arrow {
  --fa: "";
}

.fa-c {
  --fa: "C";
}

.fa-tablet-button {
  --fa: "";
}

.fa-building-lock {
  --fa: "";
}

.fa-pizza-slice {
  --fa: "";
}

.fa-money-bill-wave {
  --fa: "";
}

.fa-area-chart,
.fa-chart-area {
  --fa: "";
}

.fa-house-flag {
  --fa: "";
}

.fa-person-circle-minus {
  --fa: "";
}

.fa-ban,
.fa-cancel {
  --fa: "";
}

.fa-camera-rotate {
  --fa: "";
}

.fa-air-freshener,
.fa-spray-can-sparkles {
  --fa: "";
}

.fa-star {
  --fa: "";
}

.fa-repeat {
  --fa: "";
}

.fa-cross {
  --fa: "";
}

.fa-box {
  --fa: "";
}

.fa-venus-mars {
  --fa: "";
}

.fa-arrow-pointer,
.fa-mouse-pointer {
  --fa: "";
}

.fa-expand-arrows-alt,
.fa-maximize {
  --fa: "";
}

.fa-charging-station {
  --fa: "";
}

.fa-shapes,
.fa-triangle-circle-square {
  --fa: "";
}

.fa-random,
.fa-shuffle {
  --fa: "";
}

.fa-person-running,
.fa-running {
  --fa: "";
}

.fa-mobile-retro {
  --fa: "";
}

.fa-grip-lines-vertical {
  --fa: "";
}

.fa-spider {
  --fa: "";
}

.fa-hands-bound {
  --fa: "";
}

.fa-file-invoice-dollar {
  --fa: "";
}

.fa-plane-circle-exclamation {
  --fa: "";
}

.fa-x-ray {
  --fa: "";
}

.fa-spell-check {
  --fa: "";
}

.fa-slash {
  --fa: "";
}

.fa-computer-mouse,
.fa-mouse {
  --fa: "";
}

.fa-arrow-right-to-bracket,
.fa-sign-in {
  --fa: "";
}

.fa-shop-slash,
.fa-store-alt-slash {
  --fa: "";
}

.fa-server {
  --fa: "";
}

.fa-virus-covid-slash {
  --fa: "";
}

.fa-shop-lock {
  --fa: "";
}

.fa-hourglass-1,
.fa-hourglass-start {
  --fa: "";
}

.fa-blender-phone {
  --fa: "";
}

.fa-building-wheat {
  --fa: "";
}

.fa-person-breastfeeding {
  --fa: "";
}

.fa-right-to-bracket,
.fa-sign-in-alt {
  --fa: "";
}

.fa-venus {
  --fa: "";
}

.fa-passport {
  --fa: "";
}

.fa-thumb-tack-slash,
.fa-thumbtack-slash {
  --fa: "";
}

.fa-heart-pulse,
.fa-heartbeat {
  --fa: "";
}

.fa-people-carry,
.fa-people-carry-box {
  --fa: "";
}

.fa-temperature-high {
  --fa: "";
}

.fa-microchip {
  --fa: "";
}

.fa-crown {
  --fa: "";
}

.fa-weight-hanging {
  --fa: "";
}

.fa-xmarks-lines {
  --fa: "";
}

.fa-file-prescription {
  --fa: "";
}

.fa-weight,
.fa-weight-scale {
  --fa: "";
}

.fa-user-friends,
.fa-user-group {
  --fa: "";
}

.fa-arrow-up-a-z,
.fa-sort-alpha-up {
  --fa: "";
}

.fa-chess-knight {
  --fa: "";
}

.fa-face-laugh-squint,
.fa-laugh-squint {
  --fa: "";
}

.fa-wheelchair {
  --fa: "";
}

.fa-arrow-circle-up,
.fa-circle-arrow-up {
  --fa: "";
}

.fa-toggle-on {
  --fa: "";
}

.fa-person-walking,
.fa-walking {
  --fa: "";
}

.fa-l {
  --fa: "L";
}

.fa-fire {
  --fa: "";
}

.fa-bed-pulse,
.fa-procedures {
  --fa: "";
}

.fa-shuttle-space,
.fa-space-shuttle {
  --fa: "";
}

.fa-face-laugh,
.fa-laugh {
  --fa: "";
}

.fa-folder-open {
  --fa: "";
}

.fa-heart-circle-plus {
  --fa: "";
}

.fa-code-fork {
  --fa: "";
}

.fa-city {
  --fa: "";
}

.fa-microphone-alt,
.fa-microphone-lines {
  --fa: "";
}

.fa-pepper-hot {
  --fa: "";
}

.fa-unlock {
  --fa: "";
}

.fa-colon-sign {
  --fa: "";
}

.fa-headset {
  --fa: "";
}

.fa-store-slash {
  --fa: "";
}

.fa-road-circle-xmark {
  --fa: "";
}

.fa-user-minus {
  --fa: "";
}

.fa-mars-stroke-up,
.fa-mars-stroke-v {
  --fa: "";
}

.fa-champagne-glasses,
.fa-glass-cheers {
  --fa: "";
}

.fa-clipboard {
  --fa: "";
}

.fa-house-circle-exclamation {
  --fa: "";
}

.fa-file-arrow-up,
.fa-file-upload {
  --fa: "";
}

.fa-wifi,
.fa-wifi-3,
.fa-wifi-strong {
  --fa: "";
}

.fa-bath,
.fa-bathtub {
  --fa: "";
}

.fa-underline {
  --fa: "";
}

.fa-user-edit,
.fa-user-pen {
  --fa: "";
}

.fa-signature {
  --fa: "";
}

.fa-stroopwafel {
  --fa: "";
}

.fa-bold {
  --fa: "";
}

.fa-anchor-lock {
  --fa: "";
}

.fa-building-ngo {
  --fa: "";
}

.fa-manat-sign {
  --fa: "";
}

.fa-not-equal {
  --fa: "";
}

.fa-border-style,
.fa-border-top-left {
  --fa: "";
}

.fa-map-location-dot,
.fa-map-marked-alt {
  --fa: "";
}

.fa-jedi {
  --fa: "";
}

.fa-poll,
.fa-square-poll-vertical {
  --fa: "";
}

.fa-mug-hot {
  --fa: "";
}

.fa-battery-car,
.fa-car-battery {
  --fa: "";
}

.fa-gift {
  --fa: "";
}

.fa-dice-two {
  --fa: "";
}

.fa-chess-queen {
  --fa: "";
}

.fa-glasses {
  --fa: "";
}

.fa-chess-board {
  --fa: "";
}

.fa-building-circle-check {
  --fa: "";
}

.fa-person-chalkboard {
  --fa: "";
}

.fa-mars-stroke-h,
.fa-mars-stroke-right {
  --fa: "";
}

.fa-hand-back-fist,
.fa-hand-rock {
  --fa: "";
}

.fa-caret-square-up,
.fa-square-caret-up {
  --fa: "";
}

.fa-cloud-showers-water {
  --fa: "";
}

.fa-bar-chart,
.fa-chart-bar {
  --fa: "";
}

.fa-hands-bubbles,
.fa-hands-wash {
  --fa: "";
}

.fa-less-than-equal {
  --fa: "";
}

.fa-train {
  --fa: "";
}

.fa-eye-low-vision,
.fa-low-vision {
  --fa: "";
}

.fa-crow {
  --fa: "";
}

.fa-sailboat {
  --fa: "";
}

.fa-window-restore {
  --fa: "";
}

.fa-plus-square,
.fa-square-plus {
  --fa: "";
}

.fa-torii-gate {
  --fa: "";
}

.fa-frog {
  --fa: "";
}

.fa-bucket {
  --fa: "";
}

.fa-image {
  --fa: "";
}

.fa-microphone {
  --fa: "";
}

.fa-cow {
  --fa: "";
}

.fa-caret-up {
  --fa: "";
}

.fa-screwdriver {
  --fa: "";
}

.fa-folder-closed {
  --fa: "";
}

.fa-house-tsunami {
  --fa: "";
}

.fa-square-nfi {
  --fa: "";
}

.fa-arrow-up-from-ground-water {
  --fa: "";
}

.fa-glass-martini-alt,
.fa-martini-glass {
  --fa: "";
}

.fa-square-binary {
  --fa: "";
}

.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
  --fa: "";
}

.fa-columns,
.fa-table-columns {
  --fa: "";
}

.fa-lemon {
  --fa: "";
}

.fa-head-side-mask {
  --fa: "";
}

.fa-handshake {
  --fa: "";
}

.fa-gem {
  --fa: "";
}

.fa-dolly,
.fa-dolly-box {
  --fa: "";
}

.fa-smoking {
  --fa: "";
}

.fa-compress-arrows-alt,
.fa-minimize {
  --fa: "";
}

.fa-monument {
  --fa: "";
}

.fa-snowplow {
  --fa: "";
}

.fa-angle-double-right,
.fa-angles-right {
  --fa: "";
}

.fa-cannabis {
  --fa: "";
}

.fa-circle-play,
.fa-play-circle {
  --fa: "";
}

.fa-tablets {
  --fa: "";
}

.fa-ethernet {
  --fa: "";
}

.fa-eur,
.fa-euro,
.fa-euro-sign {
  --fa: "";
}

.fa-chair {
  --fa: "";
}

.fa-check-circle,
.fa-circle-check {
  --fa: "";
}

.fa-circle-stop,
.fa-stop-circle {
  --fa: "";
}

.fa-compass-drafting,
.fa-drafting-compass {
  --fa: "";
}

.fa-plate-wheat {
  --fa: "";
}

.fa-icicles {
  --fa: "";
}

.fa-person-shelter {
  --fa: "";
}

.fa-neuter {
  --fa: "";
}

.fa-id-badge {
  --fa: "";
}

.fa-marker {
  --fa: "";
}

.fa-face-laugh-beam,
.fa-laugh-beam {
  --fa: "";
}

.fa-helicopter-symbol {
  --fa: "";
}

.fa-universal-access {
  --fa: "";
}

.fa-chevron-circle-up,
.fa-circle-chevron-up {
  --fa: "";
}

.fa-lari-sign {
  --fa: "";
}

.fa-volcano {
  --fa: "";
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: "";
}

.fa-gbp,
.fa-pound-sign,
.fa-sterling-sign {
  --fa: "";
}

.fa-viruses {
  --fa: "";
}

.fa-square-person-confined {
  --fa: "";
}

.fa-user-tie {
  --fa: "";
}

.fa-arrow-down-long,
.fa-long-arrow-down {
  --fa: "";
}

.fa-tent-arrow-down-to-line {
  --fa: "";
}

.fa-certificate {
  --fa: "";
}

.fa-mail-reply-all,
.fa-reply-all {
  --fa: "";
}

.fa-suitcase {
  --fa: "";
}

.fa-person-skating,
.fa-skating {
  --fa: "";
}

.fa-filter-circle-dollar,
.fa-funnel-dollar {
  --fa: "";
}

.fa-camera-retro {
  --fa: "";
}

.fa-arrow-circle-down,
.fa-circle-arrow-down {
  --fa: "";
}

.fa-arrow-right-to-file,
.fa-file-import {
  --fa: "";
}

.fa-external-link-square,
.fa-square-arrow-up-right {
  --fa: "";
}

.fa-box-open {
  --fa: "";
}

.fa-scroll {
  --fa: "";
}

.fa-spa {
  --fa: "";
}

.fa-location-pin-lock {
  --fa: "";
}

.fa-pause {
  --fa: "";
}

.fa-hill-avalanche {
  --fa: "";
}

.fa-temperature-0,
.fa-temperature-empty,
.fa-thermometer-0,
.fa-thermometer-empty {
  --fa: "";
}

.fa-bomb {
  --fa: "";
}

.fa-registered {
  --fa: "";
}

.fa-address-card,
.fa-contact-card,
.fa-vcard {
  --fa: "";
}

.fa-balance-scale-right,
.fa-scale-unbalanced-flip {
  --fa: "";
}

.fa-subscript {
  --fa: "";
}

.fa-diamond-turn-right,
.fa-directions {
  --fa: "";
}

.fa-burst {
  --fa: "";
}

.fa-house-laptop,
.fa-laptop-house {
  --fa: "";
}

.fa-face-tired,
.fa-tired {
  --fa: "";
}

.fa-money-bills {
  --fa: "";
}

.fa-smog {
  --fa: "";
}

.fa-crutch {
  --fa: "";
}

.fa-cloud-arrow-up,
.fa-cloud-upload,
.fa-cloud-upload-alt {
  --fa: "";
}

.fa-palette {
  --fa: "";
}

.fa-arrows-turn-right {
  --fa: "";
}

.fa-vest {
  --fa: "";
}

.fa-ferry {
  --fa: "";
}

.fa-arrows-down-to-people {
  --fa: "";
}

.fa-seedling,
.fa-sprout {
  --fa: "";
}

.fa-arrows-alt-h,
.fa-left-right {
  --fa: "";
}

.fa-boxes-packing {
  --fa: "";
}

.fa-arrow-circle-left,
.fa-circle-arrow-left {
  --fa: "";
}

.fa-group-arrows-rotate {
  --fa: "";
}

.fa-bowl-food {
  --fa: "";
}

.fa-candy-cane {
  --fa: "";
}

.fa-arrow-down-wide-short,
.fa-sort-amount-asc,
.fa-sort-amount-down {
  --fa: "";
}

.fa-cloud-bolt,
.fa-thunderstorm {
  --fa: "";
}

.fa-remove-format,
.fa-text-slash {
  --fa: "";
}

.fa-face-smile-wink,
.fa-smile-wink {
  --fa: "";
}

.fa-file-word {
  --fa: "";
}

.fa-file-powerpoint {
  --fa: "";
}

.fa-arrows-h,
.fa-arrows-left-right {
  --fa: "";
}

.fa-house-lock {
  --fa: "";
}

.fa-cloud-arrow-down,
.fa-cloud-download,
.fa-cloud-download-alt {
  --fa: "";
}

.fa-children {
  --fa: "";
}

.fa-blackboard,
.fa-chalkboard {
  --fa: "";
}

.fa-user-alt-slash,
.fa-user-large-slash {
  --fa: "";
}

.fa-envelope-open {
  --fa: "";
}

.fa-handshake-alt-slash,
.fa-handshake-simple-slash {
  --fa: "";
}

.fa-mattress-pillow {
  --fa: "";
}

.fa-guarani-sign {
  --fa: "";
}

.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
  --fa: "";
}

.fa-fire-extinguisher {
  --fa: "";
}

.fa-cruzeiro-sign {
  --fa: "";
}

.fa-greater-than-equal {
  --fa: "";
}

.fa-shield-alt,
.fa-shield-halved {
  --fa: "";
}

.fa-atlas,
.fa-book-atlas {
  --fa: "";
}

.fa-virus {
  --fa: "";
}

.fa-envelope-circle-check {
  --fa: "";
}

.fa-layer-group {
  --fa: "";
}

.fa-arrows-to-dot {
  --fa: "";
}

.fa-archway {
  --fa: "";
}

.fa-heart-circle-check {
  --fa: "";
}

.fa-house-chimney-crack,
.fa-house-damage {
  --fa: "";
}

.fa-file-archive,
.fa-file-zipper {
  --fa: "";
}

.fa-square {
  --fa: "";
}

.fa-glass-martini,
.fa-martini-glass-empty {
  --fa: "";
}

.fa-couch {
  --fa: "";
}

.fa-cedi-sign {
  --fa: "";
}

.fa-italic {
  --fa: "";
}

.fa-table-cells-column-lock {
  --fa: "";
}

.fa-church {
  --fa: "";
}

.fa-comments-dollar {
  --fa: "";
}

.fa-democrat {
  --fa: "";
}

.fa-z {
  --fa: "Z";
}

.fa-person-skiing,
.fa-skiing {
  --fa: "";
}

.fa-road-lock {
  --fa: "";
}

.fa-a {
  --fa: "A";
}

.fa-temperature-arrow-down,
.fa-temperature-down {
  --fa: "";
}

.fa-feather-alt,
.fa-feather-pointed {
  --fa: "";
}

.fa-p {
  --fa: "P";
}

.fa-snowflake {
  --fa: "";
}

.fa-newspaper {
  --fa: "";
}

.fa-ad,
.fa-rectangle-ad {
  --fa: "";
}

.fa-arrow-circle-right,
.fa-circle-arrow-right {
  --fa: "";
}

.fa-filter-circle-xmark {
  --fa: "";
}

.fa-locust {
  --fa: "";
}

.fa-sort,
.fa-unsorted {
  --fa: "";
}

.fa-list-1-2,
.fa-list-numeric,
.fa-list-ol {
  --fa: "";
}

.fa-person-dress-burst {
  --fa: "";
}

.fa-money-check-alt,
.fa-money-check-dollar {
  --fa: "";
}

.fa-vector-square {
  --fa: "";
}

.fa-bread-slice {
  --fa: "";
}

.fa-language {
  --fa: "";
}

.fa-face-kiss-wink-heart,
.fa-kiss-wink-heart {
  --fa: "";
}

.fa-filter {
  --fa: "";
}

.fa-question {
  --fa: "?";
}

.fa-file-signature {
  --fa: "";
}

.fa-arrows-alt,
.fa-up-down-left-right {
  --fa: "";
}

.fa-house-chimney-user {
  --fa: "";
}

.fa-hand-holding-heart {
  --fa: "";
}

.fa-puzzle-piece {
  --fa: "";
}

.fa-money-check {
  --fa: "";
}

.fa-star-half-alt,
.fa-star-half-stroke {
  --fa: "";
}

.fa-code {
  --fa: "";
}

.fa-glass-whiskey,
.fa-whiskey-glass {
  --fa: "";
}

.fa-building-circle-exclamation {
  --fa: "";
}

.fa-magnifying-glass-chart {
  --fa: "";
}

.fa-arrow-up-right-from-square,
.fa-external-link {
  --fa: "";
}

.fa-cubes-stacked {
  --fa: "";
}

.fa-krw,
.fa-won,
.fa-won-sign {
  --fa: "";
}

.fa-virus-covid {
  --fa: "";
}

.fa-austral-sign {
  --fa: "";
}

.fa-f {
  --fa: "F";
}

.fa-leaf {
  --fa: "";
}

.fa-road {
  --fa: "";
}

.fa-cab,
.fa-taxi {
  --fa: "";
}

.fa-person-circle-plus {
  --fa: "";
}

.fa-chart-pie,
.fa-pie-chart {
  --fa: "";
}

.fa-bolt-lightning {
  --fa: "";
}

.fa-sack-xmark {
  --fa: "";
}

.fa-file-excel {
  --fa: "";
}

.fa-file-contract {
  --fa: "";
}

.fa-fish-fins {
  --fa: "";
}

.fa-building-flag {
  --fa: "";
}

.fa-face-grin-beam,
.fa-grin-beam {
  --fa: "";
}

.fa-object-ungroup {
  --fa: "";
}

.fa-poop {
  --fa: "";
}

.fa-location-pin,
.fa-map-marker {
  --fa: "";
}

.fa-kaaba {
  --fa: "";
}

.fa-toilet-paper {
  --fa: "";
}

.fa-hard-hat,
.fa-hat-hard,
.fa-helmet-safety {
  --fa: "";
}

.fa-eject {
  --fa: "";
}

.fa-arrow-alt-circle-right,
.fa-circle-right {
  --fa: "";
}

.fa-plane-circle-check {
  --fa: "";
}

.fa-face-rolling-eyes,
.fa-meh-rolling-eyes {
  --fa: "";
}

.fa-object-group {
  --fa: "";
}

.fa-chart-line,
.fa-line-chart {
  --fa: "";
}

.fa-mask-ventilator {
  --fa: "";
}

.fa-arrow-right {
  --fa: "";
}

.fa-map-signs,
.fa-signs-post {
  --fa: "";
}

.fa-cash-register {
  --fa: "";
}

.fa-person-circle-question {
  --fa: "";
}

.fa-h {
  --fa: "H";
}

.fa-tarp {
  --fa: "";
}

.fa-screwdriver-wrench,
.fa-tools {
  --fa: "";
}

.fa-arrows-to-eye {
  --fa: "";
}

.fa-plug-circle-bolt {
  --fa: "";
}

.fa-heart {
  --fa: "";
}

.fa-mars-and-venus {
  --fa: "";
}

.fa-home-user,
.fa-house-user {
  --fa: "";
}

.fa-dumpster-fire {
  --fa: "";
}

.fa-house-crack {
  --fa: "";
}

.fa-cocktail,
.fa-martini-glass-citrus {
  --fa: "";
}

.fa-face-surprise,
.fa-surprise {
  --fa: "";
}

.fa-bottle-water {
  --fa: "";
}

.fa-circle-pause,
.fa-pause-circle {
  --fa: "";
}

.fa-toilet-paper-slash {
  --fa: "";
}

.fa-apple-alt,
.fa-apple-whole {
  --fa: "";
}

.fa-kitchen-set {
  --fa: "";
}

.fa-r {
  --fa: "R";
}

.fa-temperature-1,
.fa-temperature-quarter,
.fa-thermometer-1,
.fa-thermometer-quarter {
  --fa: "";
}

.fa-cube {
  --fa: "";
}

.fa-bitcoin-sign {
  --fa: "";
}

.fa-shield-dog {
  --fa: "";
}

.fa-solar-panel {
  --fa: "";
}

.fa-lock-open {
  --fa: "";
}

.fa-elevator {
  --fa: "";
}

.fa-money-bill-transfer {
  --fa: "";
}

.fa-money-bill-trend-up {
  --fa: "";
}

.fa-house-flood-water-circle-arrow-right {
  --fa: "";
}

.fa-poll-h,
.fa-square-poll-horizontal {
  --fa: "";
}

.fa-circle {
  --fa: "";
}

.fa-backward-fast,
.fa-fast-backward {
  --fa: "";
}

.fa-recycle {
  --fa: "";
}

.fa-user-astronaut {
  --fa: "";
}

.fa-plane-slash {
  --fa: "";
}

.fa-trademark {
  --fa: "";
}

.fa-basketball,
.fa-basketball-ball {
  --fa: "";
}

.fa-satellite-dish {
  --fa: "";
}

.fa-arrow-alt-circle-up,
.fa-circle-up {
  --fa: "";
}

.fa-mobile-alt,
.fa-mobile-screen-button {
  --fa: "";
}

.fa-volume-high,
.fa-volume-up {
  --fa: "";
}

.fa-users-rays {
  --fa: "";
}

.fa-wallet {
  --fa: "";
}

.fa-clipboard-check {
  --fa: "";
}

.fa-file-audio {
  --fa: "";
}

.fa-burger,
.fa-hamburger {
  --fa: "";
}

.fa-wrench {
  --fa: "";
}

.fa-bugs {
  --fa: "";
}

.fa-rupee,
.fa-rupee-sign {
  --fa: "";
}

.fa-file-image {
  --fa: "";
}

.fa-circle-question,
.fa-question-circle {
  --fa: "";
}

.fa-plane-departure {
  --fa: "";
}

.fa-handshake-slash {
  --fa: "";
}

.fa-book-bookmark {
  --fa: "";
}

.fa-code-branch {
  --fa: "";
}

.fa-hat-cowboy {
  --fa: "";
}

.fa-bridge {
  --fa: "";
}

.fa-phone-alt,
.fa-phone-flip {
  --fa: "";
}

.fa-truck-front {
  --fa: "";
}

.fa-cat {
  --fa: "";
}

.fa-anchor-circle-exclamation {
  --fa: "";
}

.fa-truck-field {
  --fa: "";
}

.fa-route {
  --fa: "";
}

.fa-clipboard-question {
  --fa: "";
}

.fa-panorama {
  --fa: "";
}

.fa-comment-medical {
  --fa: "";
}

.fa-teeth-open {
  --fa: "";
}

.fa-file-circle-minus {
  --fa: "";
}

.fa-tags {
  --fa: "";
}

.fa-wine-glass {
  --fa: "";
}

.fa-fast-forward,
.fa-forward-fast {
  --fa: "";
}

.fa-face-meh-blank,
.fa-meh-blank {
  --fa: "";
}

.fa-parking,
.fa-square-parking {
  --fa: "";
}

.fa-house-signal {
  --fa: "";
}

.fa-bars-progress,
.fa-tasks-alt {
  --fa: "";
}

.fa-faucet-drip {
  --fa: "";
}

.fa-cart-flatbed,
.fa-dolly-flatbed {
  --fa: "";
}

.fa-ban-smoking,
.fa-smoking-ban {
  --fa: "";
}

.fa-terminal {
  --fa: "";
}

.fa-mobile-button {
  --fa: "";
}

.fa-house-medical-flag {
  --fa: "";
}

.fa-basket-shopping,
.fa-shopping-basket {
  --fa: "";
}

.fa-tape {
  --fa: "";
}

.fa-bus-alt,
.fa-bus-simple {
  --fa: "";
}

.fa-eye {
  --fa: "";
}

.fa-face-sad-cry,
.fa-sad-cry {
  --fa: "";
}

.fa-audio-description {
  --fa: "";
}

.fa-person-military-to-person {
  --fa: "";
}

.fa-file-shield {
  --fa: "";
}

.fa-user-slash {
  --fa: "";
}

.fa-pen {
  --fa: "";
}

.fa-tower-observation {
  --fa: "";
}

.fa-file-code {
  --fa: "";
}

.fa-signal,
.fa-signal-5,
.fa-signal-perfect {
  --fa: "";
}

.fa-bus {
  --fa: "";
}

.fa-heart-circle-xmark {
  --fa: "";
}

.fa-home-lg,
.fa-house-chimney {
  --fa: "";
}

.fa-window-maximize {
  --fa: "";
}

.fa-face-frown,
.fa-frown {
  --fa: "";
}

.fa-prescription {
  --fa: "";
}

.fa-shop,
.fa-store-alt {
  --fa: "";
}

.fa-floppy-disk,
.fa-save {
  --fa: "";
}

.fa-vihara {
  --fa: "";
}

.fa-balance-scale-left,
.fa-scale-unbalanced {
  --fa: "";
}

.fa-sort-asc,
.fa-sort-up {
  --fa: "";
}

.fa-comment-dots,
.fa-commenting {
  --fa: "";
}

.fa-plant-wilt {
  --fa: "";
}

.fa-diamond {
  --fa: "";
}

.fa-face-grin-squint,
.fa-grin-squint {
  --fa: "";
}

.fa-hand-holding-dollar,
.fa-hand-holding-usd {
  --fa: "";
}

.fa-chart-diagram {
  --fa: "";
}

.fa-bacterium {
  --fa: "";
}

.fa-hand-pointer {
  --fa: "";
}

.fa-drum-steelpan {
  --fa: "";
}

.fa-hand-scissors {
  --fa: "";
}

.fa-hands-praying,
.fa-praying-hands {
  --fa: "";
}

.fa-arrow-right-rotate,
.fa-arrow-rotate-forward,
.fa-arrow-rotate-right,
.fa-redo {
  --fa: "";
}

.fa-biohazard {
  --fa: "";
}

.fa-location,
.fa-location-crosshairs {
  --fa: "";
}

.fa-mars-double {
  --fa: "";
}

.fa-child-dress {
  --fa: "";
}

.fa-users-between-lines {
  --fa: "";
}

.fa-lungs-virus {
  --fa: "";
}

.fa-face-grin-tears,
.fa-grin-tears {
  --fa: "";
}

.fa-phone {
  --fa: "";
}

.fa-calendar-times,
.fa-calendar-xmark {
  --fa: "";
}

.fa-child-reaching {
  --fa: "";
}

.fa-head-side-virus {
  --fa: "";
}

.fa-user-cog,
.fa-user-gear {
  --fa: "";
}

.fa-arrow-up-1-9,
.fa-sort-numeric-up {
  --fa: "";
}

.fa-door-closed {
  --fa: "";
}

.fa-shield-virus {
  --fa: "";
}

.fa-dice-six {
  --fa: "";
}

.fa-mosquito-net {
  --fa: "";
}

.fa-file-fragment {
  --fa: "";
}

.fa-bridge-water {
  --fa: "";
}

.fa-person-booth {
  --fa: "";
}

.fa-text-width {
  --fa: "";
}

.fa-hat-wizard {
  --fa: "";
}

.fa-pen-fancy {
  --fa: "";
}

.fa-digging,
.fa-person-digging {
  --fa: "";
}

.fa-trash {
  --fa: "";
}

.fa-gauge-simple,
.fa-gauge-simple-med,
.fa-tachometer-average {
  --fa: "";
}

.fa-book-medical {
  --fa: "";
}

.fa-poo {
  --fa: "";
}

.fa-quote-right,
.fa-quote-right-alt {
  --fa: "";
}

.fa-shirt,
.fa-t-shirt,
.fa-tshirt {
  --fa: "";
}

.fa-cubes {
  --fa: "";
}

.fa-divide {
  --fa: "";
}

.fa-tenge,
.fa-tenge-sign {
  --fa: "";
}

.fa-headphones {
  --fa: "";
}

.fa-hands-holding {
  --fa: "";
}

.fa-hands-clapping {
  --fa: "";
}

.fa-republican {
  --fa: "";
}

.fa-arrow-left {
  --fa: "";
}

.fa-person-circle-xmark {
  --fa: "";
}

.fa-ruler {
  --fa: "";
}

.fa-align-left {
  --fa: "";
}

.fa-dice-d6 {
  --fa: "";
}

.fa-restroom {
  --fa: "";
}

.fa-j {
  --fa: "J";
}

.fa-users-viewfinder {
  --fa: "";
}

.fa-file-video {
  --fa: "";
}

.fa-external-link-alt,
.fa-up-right-from-square {
  --fa: "";
}

.fa-table-cells,
.fa-th {
  --fa: "";
}

.fa-file-pdf {
  --fa: "";
}

.fa-bible,
.fa-book-bible {
  --fa: "";
}

.fa-o {
  --fa: "O";
}

.fa-medkit,
.fa-suitcase-medical {
  --fa: "";
}

.fa-user-secret {
  --fa: "";
}

.fa-otter {
  --fa: "";
}

.fa-female,
.fa-person-dress {
  --fa: "";
}

.fa-comment-dollar {
  --fa: "";
}

.fa-briefcase-clock,
.fa-business-time {
  --fa: "";
}

.fa-table-cells-large,
.fa-th-large {
  --fa: "";
}

.fa-book-tanakh,
.fa-tanakh {
  --fa: "";
}

.fa-phone-volume,
.fa-volume-control-phone {
  --fa: "";
}

.fa-hat-cowboy-side {
  --fa: "";
}

.fa-clipboard-user {
  --fa: "";
}

.fa-child {
  --fa: "";
}

.fa-lira-sign {
  --fa: "";
}

.fa-satellite {
  --fa: "";
}

.fa-plane-lock {
  --fa: "";
}

.fa-tag {
  --fa: "";
}

.fa-comment {
  --fa: "";
}

.fa-birthday-cake,
.fa-cake,
.fa-cake-candles {
  --fa: "";
}

.fa-envelope {
  --fa: "";
}

.fa-angle-double-up,
.fa-angles-up {
  --fa: "";
}

.fa-paperclip {
  --fa: "";
}

.fa-arrow-right-to-city {
  --fa: "";
}

.fa-ribbon {
  --fa: "";
}

.fa-lungs {
  --fa: "";
}

.fa-arrow-up-9-1,
.fa-sort-numeric-up-alt {
  --fa: "";
}

.fa-litecoin-sign {
  --fa: "";
}

.fa-border-none {
  --fa: "";
}

.fa-circle-nodes {
  --fa: "";
}

.fa-parachute-box {
  --fa: "";
}

.fa-indent {
  --fa: "";
}

.fa-truck-field-un {
  --fa: "";
}

.fa-hourglass,
.fa-hourglass-empty {
  --fa: "";
}

.fa-mountain {
  --fa: "";
}

.fa-user-doctor,
.fa-user-md {
  --fa: "";
}

.fa-circle-info,
.fa-info-circle {
  --fa: "";
}

.fa-cloud-meatball {
  --fa: "";
}

.fa-camera,
.fa-camera-alt {
  --fa: "";
}

.fa-square-virus {
  --fa: "";
}

.fa-meteor {
  --fa: "";
}

.fa-car-on {
  --fa: "";
}

.fa-sleigh {
  --fa: "";
}

.fa-arrow-down-1-9,
.fa-sort-numeric-asc,
.fa-sort-numeric-down {
  --fa: "";
}

.fa-hand-holding-droplet,
.fa-hand-holding-water {
  --fa: "";
}

.fa-water {
  --fa: "";
}

.fa-calendar-check {
  --fa: "";
}

.fa-braille {
  --fa: "";
}

.fa-prescription-bottle-alt,
.fa-prescription-bottle-medical {
  --fa: "";
}

.fa-landmark {
  --fa: "";
}

.fa-truck {
  --fa: "";
}

.fa-crosshairs {
  --fa: "";
}

.fa-person-cane {
  --fa: "";
}

.fa-tent {
  --fa: "";
}

.fa-vest-patches {
  --fa: "";
}

.fa-check-double {
  --fa: "";
}

.fa-arrow-down-a-z,
.fa-sort-alpha-asc,
.fa-sort-alpha-down {
  --fa: "";
}

.fa-money-bill-wheat {
  --fa: "";
}

.fa-cookie {
  --fa: "";
}

.fa-arrow-left-rotate,
.fa-arrow-rotate-back,
.fa-arrow-rotate-backward,
.fa-arrow-rotate-left,
.fa-undo {
  --fa: "";
}

.fa-hard-drive,
.fa-hdd {
  --fa: "";
}

.fa-face-grin-squint-tears,
.fa-grin-squint-tears {
  --fa: "";
}

.fa-dumbbell {
  --fa: "";
}

.fa-list-alt,
.fa-rectangle-list {
  --fa: "";
}

.fa-tarp-droplet {
  --fa: "";
}

.fa-house-medical-circle-check {
  --fa: "";
}

.fa-person-skiing-nordic,
.fa-skiing-nordic {
  --fa: "";
}

.fa-calendar-plus {
  --fa: "";
}

.fa-plane-arrival {
  --fa: "";
}

.fa-arrow-alt-circle-left,
.fa-circle-left {
  --fa: "";
}

.fa-subway,
.fa-train-subway {
  --fa: "";
}

.fa-chart-gantt {
  --fa: "";
}

.fa-indian-rupee,
.fa-indian-rupee-sign,
.fa-inr {
  --fa: "";
}

.fa-crop-alt,
.fa-crop-simple {
  --fa: "";
}

.fa-money-bill-1,
.fa-money-bill-alt {
  --fa: "";
}

.fa-left-long,
.fa-long-arrow-alt-left {
  --fa: "";
}

.fa-dna {
  --fa: "";
}

.fa-virus-slash {
  --fa: "";
}

.fa-minus,
.fa-subtract {
  --fa: "";
}

.fa-chess {
  --fa: "";
}

.fa-arrow-left-long,
.fa-long-arrow-left {
  --fa: "";
}

.fa-plug-circle-check {
  --fa: "";
}

.fa-street-view {
  --fa: "";
}

.fa-franc-sign {
  --fa: "";
}

.fa-volume-off {
  --fa: "";
}

.fa-american-sign-language-interpreting,
.fa-asl-interpreting,
.fa-hands-american-sign-language-interpreting,
.fa-hands-asl-interpreting {
  --fa: "";
}

.fa-cog,
.fa-gear {
  --fa: "";
}

.fa-droplet-slash,
.fa-tint-slash {
  --fa: "";
}

.fa-mosque {
  --fa: "";
}

.fa-mosquito {
  --fa: "";
}

.fa-star-of-david {
  --fa: "";
}

.fa-person-military-rifle {
  --fa: "";
}

.fa-cart-shopping,
.fa-shopping-cart {
  --fa: "";
}

.fa-vials {
  --fa: "";
}

.fa-plug-circle-plus {
  --fa: "";
}

.fa-place-of-worship {
  --fa: "";
}

.fa-grip-vertical {
  --fa: "";
}

.fa-hexagon-nodes {
  --fa: "";
}

.fa-arrow-turn-up,
.fa-level-up {
  --fa: "";
}

.fa-u {
  --fa: "U";
}

.fa-square-root-alt,
.fa-square-root-variable {
  --fa: "";
}

.fa-clock,
.fa-clock-four {
  --fa: "";
}

.fa-backward-step,
.fa-step-backward {
  --fa: "";
}

.fa-pallet {
  --fa: "";
}

.fa-faucet {
  --fa: "";
}

.fa-baseball-bat-ball {
  --fa: "";
}

.fa-s {
  --fa: "S";
}

.fa-timeline {
  --fa: "";
}

.fa-keyboard {
  --fa: "";
}

.fa-caret-down {
  --fa: "";
}

.fa-clinic-medical,
.fa-house-chimney-medical {
  --fa: "";
}

.fa-temperature-3,
.fa-temperature-three-quarters,
.fa-thermometer-3,
.fa-thermometer-three-quarters {
  --fa: "";
}

.fa-mobile-android-alt,
.fa-mobile-screen {
  --fa: "";
}

.fa-plane-up {
  --fa: "";
}

.fa-piggy-bank {
  --fa: "";
}

.fa-battery-3,
.fa-battery-half {
  --fa: "";
}

.fa-mountain-city {
  --fa: "";
}

.fa-coins {
  --fa: "";
}

.fa-khanda {
  --fa: "";
}

.fa-sliders,
.fa-sliders-h {
  --fa: "";
}

.fa-folder-tree {
  --fa: "";
}

.fa-network-wired {
  --fa: "";
}

.fa-map-pin {
  --fa: "";
}

.fa-hamsa {
  --fa: "";
}

.fa-cent-sign {
  --fa: "";
}

.fa-flask {
  --fa: "";
}

.fa-person-pregnant {
  --fa: "";
}

.fa-wand-sparkles {
  --fa: "";
}

.fa-ellipsis-v,
.fa-ellipsis-vertical {
  --fa: "";
}

.fa-ticket {
  --fa: "";
}

.fa-power-off {
  --fa: "";
}

.fa-long-arrow-alt-right,
.fa-right-long {
  --fa: "";
}

.fa-flag-usa {
  --fa: "";
}

.fa-laptop-file {
  --fa: "";
}

.fa-teletype,
.fa-tty {
  --fa: "";
}

.fa-diagram-next {
  --fa: "";
}

.fa-person-rifle {
  --fa: "";
}

.fa-house-medical-circle-exclamation {
  --fa: "";
}

.fa-closed-captioning {
  --fa: "";
}

.fa-hiking,
.fa-person-hiking {
  --fa: "";
}

.fa-venus-double {
  --fa: "";
}

.fa-images {
  --fa: "";
}

.fa-calculator {
  --fa: "";
}

.fa-people-pulling {
  --fa: "";
}

.fa-n {
  --fa: "N";
}

.fa-cable-car,
.fa-tram {
  --fa: "";
}

.fa-cloud-rain {
  --fa: "";
}

.fa-building-circle-xmark {
  --fa: "";
}

.fa-ship {
  --fa: "";
}

.fa-arrows-down-to-line {
  --fa: "";
}

.fa-download {
  --fa: "";
}

.fa-face-grin,
.fa-grin {
  --fa: "";
}

.fa-backspace,
.fa-delete-left {
  --fa: "";
}

.fa-eye-dropper,
.fa-eye-dropper-empty,
.fa-eyedropper {
  --fa: "";
}

.fa-file-circle-check {
  --fa: "";
}

.fa-forward {
  --fa: "";
}

.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
  --fa: "";
}

.fa-face-meh,
.fa-meh {
  --fa: "";
}

.fa-align-center {
  --fa: "";
}

.fa-book-dead,
.fa-book-skull {
  --fa: "";
}

.fa-drivers-license,
.fa-id-card {
  --fa: "";
}

.fa-dedent,
.fa-outdent {
  --fa: "";
}

.fa-heart-circle-exclamation {
  --fa: "";
}

.fa-home,
.fa-home-alt,
.fa-home-lg-alt,
.fa-house {
  --fa: "";
}

.fa-calendar-week {
  --fa: "";
}

.fa-laptop-medical {
  --fa: "";
}

.fa-b {
  --fa: "B";
}

.fa-file-medical {
  --fa: "";
}

.fa-dice-one {
  --fa: "";
}

.fa-kiwi-bird {
  --fa: "";
}

.fa-arrow-right-arrow-left,
.fa-exchange {
  --fa: "";
}

.fa-redo-alt,
.fa-rotate-forward,
.fa-rotate-right {
  --fa: "";
}

.fa-cutlery,
.fa-utensils {
  --fa: "";
}

.fa-arrow-up-wide-short,
.fa-sort-amount-up {
  --fa: "";
}

.fa-mill-sign {
  --fa: "";
}

.fa-bowl-rice {
  --fa: "";
}

.fa-skull {
  --fa: "";
}

.fa-broadcast-tower,
.fa-tower-broadcast {
  --fa: "";
}

.fa-truck-pickup {
  --fa: "";
}

.fa-long-arrow-alt-up,
.fa-up-long {
  --fa: "";
}

.fa-stop {
  --fa: "";
}

.fa-code-merge {
  --fa: "";
}

.fa-upload {
  --fa: "";
}

.fa-hurricane {
  --fa: "";
}

.fa-mound {
  --fa: "";
}

.fa-toilet-portable {
  --fa: "";
}

.fa-compact-disc {
  --fa: "";
}

.fa-file-arrow-down,
.fa-file-download {
  --fa: "";
}

.fa-caravan {
  --fa: "";
}

.fa-shield-cat {
  --fa: "";
}

.fa-bolt,
.fa-zap {
  --fa: "";
}

.fa-glass-water {
  --fa: "";
}

.fa-oil-well {
  --fa: "";
}

.fa-vault {
  --fa: "";
}

.fa-mars {
  --fa: "";
}

.fa-toilet {
  --fa: "";
}

.fa-plane-circle-xmark {
  --fa: "";
}

.fa-cny,
.fa-jpy,
.fa-rmb,
.fa-yen,
.fa-yen-sign {
  --fa: "";
}

.fa-rouble,
.fa-rub,
.fa-ruble,
.fa-ruble-sign {
  --fa: "";
}

.fa-sun {
  --fa: "";
}

.fa-guitar {
  --fa: "";
}

.fa-face-laugh-wink,
.fa-laugh-wink {
  --fa: "";
}

.fa-horse-head {
  --fa: "";
}

.fa-bore-hole {
  --fa: "";
}

.fa-industry {
  --fa: "";
}

.fa-arrow-alt-circle-down,
.fa-circle-down {
  --fa: "";
}

.fa-arrows-turn-to-dots {
  --fa: "";
}

.fa-florin-sign {
  --fa: "";
}

.fa-arrow-down-short-wide,
.fa-sort-amount-desc,
.fa-sort-amount-down-alt {
  --fa: "";
}

.fa-less-than {
  --fa: "<";
}

.fa-angle-down {
  --fa: "";
}

.fa-car-tunnel {
  --fa: "";
}

.fa-head-side-cough {
  --fa: "";
}

.fa-grip-lines {
  --fa: "";
}

.fa-thumbs-down {
  --fa: "";
}

.fa-user-lock {
  --fa: "";
}

.fa-arrow-right-long,
.fa-long-arrow-right {
  --fa: "";
}

.fa-anchor-circle-xmark {
  --fa: "";
}

.fa-ellipsis,
.fa-ellipsis-h {
  --fa: "";
}

.fa-chess-pawn {
  --fa: "";
}

.fa-first-aid,
.fa-kit-medical {
  --fa: "";
}

.fa-person-through-window {
  --fa: "";
}

.fa-toolbox {
  --fa: "";
}

.fa-hands-holding-circle {
  --fa: "";
}

.fa-bug {
  --fa: "";
}

.fa-credit-card,
.fa-credit-card-alt {
  --fa: "";
}

.fa-automobile,
.fa-car {
  --fa: "";
}

.fa-hand-holding-hand {
  --fa: "";
}

.fa-book-open-reader,
.fa-book-reader {
  --fa: "";
}

.fa-mountain-sun {
  --fa: "";
}

.fa-arrows-left-right-to-line {
  --fa: "";
}

.fa-dice-d20 {
  --fa: "";
}

.fa-truck-droplet {
  --fa: "";
}

.fa-file-circle-xmark {
  --fa: "";
}

.fa-temperature-arrow-up,
.fa-temperature-up {
  --fa: "";
}

.fa-medal {
  --fa: "";
}

.fa-bed {
  --fa: "";
}

.fa-h-square,
.fa-square-h {
  --fa: "";
}

.fa-podcast {
  --fa: "";
}

.fa-temperature-4,
.fa-temperature-full,
.fa-thermometer-4,
.fa-thermometer-full {
  --fa: "";
}

.fa-bell {
  --fa: "";
}

.fa-superscript {
  --fa: "";
}

.fa-plug-circle-xmark {
  --fa: "";
}

.fa-star-of-life {
  --fa: "";
}

.fa-phone-slash {
  --fa: "";
}

.fa-paint-roller {
  --fa: "";
}

.fa-hands-helping,
.fa-handshake-angle {
  --fa: "";
}

.fa-location-dot,
.fa-map-marker-alt {
  --fa: "";
}

.fa-file {
  --fa: "";
}

.fa-greater-than {
  --fa: ">";
}

.fa-person-swimming,
.fa-swimmer {
  --fa: "";
}

.fa-arrow-down {
  --fa: "";
}

.fa-droplet,
.fa-tint {
  --fa: "";
}

.fa-eraser {
  --fa: "";
}

.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
  --fa: "";
}

.fa-person-burst {
  --fa: "";
}

.fa-dove {
  --fa: "";
}

.fa-battery-0,
.fa-battery-empty {
  --fa: "";
}

.fa-socks {
  --fa: "";
}

.fa-inbox {
  --fa: "";
}

.fa-section {
  --fa: "";
}

.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
  --fa: "";
}

.fa-envelope-open-text {
  --fa: "";
}

.fa-hospital,
.fa-hospital-alt,
.fa-hospital-wide {
  --fa: "";
}

.fa-wine-bottle {
  --fa: "";
}

.fa-chess-rook {
  --fa: "";
}

.fa-bars-staggered,
.fa-reorder,
.fa-stream {
  --fa: "";
}

.fa-dharmachakra {
  --fa: "";
}

.fa-hotdog {
  --fa: "";
}

.fa-blind,
.fa-person-walking-with-cane {
  --fa: "";
}

.fa-drum {
  --fa: "";
}

.fa-ice-cream {
  --fa: "";
}

.fa-heart-circle-bolt {
  --fa: "";
}

.fa-fax {
  --fa: "";
}

.fa-paragraph {
  --fa: "";
}

.fa-check-to-slot,
.fa-vote-yea {
  --fa: "";
}

.fa-star-half {
  --fa: "";
}

.fa-boxes,
.fa-boxes-alt,
.fa-boxes-stacked {
  --fa: "";
}

.fa-chain,
.fa-link {
  --fa: "";
}

.fa-assistive-listening-systems,
.fa-ear-listen {
  --fa: "";
}

.fa-tree-city {
  --fa: "";
}

.fa-play {
  --fa: "";
}

.fa-font {
  --fa: "";
}

.fa-table-cells-row-lock {
  --fa: "";
}

.fa-rupiah-sign {
  --fa: "";
}

.fa-magnifying-glass,
.fa-search {
  --fa: "";
}

.fa-ping-pong-paddle-ball,
.fa-table-tennis,
.fa-table-tennis-paddle-ball {
  --fa: "";
}

.fa-diagnoses,
.fa-person-dots-from-line {
  --fa: "";
}

.fa-trash-can-arrow-up,
.fa-trash-restore-alt {
  --fa: "";
}

.fa-naira-sign {
  --fa: "";
}

.fa-cart-arrow-down {
  --fa: "";
}

.fa-walkie-talkie {
  --fa: "";
}

.fa-file-edit,
.fa-file-pen {
  --fa: "";
}

.fa-receipt {
  --fa: "";
}

.fa-pen-square,
.fa-pencil-square,
.fa-square-pen {
  --fa: "";
}

.fa-suitcase-rolling {
  --fa: "";
}

.fa-person-circle-exclamation {
  --fa: "";
}

.fa-chevron-down {
  --fa: "";
}

.fa-battery,
.fa-battery-5,
.fa-battery-full {
  --fa: "";
}

.fa-skull-crossbones {
  --fa: "";
}

.fa-code-compare {
  --fa: "";
}

.fa-list-dots,
.fa-list-ul {
  --fa: "";
}

.fa-school-lock {
  --fa: "";
}

.fa-tower-cell {
  --fa: "";
}

.fa-down-long,
.fa-long-arrow-alt-down {
  --fa: "";
}

.fa-ranking-star {
  --fa: "";
}

.fa-chess-king {
  --fa: "";
}

.fa-person-harassing {
  --fa: "";
}

.fa-brazilian-real-sign {
  --fa: "";
}

.fa-landmark-alt,
.fa-landmark-dome {
  --fa: "";
}

.fa-arrow-up {
  --fa: "";
}

.fa-television,
.fa-tv,
.fa-tv-alt {
  --fa: "";
}

.fa-shrimp {
  --fa: "";
}

.fa-list-check,
.fa-tasks {
  --fa: "";
}

.fa-jug-detergent {
  --fa: "";
}

.fa-circle-user,
.fa-user-circle {
  --fa: "";
}

.fa-user-shield {
  --fa: "";
}

.fa-wind {
  --fa: "";
}

.fa-car-burst,
.fa-car-crash {
  --fa: "";
}

.fa-y {
  --fa: "Y";
}

.fa-person-snowboarding,
.fa-snowboarding {
  --fa: "";
}

.fa-shipping-fast,
.fa-truck-fast {
  --fa: "";
}

.fa-fish {
  --fa: "";
}

.fa-user-graduate {
  --fa: "";
}

.fa-adjust,
.fa-circle-half-stroke {
  --fa: "";
}

.fa-clapperboard {
  --fa: "";
}

.fa-circle-radiation,
.fa-radiation-alt {
  --fa: "";
}

.fa-baseball,
.fa-baseball-ball {
  --fa: "";
}

.fa-jet-fighter-up {
  --fa: "";
}

.fa-diagram-project,
.fa-project-diagram {
  --fa: "";
}

.fa-copy {
  --fa: "";
}

.fa-volume-mute,
.fa-volume-times,
.fa-volume-xmark {
  --fa: "";
}

.fa-hand-sparkles {
  --fa: "";
}

.fa-grip,
.fa-grip-horizontal {
  --fa: "";
}

.fa-share-from-square,
.fa-share-square {
  --fa: "";
}

.fa-child-combatant,
.fa-child-rifle {
  --fa: "";
}

.fa-gun {
  --fa: "";
}

.fa-phone-square,
.fa-square-phone {
  --fa: "";
}

.fa-add,
.fa-plus {
  --fa: "+";
}

.fa-expand {
  --fa: "";
}

.fa-computer {
  --fa: "";
}

.fa-close,
.fa-multiply,
.fa-remove,
.fa-times,
.fa-xmark {
  --fa: "";
}

.fa-arrows,
.fa-arrows-up-down-left-right {
  --fa: "";
}

.fa-chalkboard-teacher,
.fa-chalkboard-user {
  --fa: "";
}

.fa-peso-sign {
  --fa: "";
}

.fa-building-shield {
  --fa: "";
}

.fa-baby {
  --fa: "";
}

.fa-users-line {
  --fa: "";
}

.fa-quote-left,
.fa-quote-left-alt {
  --fa: "";
}

.fa-tractor {
  --fa: "";
}

.fa-trash-arrow-up,
.fa-trash-restore {
  --fa: "";
}

.fa-arrow-down-up-lock {
  --fa: "";
}

.fa-lines-leaning {
  --fa: "";
}

.fa-ruler-combined {
  --fa: "";
}

.fa-copyright {
  --fa: "";
}

.fa-equals {
  --fa: "=";
}

.fa-blender {
  --fa: "";
}

.fa-teeth {
  --fa: "";
}

.fa-ils,
.fa-shekel,
.fa-shekel-sign,
.fa-sheqel,
.fa-sheqel-sign {
  --fa: "";
}

.fa-map {
  --fa: "";
}

.fa-rocket {
  --fa: "";
}

.fa-photo-film,
.fa-photo-video {
  --fa: "";
}

.fa-folder-minus {
  --fa: "";
}

.fa-hexagon-nodes-bolt {
  --fa: "";
}

.fa-store {
  --fa: "";
}

.fa-arrow-trend-up {
  --fa: "";
}

.fa-plug-circle-minus {
  --fa: "";
}

.fa-sign,
.fa-sign-hanging {
  --fa: "";
}

.fa-bezier-curve {
  --fa: "";
}

.fa-bell-slash {
  --fa: "";
}

.fa-tablet,
.fa-tablet-android {
  --fa: "";
}

.fa-school-flag {
  --fa: "";
}

.fa-fill {
  --fa: "";
}

.fa-angle-up {
  --fa: "";
}

.fa-drumstick-bite {
  --fa: "";
}

.fa-holly-berry {
  --fa: "";
}

.fa-chevron-left {
  --fa: "";
}

.fa-bacteria {
  --fa: "";
}

.fa-hand-lizard {
  --fa: "";
}

.fa-notdef {
  --fa: "";
}

.fa-disease {
  --fa: "";
}

.fa-briefcase-medical {
  --fa: "";
}

.fa-genderless {
  --fa: "";
}

.fa-chevron-right {
  --fa: "";
}

.fa-retweet {
  --fa: "";
}

.fa-car-alt,
.fa-car-rear {
  --fa: "";
}

.fa-pump-soap {
  --fa: "";
}

.fa-video-slash {
  --fa: "";
}

.fa-battery-2,
.fa-battery-quarter {
  --fa: "";
}

.fa-radio {
  --fa: "";
}

.fa-baby-carriage,
.fa-carriage-baby {
  --fa: "";
}

.fa-traffic-light {
  --fa: "";
}

.fa-thermometer {
  --fa: "";
}

.fa-vr-cardboard {
  --fa: "";
}

.fa-hand-middle-finger {
  --fa: "";
}

.fa-percent,
.fa-percentage {
  --fa: "%";
}

.fa-truck-moving {
  --fa: "";
}

.fa-glass-water-droplet {
  --fa: "";
}

.fa-display {
  --fa: "";
}

.fa-face-smile,
.fa-smile {
  --fa: "";
}

.fa-thumb-tack,
.fa-thumbtack {
  --fa: "";
}

.fa-trophy {
  --fa: "";
}

.fa-person-praying,
.fa-pray {
  --fa: "";
}

.fa-hammer {
  --fa: "";
}

.fa-hand-peace {
  --fa: "";
}

.fa-rotate,
.fa-sync-alt {
  --fa: "";
}

.fa-spinner {
  --fa: "";
}

.fa-robot {
  --fa: "";
}

.fa-peace {
  --fa: "";
}

.fa-cogs,
.fa-gears {
  --fa: "";
}

.fa-warehouse {
  --fa: "";
}

.fa-arrow-up-right-dots {
  --fa: "";
}

.fa-splotch {
  --fa: "";
}

.fa-face-grin-hearts,
.fa-grin-hearts {
  --fa: "";
}

.fa-dice-four {
  --fa: "";
}

.fa-sim-card {
  --fa: "";
}

.fa-transgender,
.fa-transgender-alt {
  --fa: "";
}

.fa-mercury {
  --fa: "";
}

.fa-arrow-turn-down,
.fa-level-down {
  --fa: "";
}

.fa-person-falling-burst {
  --fa: "";
}

.fa-award {
  --fa: "";
}

.fa-ticket-alt,
.fa-ticket-simple {
  --fa: "";
}

.fa-building {
  --fa: "";
}

.fa-angle-double-left,
.fa-angles-left {
  --fa: "";
}

.fa-qrcode {
  --fa: "";
}

.fa-clock-rotate-left,
.fa-history {
  --fa: "";
}

.fa-face-grin-beam-sweat,
.fa-grin-beam-sweat {
  --fa: "";
}

.fa-arrow-right-from-file,
.fa-file-export {
  --fa: "";
}

.fa-shield,
.fa-shield-blank {
  --fa: "";
}

.fa-arrow-up-short-wide,
.fa-sort-amount-up-alt {
  --fa: "";
}

.fa-comment-nodes {
  --fa: "";
}

.fa-house-medical {
  --fa: "";
}

.fa-golf-ball,
.fa-golf-ball-tee {
  --fa: "";
}

.fa-chevron-circle-left,
.fa-circle-chevron-left {
  --fa: "";
}

.fa-house-chimney-window {
  --fa: "";
}

.fa-pen-nib {
  --fa: "";
}

.fa-tent-arrow-turn-left {
  --fa: "";
}

.fa-tents {
  --fa: "";
}

.fa-magic,
.fa-wand-magic {
  --fa: "";
}

.fa-dog {
  --fa: "";
}

.fa-carrot {
  --fa: "";
}

.fa-moon {
  --fa: "";
}

.fa-wine-glass-alt,
.fa-wine-glass-empty {
  --fa: "";
}

.fa-cheese {
  --fa: "";
}

.fa-yin-yang {
  --fa: "";
}

.fa-music {
  --fa: "";
}

.fa-code-commit {
  --fa: "";
}

.fa-temperature-low {
  --fa: "";
}

.fa-biking,
.fa-person-biking {
  --fa: "";
}

.fa-broom {
  --fa: "";
}

.fa-shield-heart {
  --fa: "";
}

.fa-gopuram {
  --fa: "";
}

.fa-earth-oceania,
.fa-globe-oceania {
  --fa: "";
}

.fa-square-xmark,
.fa-times-square,
.fa-xmark-square {
  --fa: "";
}

.fa-hashtag {
  --fa: "#";
}

.fa-expand-alt,
.fa-up-right-and-down-left-from-center {
  --fa: "";
}

.fa-oil-can {
  --fa: "";
}

.fa-t {
  --fa: "T";
}

.fa-hippo {
  --fa: "";
}

.fa-chart-column {
  --fa: "";
}

.fa-infinity {
  --fa: "";
}

.fa-vial-circle-check {
  --fa: "";
}

.fa-person-arrow-down-to-line {
  --fa: "";
}

.fa-voicemail {
  --fa: "";
}

.fa-fan {
  --fa: "";
}

.fa-person-walking-luggage {
  --fa: "";
}

.fa-arrows-alt-v,
.fa-up-down {
  --fa: "";
}

.fa-cloud-moon-rain {
  --fa: "";
}

.fa-calendar {
  --fa: "";
}

.fa-trailer {
  --fa: "";
}

.fa-bahai,
.fa-haykal {
  --fa: "";
}

.fa-sd-card {
  --fa: "";
}

.fa-dragon {
  --fa: "";
}

.fa-shoe-prints {
  --fa: "";
}

.fa-circle-plus,
.fa-plus-circle {
  --fa: "";
}

.fa-face-grin-tongue-wink,
.fa-grin-tongue-wink {
  --fa: "";
}

.fa-hand-holding {
  --fa: "";
}

.fa-plug-circle-exclamation {
  --fa: "";
}

.fa-chain-broken,
.fa-chain-slash,
.fa-link-slash,
.fa-unlink {
  --fa: "";
}

.fa-clone {
  --fa: "";
}

.fa-person-walking-arrow-loop-left {
  --fa: "";
}

.fa-arrow-up-z-a,
.fa-sort-alpha-up-alt {
  --fa: "";
}

.fa-fire-alt,
.fa-fire-flame-curved {
  --fa: "";
}

.fa-tornado {
  --fa: "";
}

.fa-file-circle-plus {
  --fa: "";
}

.fa-book-quran,
.fa-quran {
  --fa: "";
}

.fa-anchor {
  --fa: "";
}

.fa-border-all {
  --fa: "";
}

.fa-angry,
.fa-face-angry {
  --fa: "";
}

.fa-cookie-bite {
  --fa: "";
}

.fa-arrow-trend-down {
  --fa: "";
}

.fa-feed,
.fa-rss {
  --fa: "";
}

.fa-draw-polygon {
  --fa: "";
}

.fa-balance-scale,
.fa-scale-balanced {
  --fa: "";
}

.fa-gauge-simple-high,
.fa-tachometer,
.fa-tachometer-fast {
  --fa: "";
}

.fa-shower {
  --fa: "";
}

.fa-desktop,
.fa-desktop-alt {
  --fa: "";
}

.fa-m {
  --fa: "M";
}

.fa-table-list,
.fa-th-list {
  --fa: "";
}

.fa-comment-sms,
.fa-sms {
  --fa: "";
}

.fa-book {
  --fa: "";
}

.fa-user-plus {
  --fa: "";
}

.fa-check {
  --fa: "";
}

.fa-battery-4,
.fa-battery-three-quarters {
  --fa: "";
}

.fa-house-circle-check {
  --fa: "";
}

.fa-angle-left {
  --fa: "";
}

.fa-diagram-successor {
  --fa: "";
}

.fa-truck-arrow-right {
  --fa: "";
}

.fa-arrows-split-up-and-left {
  --fa: "";
}

.fa-fist-raised,
.fa-hand-fist {
  --fa: "";
}

.fa-cloud-moon {
  --fa: "";
}

.fa-briefcase {
  --fa: "";
}

.fa-person-falling {
  --fa: "";
}

.fa-image-portrait,
.fa-portrait {
  --fa: "";
}

.fa-user-tag {
  --fa: "";
}

.fa-rug {
  --fa: "";
}

.fa-earth-europe,
.fa-globe-europe {
  --fa: "";
}

.fa-cart-flatbed-suitcase,
.fa-luggage-cart {
  --fa: "";
}

.fa-rectangle-times,
.fa-rectangle-xmark,
.fa-times-rectangle,
.fa-window-close {
  --fa: "";
}

.fa-baht-sign {
  --fa: "";
}

.fa-book-open {
  --fa: "";
}

.fa-book-journal-whills,
.fa-journal-whills {
  --fa: "";
}

.fa-handcuffs {
  --fa: "";
}

.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-warning {
  --fa: "";
}

.fa-database {
  --fa: "";
}

.fa-mail-forward,
.fa-share {
  --fa: "";
}

.fa-bottle-droplet {
  --fa: "";
}

.fa-mask-face {
  --fa: "";
}

.fa-hill-rockslide {
  --fa: "";
}

.fa-exchange-alt,
.fa-right-left {
  --fa: "";
}

.fa-paper-plane {
  --fa: "";
}

.fa-road-circle-exclamation {
  --fa: "";
}

.fa-dungeon {
  --fa: "";
}

.fa-align-right {
  --fa: "";
}

.fa-money-bill-1-wave,
.fa-money-bill-wave-alt {
  --fa: "";
}

.fa-life-ring {
  --fa: "";
}

.fa-hands,
.fa-sign-language,
.fa-signing {
  --fa: "";
}

.fa-calendar-day {
  --fa: "";
}

.fa-ladder-water,
.fa-swimming-pool,
.fa-water-ladder {
  --fa: "";
}

.fa-arrows-up-down,
.fa-arrows-v {
  --fa: "";
}

.fa-face-grimace,
.fa-grimace {
  --fa: "";
}

.fa-wheelchair-alt,
.fa-wheelchair-move {
  --fa: "";
}

.fa-level-down-alt,
.fa-turn-down {
  --fa: "";
}

.fa-person-walking-arrow-right {
  --fa: "";
}

.fa-envelope-square,
.fa-square-envelope {
  --fa: "";
}

.fa-dice {
  --fa: "";
}

.fa-bowling-ball {
  --fa: "";
}

.fa-brain {
  --fa: "";
}

.fa-band-aid,
.fa-bandage {
  --fa: "";
}

.fa-calendar-minus {
  --fa: "";
}

.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
  --fa: "";
}

.fa-gifts {
  --fa: "";
}

.fa-hotel {
  --fa: "";
}

.fa-earth-asia,
.fa-globe-asia {
  --fa: "";
}

.fa-id-card-alt,
.fa-id-card-clip {
  --fa: "";
}

.fa-magnifying-glass-plus,
.fa-search-plus {
  --fa: "";
}

.fa-thumbs-up {
  --fa: "";
}

.fa-user-clock {
  --fa: "";
}

.fa-allergies,
.fa-hand-dots {
  --fa: "";
}

.fa-file-invoice {
  --fa: "";
}

.fa-window-minimize {
  --fa: "";
}

.fa-coffee,
.fa-mug-saucer {
  --fa: "";
}

.fa-brush {
  --fa: "";
}

.fa-file-half-dashed {
  --fa: "";
}

.fa-mask {
  --fa: "";
}

.fa-magnifying-glass-minus,
.fa-search-minus {
  --fa: "";
}

.fa-ruler-vertical {
  --fa: "";
}

.fa-user-alt,
.fa-user-large {
  --fa: "";
}

.fa-train-tram {
  --fa: "";
}

.fa-user-nurse {
  --fa: "";
}

.fa-syringe {
  --fa: "";
}

.fa-cloud-sun {
  --fa: "";
}

.fa-stopwatch-20 {
  --fa: "";
}

.fa-square-full {
  --fa: "";
}

.fa-magnet {
  --fa: "";
}

.fa-jar {
  --fa: "";
}

.fa-note-sticky,
.fa-sticky-note {
  --fa: "";
}

.fa-bug-slash {
  --fa: "";
}

.fa-arrow-up-from-water-pump {
  --fa: "";
}

.fa-bone {
  --fa: "";
}

.fa-table-cells-row-unlock {
  --fa: "";
}

.fa-user-injured {
  --fa: "";
}

.fa-face-sad-tear,
.fa-sad-tear {
  --fa: "";
}

.fa-plane {
  --fa: "";
}

.fa-tent-arrows-down {
  --fa: "";
}

.fa-exclamation {
  --fa: "!";
}

.fa-arrows-spin {
  --fa: "";
}

.fa-print {
  --fa: "";
}

.fa-try,
.fa-turkish-lira,
.fa-turkish-lira-sign {
  --fa: "";
}

.fa-dollar,
.fa-dollar-sign,
.fa-usd {
  --fa: "$";
}

.fa-x {
  --fa: "X";
}

.fa-magnifying-glass-dollar,
.fa-search-dollar {
  --fa: "";
}

.fa-users-cog,
.fa-users-gear {
  --fa: "";
}

.fa-person-military-pointing {
  --fa: "";
}

.fa-bank,
.fa-building-columns,
.fa-institution,
.fa-museum,
.fa-university {
  --fa: "";
}

.fa-umbrella {
  --fa: "";
}

.fa-trowel {
  --fa: "";
}

.fa-d {
  --fa: "D";
}

.fa-stapler {
  --fa: "";
}

.fa-masks-theater,
.fa-theater-masks {
  --fa: "";
}

.fa-kip-sign {
  --fa: "";
}

.fa-hand-point-left {
  --fa: "";
}

.fa-handshake-alt,
.fa-handshake-simple {
  --fa: "";
}

.fa-fighter-jet,
.fa-jet-fighter {
  --fa: "";
}

.fa-share-alt-square,
.fa-square-share-nodes {
  --fa: "";
}

.fa-barcode {
  --fa: "";
}

.fa-plus-minus {
  --fa: "";
}

.fa-video,
.fa-video-camera {
  --fa: "";
}

.fa-graduation-cap,
.fa-mortar-board {
  --fa: "";
}

.fa-hand-holding-medical {
  --fa: "";
}

.fa-person-circle-check {
  --fa: "";
}

.fa-level-up-alt,
.fa-turn-up {
  --fa: "";
}

.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.ttf) format("truetype");
}
.fa-brands,
.fab {
  font-weight: 400;
}

.fa-monero {
  --fa: "";
}

.fa-hooli {
  --fa: "";
}

.fa-yelp {
  --fa: "";
}

.fa-cc-visa {
  --fa: "";
}

.fa-lastfm {
  --fa: "";
}

.fa-shopware {
  --fa: "";
}

.fa-creative-commons-nc {
  --fa: "";
}

.fa-aws {
  --fa: "";
}

.fa-redhat {
  --fa: "";
}

.fa-yoast {
  --fa: "";
}

.fa-cloudflare {
  --fa: "";
}

.fa-ups {
  --fa: "";
}

.fa-pixiv {
  --fa: "";
}

.fa-wpexplorer {
  --fa: "";
}

.fa-dyalog {
  --fa: "";
}

.fa-bity {
  --fa: "";
}

.fa-stackpath {
  --fa: "";
}

.fa-buysellads {
  --fa: "";
}

.fa-first-order {
  --fa: "";
}

.fa-modx {
  --fa: "";
}

.fa-guilded {
  --fa: "";
}

.fa-vnv {
  --fa: "";
}

.fa-js-square,
.fa-square-js {
  --fa: "";
}

.fa-microsoft {
  --fa: "";
}

.fa-qq {
  --fa: "";
}

.fa-orcid {
  --fa: "";
}

.fa-java {
  --fa: "";
}

.fa-invision {
  --fa: "";
}

.fa-creative-commons-pd-alt {
  --fa: "";
}

.fa-centercode {
  --fa: "";
}

.fa-glide-g {
  --fa: "";
}

.fa-drupal {
  --fa: "";
}

.fa-jxl {
  --fa: "";
}

.fa-dart-lang {
  --fa: "";
}

.fa-hire-a-helper {
  --fa: "";
}

.fa-creative-commons-by {
  --fa: "";
}

.fa-unity {
  --fa: "";
}

.fa-whmcs {
  --fa: "";
}

.fa-rocketchat {
  --fa: "";
}

.fa-vk {
  --fa: "";
}

.fa-untappd {
  --fa: "";
}

.fa-mailchimp {
  --fa: "";
}

.fa-css3-alt {
  --fa: "";
}

.fa-reddit-square,
.fa-square-reddit {
  --fa: "";
}

.fa-vimeo-v {
  --fa: "";
}

.fa-contao {
  --fa: "";
}

.fa-square-font-awesome {
  --fa: "";
}

.fa-deskpro {
  --fa: "";
}

.fa-brave {
  --fa: "";
}

.fa-sistrix {
  --fa: "";
}

.fa-instagram-square,
.fa-square-instagram {
  --fa: "";
}

.fa-battle-net {
  --fa: "";
}

.fa-the-red-yeti {
  --fa: "";
}

.fa-hacker-news-square,
.fa-square-hacker-news {
  --fa: "";
}

.fa-edge {
  --fa: "";
}

.fa-threads {
  --fa: "";
}

.fa-napster {
  --fa: "";
}

.fa-snapchat-square,
.fa-square-snapchat {
  --fa: "";
}

.fa-google-plus-g {
  --fa: "";
}

.fa-artstation {
  --fa: "";
}

.fa-markdown {
  --fa: "";
}

.fa-sourcetree {
  --fa: "";
}

.fa-google-plus {
  --fa: "";
}

.fa-diaspora {
  --fa: "";
}

.fa-foursquare {
  --fa: "";
}

.fa-stack-overflow {
  --fa: "";
}

.fa-github-alt {
  --fa: "";
}

.fa-phoenix-squadron {
  --fa: "";
}

.fa-pagelines {
  --fa: "";
}

.fa-algolia {
  --fa: "";
}

.fa-red-river {
  --fa: "";
}

.fa-creative-commons-sa {
  --fa: "";
}

.fa-safari {
  --fa: "";
}

.fa-google {
  --fa: "";
}

.fa-font-awesome-alt,
.fa-square-font-awesome-stroke {
  --fa: "";
}

.fa-atlassian {
  --fa: "";
}

.fa-linkedin-in {
  --fa: "";
}

.fa-digital-ocean {
  --fa: "";
}

.fa-nimblr {
  --fa: "";
}

.fa-chromecast {
  --fa: "";
}

.fa-evernote {
  --fa: "";
}

.fa-hacker-news {
  --fa: "";
}

.fa-creative-commons-sampling {
  --fa: "";
}

.fa-adversal {
  --fa: "";
}

.fa-creative-commons {
  --fa: "";
}

.fa-watchman-monitoring {
  --fa: "";
}

.fa-fonticons {
  --fa: "";
}

.fa-weixin {
  --fa: "";
}

.fa-shirtsinbulk {
  --fa: "";
}

.fa-codepen {
  --fa: "";
}

.fa-git-alt {
  --fa: "";
}

.fa-lyft {
  --fa: "";
}

.fa-rev {
  --fa: "";
}

.fa-windows {
  --fa: "";
}

.fa-wizards-of-the-coast {
  --fa: "";
}

.fa-square-viadeo,
.fa-viadeo-square {
  --fa: "";
}

.fa-meetup {
  --fa: "";
}

.fa-centos {
  --fa: "";
}

.fa-adn {
  --fa: "";
}

.fa-cloudsmith {
  --fa: "";
}

.fa-opensuse {
  --fa: "";
}

.fa-pied-piper-alt {
  --fa: "";
}

.fa-dribbble-square,
.fa-square-dribbble {
  --fa: "";
}

.fa-codiepie {
  --fa: "";
}

.fa-node {
  --fa: "";
}

.fa-mix {
  --fa: "";
}

.fa-steam {
  --fa: "";
}

.fa-cc-apple-pay {
  --fa: "";
}

.fa-scribd {
  --fa: "";
}

.fa-debian {
  --fa: "";
}

.fa-openid {
  --fa: "";
}

.fa-instalod {
  --fa: "";
}

.fa-files-pinwheel {
  --fa: "";
}

.fa-expeditedssl {
  --fa: "";
}

.fa-sellcast {
  --fa: "";
}

.fa-square-twitter,
.fa-twitter-square {
  --fa: "";
}

.fa-r-project {
  --fa: "";
}

.fa-delicious {
  --fa: "";
}

.fa-freebsd {
  --fa: "";
}

.fa-vuejs {
  --fa: "";
}

.fa-accusoft {
  --fa: "";
}

.fa-ioxhost {
  --fa: "";
}

.fa-fonticons-fi {
  --fa: "";
}

.fa-app-store {
  --fa: "";
}

.fa-cc-mastercard {
  --fa: "";
}

.fa-itunes-note {
  --fa: "";
}

.fa-golang {
  --fa: "";
}

.fa-kickstarter,
.fa-square-kickstarter {
  --fa: "";
}

.fa-grav {
  --fa: "";
}

.fa-weibo {
  --fa: "";
}

.fa-uncharted {
  --fa: "";
}

.fa-firstdraft {
  --fa: "";
}

.fa-square-youtube,
.fa-youtube-square {
  --fa: "";
}

.fa-wikipedia-w {
  --fa: "";
}

.fa-rendact,
.fa-wpressr {
  --fa: "";
}

.fa-angellist {
  --fa: "";
}

.fa-galactic-republic {
  --fa: "";
}

.fa-nfc-directional {
  --fa: "";
}

.fa-skype {
  --fa: "";
}

.fa-joget {
  --fa: "";
}

.fa-fedora {
  --fa: "";
}

.fa-stripe-s {
  --fa: "";
}

.fa-meta {
  --fa: "";
}

.fa-laravel {
  --fa: "";
}

.fa-hotjar {
  --fa: "";
}

.fa-bluetooth-b {
  --fa: "";
}

.fa-square-letterboxd {
  --fa: "";
}

.fa-sticker-mule {
  --fa: "";
}

.fa-creative-commons-zero {
  --fa: "";
}

.fa-hips {
  --fa: "";
}

.fa-css {
  --fa: "";
}

.fa-behance {
  --fa: "";
}

.fa-reddit {
  --fa: "";
}

.fa-discord {
  --fa: "";
}

.fa-chrome {
  --fa: "";
}

.fa-app-store-ios {
  --fa: "";
}

.fa-cc-discover {
  --fa: "";
}

.fa-wpbeginner {
  --fa: "";
}

.fa-confluence {
  --fa: "";
}

.fa-shoelace {
  --fa: "";
}

.fa-mdb {
  --fa: "";
}

.fa-dochub {
  --fa: "";
}

.fa-accessible-icon {
  --fa: "";
}

.fa-ebay {
  --fa: "";
}

.fa-amazon {
  --fa: "";
}

.fa-unsplash {
  --fa: "";
}

.fa-yarn {
  --fa: "";
}

.fa-square-steam,
.fa-steam-square {
  --fa: "";
}

.fa-500px {
  --fa: "";
}

.fa-square-vimeo,
.fa-vimeo-square {
  --fa: "";
}

.fa-asymmetrik {
  --fa: "";
}

.fa-font-awesome,
.fa-font-awesome-flag,
.fa-font-awesome-logo-full {
  --fa: "";
}

.fa-gratipay {
  --fa: "";
}

.fa-apple {
  --fa: "";
}

.fa-hive {
  --fa: "";
}

.fa-gitkraken {
  --fa: "";
}

.fa-keybase {
  --fa: "";
}

.fa-apple-pay {
  --fa: "";
}

.fa-padlet {
  --fa: "";
}

.fa-amazon-pay {
  --fa: "";
}

.fa-github-square,
.fa-square-github {
  --fa: "";
}

.fa-stumbleupon {
  --fa: "";
}

.fa-fedex {
  --fa: "";
}

.fa-phoenix-framework {
  --fa: "";
}

.fa-shopify {
  --fa: "";
}

.fa-neos {
  --fa: "";
}

.fa-square-threads {
  --fa: "";
}

.fa-hackerrank {
  --fa: "";
}

.fa-researchgate {
  --fa: "";
}

.fa-swift {
  --fa: "";
}

.fa-angular {
  --fa: "";
}

.fa-speakap {
  --fa: "";
}

.fa-angrycreative {
  --fa: "";
}

.fa-y-combinator {
  --fa: "";
}

.fa-empire {
  --fa: "";
}

.fa-envira {
  --fa: "";
}

.fa-google-scholar {
  --fa: "";
}

.fa-gitlab-square,
.fa-square-gitlab {
  --fa: "";
}

.fa-studiovinari {
  --fa: "";
}

.fa-pied-piper {
  --fa: "";
}

.fa-wordpress {
  --fa: "";
}

.fa-product-hunt {
  --fa: "";
}

.fa-firefox {
  --fa: "";
}

.fa-linode {
  --fa: "";
}

.fa-goodreads {
  --fa: "";
}

.fa-odnoklassniki-square,
.fa-square-odnoklassniki {
  --fa: "";
}

.fa-jsfiddle {
  --fa: "";
}

.fa-sith {
  --fa: "";
}

.fa-themeisle {
  --fa: "";
}

.fa-page4 {
  --fa: "";
}

.fa-hashnode {
  --fa: "";
}

.fa-react {
  --fa: "";
}

.fa-cc-paypal {
  --fa: "";
}

.fa-squarespace {
  --fa: "";
}

.fa-cc-stripe {
  --fa: "";
}

.fa-creative-commons-share {
  --fa: "";
}

.fa-bitcoin {
  --fa: "";
}

.fa-keycdn {
  --fa: "";
}

.fa-opera {
  --fa: "";
}

.fa-itch-io {
  --fa: "";
}

.fa-umbraco {
  --fa: "";
}

.fa-galactic-senate {
  --fa: "";
}

.fa-ubuntu {
  --fa: "";
}

.fa-draft2digital {
  --fa: "";
}

.fa-stripe {
  --fa: "";
}

.fa-houzz {
  --fa: "";
}

.fa-gg {
  --fa: "";
}

.fa-dhl {
  --fa: "";
}

.fa-pinterest-square,
.fa-square-pinterest {
  --fa: "";
}

.fa-xing {
  --fa: "";
}

.fa-blackberry {
  --fa: "";
}

.fa-creative-commons-pd {
  --fa: "";
}

.fa-playstation {
  --fa: "";
}

.fa-quinscape {
  --fa: "";
}

.fa-less {
  --fa: "";
}

.fa-blogger-b {
  --fa: "";
}

.fa-opencart {
  --fa: "";
}

.fa-vine {
  --fa: "";
}

.fa-signal-messenger {
  --fa: "";
}

.fa-paypal {
  --fa: "";
}

.fa-gitlab {
  --fa: "";
}

.fa-typo3 {
  --fa: "";
}

.fa-reddit-alien {
  --fa: "";
}

.fa-yahoo {
  --fa: "";
}

.fa-dailymotion {
  --fa: "";
}

.fa-affiliatetheme {
  --fa: "";
}

.fa-pied-piper-pp {
  --fa: "";
}

.fa-bootstrap {
  --fa: "";
}

.fa-odnoklassniki {
  --fa: "";
}

.fa-nfc-symbol {
  --fa: "";
}

.fa-mintbit {
  --fa: "";
}

.fa-ethereum {
  --fa: "";
}

.fa-speaker-deck {
  --fa: "";
}

.fa-creative-commons-nc-eu {
  --fa: "";
}

.fa-patreon {
  --fa: "";
}

.fa-avianex {
  --fa: "";
}

.fa-ello {
  --fa: "";
}

.fa-gofore {
  --fa: "";
}

.fa-bimobject {
  --fa: "";
}

.fa-brave-reverse {
  --fa: "";
}

.fa-facebook-f {
  --fa: "";
}

.fa-google-plus-square,
.fa-square-google-plus {
  --fa: "";
}

.fa-web-awesome {
  --fa: "";
}

.fa-mandalorian {
  --fa: "";
}

.fa-first-order-alt {
  --fa: "";
}

.fa-osi {
  --fa: "";
}

.fa-google-wallet {
  --fa: "";
}

.fa-d-and-d-beyond {
  --fa: "";
}

.fa-periscope {
  --fa: "";
}

.fa-fulcrum {
  --fa: "";
}

.fa-cloudscale {
  --fa: "";
}

.fa-forumbee {
  --fa: "";
}

.fa-mizuni {
  --fa: "";
}

.fa-schlix {
  --fa: "";
}

.fa-square-xing,
.fa-xing-square {
  --fa: "";
}

.fa-bandcamp {
  --fa: "";
}

.fa-wpforms {
  --fa: "";
}

.fa-cloudversify {
  --fa: "";
}

.fa-usps {
  --fa: "";
}

.fa-megaport {
  --fa: "";
}

.fa-magento {
  --fa: "";
}

.fa-spotify {
  --fa: "";
}

.fa-optin-monster {
  --fa: "";
}

.fa-fly {
  --fa: "";
}

.fa-square-bluesky {
  --fa: "";
}

.fa-aviato {
  --fa: "";
}

.fa-itunes {
  --fa: "";
}

.fa-cuttlefish {
  --fa: "";
}

.fa-blogger {
  --fa: "";
}

.fa-flickr {
  --fa: "";
}

.fa-viber {
  --fa: "";
}

.fa-soundcloud {
  --fa: "";
}

.fa-digg {
  --fa: "";
}

.fa-tencent-weibo {
  --fa: "";
}

.fa-letterboxd {
  --fa: "";
}

.fa-symfony {
  --fa: "";
}

.fa-maxcdn {
  --fa: "";
}

.fa-etsy {
  --fa: "";
}

.fa-facebook-messenger {
  --fa: "";
}

.fa-audible {
  --fa: "";
}

.fa-think-peaks {
  --fa: "";
}

.fa-bilibili {
  --fa: "";
}

.fa-erlang {
  --fa: "";
}

.fa-x-twitter {
  --fa: "";
}

.fa-cotton-bureau {
  --fa: "";
}

.fa-dashcube {
  --fa: "";
}

.fa-42-group,
.fa-innosoft {
  --fa: "";
}

.fa-stack-exchange {
  --fa: "";
}

.fa-elementor {
  --fa: "";
}

.fa-pied-piper-square,
.fa-square-pied-piper {
  --fa: "";
}

.fa-creative-commons-nd {
  --fa: "";
}

.fa-palfed {
  --fa: "";
}

.fa-superpowers {
  --fa: "";
}

.fa-resolving {
  --fa: "";
}

.fa-xbox {
  --fa: "";
}

.fa-square-web-awesome-stroke {
  --fa: "";
}

.fa-searchengin {
  --fa: "";
}

.fa-tiktok {
  --fa: "";
}

.fa-facebook-square,
.fa-square-facebook {
  --fa: "";
}

.fa-renren {
  --fa: "";
}

.fa-linux {
  --fa: "";
}

.fa-glide {
  --fa: "";
}

.fa-linkedin {
  --fa: "";
}

.fa-hubspot {
  --fa: "";
}

.fa-deploydog {
  --fa: "";
}

.fa-twitch {
  --fa: "";
}

.fa-flutter {
  --fa: "";
}

.fa-ravelry {
  --fa: "";
}

.fa-mixer {
  --fa: "";
}

.fa-lastfm-square,
.fa-square-lastfm {
  --fa: "";
}

.fa-vimeo {
  --fa: "";
}

.fa-mendeley {
  --fa: "";
}

.fa-uniregistry {
  --fa: "";
}

.fa-figma {
  --fa: "";
}

.fa-creative-commons-remix {
  --fa: "";
}

.fa-cc-amazon-pay {
  --fa: "";
}

.fa-dropbox {
  --fa: "";
}

.fa-instagram {
  --fa: "";
}

.fa-cmplid {
  --fa: "";
}

.fa-upwork {
  --fa: "";
}

.fa-facebook {
  --fa: "";
}

.fa-gripfire {
  --fa: "";
}

.fa-jedi-order {
  --fa: "";
}

.fa-uikit {
  --fa: "";
}

.fa-fort-awesome-alt {
  --fa: "";
}

.fa-phabricator {
  --fa: "";
}

.fa-ussunnah {
  --fa: "";
}

.fa-earlybirds {
  --fa: "";
}

.fa-trade-federation {
  --fa: "";
}

.fa-autoprefixer {
  --fa: "";
}

.fa-whatsapp {
  --fa: "";
}

.fa-square-upwork {
  --fa: "";
}

.fa-slideshare {
  --fa: "";
}

.fa-google-play {
  --fa: "";
}

.fa-viadeo {
  --fa: "";
}

.fa-line {
  --fa: "";
}

.fa-google-drive {
  --fa: "";
}

.fa-servicestack {
  --fa: "";
}

.fa-simplybuilt {
  --fa: "";
}

.fa-bitbucket {
  --fa: "";
}

.fa-imdb {
  --fa: "";
}

.fa-deezer {
  --fa: "";
}

.fa-raspberry-pi {
  --fa: "";
}

.fa-jira {
  --fa: "";
}

.fa-docker {
  --fa: "";
}

.fa-screenpal {
  --fa: "";
}

.fa-bluetooth {
  --fa: "";
}

.fa-gitter {
  --fa: "";
}

.fa-d-and-d {
  --fa: "";
}

.fa-microblog {
  --fa: "";
}

.fa-cc-diners-club {
  --fa: "";
}

.fa-gg-circle {
  --fa: "";
}

.fa-pied-piper-hat {
  --fa: "";
}

.fa-kickstarter-k {
  --fa: "";
}

.fa-yandex {
  --fa: "";
}

.fa-readme {
  --fa: "";
}

.fa-html5 {
  --fa: "";
}

.fa-sellsy {
  --fa: "";
}

.fa-square-web-awesome {
  --fa: "";
}

.fa-sass {
  --fa: "";
}

.fa-wirsindhandwerk,
.fa-wsh {
  --fa: "";
}

.fa-buromobelexperte {
  --fa: "";
}

.fa-salesforce {
  --fa: "";
}

.fa-octopus-deploy {
  --fa: "";
}

.fa-medapps {
  --fa: "";
}

.fa-ns8 {
  --fa: "";
}

.fa-pinterest-p {
  --fa: "";
}

.fa-apper {
  --fa: "";
}

.fa-fort-awesome {
  --fa: "";
}

.fa-waze {
  --fa: "";
}

.fa-bluesky {
  --fa: "";
}

.fa-cc-jcb {
  --fa: "";
}

.fa-snapchat,
.fa-snapchat-ghost {
  --fa: "";
}

.fa-fantasy-flight-games {
  --fa: "";
}

.fa-rust {
  --fa: "";
}

.fa-wix {
  --fa: "";
}

.fa-behance-square,
.fa-square-behance {
  --fa: "";
}

.fa-supple {
  --fa: "";
}

.fa-webflow {
  --fa: "";
}

.fa-rebel {
  --fa: "";
}

.fa-css3 {
  --fa: "";
}

.fa-staylinked {
  --fa: "";
}

.fa-kaggle {
  --fa: "";
}

.fa-space-awesome {
  --fa: "";
}

.fa-deviantart {
  --fa: "";
}

.fa-cpanel {
  --fa: "";
}

.fa-goodreads-g {
  --fa: "";
}

.fa-git-square,
.fa-square-git {
  --fa: "";
}

.fa-square-tumblr,
.fa-tumblr-square {
  --fa: "";
}

.fa-trello {
  --fa: "";
}

.fa-creative-commons-nc-jp {
  --fa: "";
}

.fa-get-pocket {
  --fa: "";
}

.fa-perbyte {
  --fa: "";
}

.fa-grunt {
  --fa: "";
}

.fa-weebly {
  --fa: "";
}

.fa-connectdevelop {
  --fa: "";
}

.fa-leanpub {
  --fa: "";
}

.fa-black-tie {
  --fa: "";
}

.fa-themeco {
  --fa: "";
}

.fa-python {
  --fa: "";
}

.fa-android {
  --fa: "";
}

.fa-bots {
  --fa: "";
}

.fa-free-code-camp {
  --fa: "";
}

.fa-hornbill {
  --fa: "";
}

.fa-js {
  --fa: "";
}

.fa-ideal {
  --fa: "";
}

.fa-git {
  --fa: "";
}

.fa-dev {
  --fa: "";
}

.fa-sketch {
  --fa: "";
}

.fa-yandex-international {
  --fa: "";
}

.fa-cc-amex {
  --fa: "";
}

.fa-uber {
  --fa: "";
}

.fa-github {
  --fa: "";
}

.fa-php {
  --fa: "";
}

.fa-alipay {
  --fa: "";
}

.fa-youtube {
  --fa: "";
}

.fa-skyatlas {
  --fa: "";
}

.fa-firefox-browser {
  --fa: "";
}

.fa-replyd {
  --fa: "";
}

.fa-suse {
  --fa: "";
}

.fa-jenkins {
  --fa: "";
}

.fa-twitter {
  --fa: "";
}

.fa-rockrms {
  --fa: "";
}

.fa-pinterest {
  --fa: "";
}

.fa-buffer {
  --fa: "";
}

.fa-npm {
  --fa: "";
}

.fa-yammer {
  --fa: "";
}

.fa-btc {
  --fa: "";
}

.fa-dribbble {
  --fa: "";
}

.fa-stumbleupon-circle {
  --fa: "";
}

.fa-internet-explorer {
  --fa: "";
}

.fa-stubber {
  --fa: "";
}

.fa-telegram,
.fa-telegram-plane {
  --fa: "";
}

.fa-old-republic {
  --fa: "";
}

.fa-odysee {
  --fa: "";
}

.fa-square-whatsapp,
.fa-whatsapp-square {
  --fa: "";
}

.fa-node-js {
  --fa: "";
}

.fa-edge-legacy {
  --fa: "";
}

.fa-slack,
.fa-slack-hash {
  --fa: "";
}

.fa-medrt {
  --fa: "";
}

.fa-usb {
  --fa: "";
}

.fa-tumblr {
  --fa: "";
}

.fa-vaadin {
  --fa: "";
}

.fa-quora {
  --fa: "";
}

.fa-square-x-twitter {
  --fa: "";
}

.fa-reacteurope {
  --fa: "";
}

.fa-medium,
.fa-medium-m {
  --fa: "";
}

.fa-amilia {
  --fa: "";
}

.fa-mixcloud {
  --fa: "";
}

.fa-flipboard {
  --fa: "";
}

.fa-viacoin {
  --fa: "";
}

.fa-critical-role {
  --fa: "";
}

.fa-sitrox {
  --fa: "";
}

.fa-discourse {
  --fa: "";
}

.fa-joomla {
  --fa: "";
}

.fa-mastodon {
  --fa: "";
}

.fa-airbnb {
  --fa: "";
}

.fa-wolf-pack-battalion {
  --fa: "";
}

.fa-buy-n-large {
  --fa: "";
}

.fa-gulp {
  --fa: "";
}

.fa-creative-commons-sampling-plus {
  --fa: "";
}

.fa-strava {
  --fa: "";
}

.fa-ember {
  --fa: "";
}

.fa-canadian-maple-leaf {
  --fa: "";
}

.fa-teamspeak {
  --fa: "";
}

.fa-pushed {
  --fa: "";
}

.fa-wordpress-simple {
  --fa: "";
}

.fa-nutritionix {
  --fa: "";
}

.fa-wodu {
  --fa: "";
}

.fa-google-pay {
  --fa: "";
}

.fa-intercom {
  --fa: "";
}

.fa-zhihu {
  --fa: "";
}

.fa-korvue {
  --fa: "";
}

.fa-pix {
  --fa: "";
}

.fa-steam-symbol {
  --fa: "";
}