@font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-Black.eot");
    src: url("../media/fonts/SofiaPro-Black.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-Black.woff") format("woff"), url("../media/fonts/SofiaPro-Black.ttf") format("truetype"), url("../media/fonts/SofiaPro-Black.svg?#webfont") format("svg");
    font-weight: 900;
    font-style: normal;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-BlackItalic.eot");
    src: url("../media/fonts/SofiaPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-BlackItalic.woff") format("woff"), url("../media/fonts/SofiaPro-BlackItalic.ttf") format("truetype"), url("../media/fonts/SofiaPro-BlackItalic.svg?#webfont") format("svg");
    font-weight: 900;
    font-style: italic;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-Black.eot");
    src: url("../media/fonts/SofiaPro-Black.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-Black.woff") format("woff"), url("../media/fonts/SofiaPro-Black.ttf") format("truetype"), url("../media/fonts/SofiaPro-Black.svg?#webfont") format("svg");
    font-weight: 800;
    font-style: normal;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-BlackItalic.eot");
    src: url("../media/fonts/SofiaPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-BlackItalic.woff") format("woff"), url("../media/fonts/SofiaPro-BlackItalic.ttf") format("truetype"), url("../media/fonts/SofiaPro-BlackItalic.svg?#webfont") format("svg");
    font-weight: 800;
    font-style: italic;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-Bold.eot");
    src: url("../media/fonts/SofiaPro-Bold.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-Bold.woff") format("woff"), url("../media/fonts/SofiaPro-Bold.ttf") format("truetype"), url("../media/fonts/SofiaPro-Bold.svg?#webfont") format("svg");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-BoldItalic.eot");
    src: url("../media/fonts/SofiaPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-BoldItalic.woff") format("woff"), url("../media/fonts/SofiaPro-BoldItalic.ttf") format("truetype"), url("../media/fonts/SofiaPro-BoldItalic.svg?#webfont") format("svg");
    font-weight: 700;
    font-style: italic;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-SemiBold.eot");
    src: url("../media/fonts/SofiaPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-SemiBold.woff") format("woff"), url("../media/fonts/SofiaPro-SemiBold.ttf") format("truetype"), url("../media/fonts/SofiaPro-SemiBold.svg?#webfont") format("svg");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-SemiBoldItalic.eot");
    src: url("../media/fonts/SofiaPro-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-SemiBoldItalic.woff") format("woff"), url("../media/fonts/SofiaPro-SemiBoldItalic.ttf") format("truetype"), url("../media/fonts/SofiaPro-SemiBoldItalic.svg?#webfont") format("svg");
    font-weight: 600;
    font-style: italic;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-Medium.eot");
    src: url("../media/fonts/SofiaPro-Medium.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-Medium.woff") format("woff"), url("../media/fonts/SofiaPro-Medium.ttf") format("truetype"), url("../media/fonts/SofiaPro-Medium.svg?#webfont") format("svg");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-MediumItalic.eot");
    src: url("../media/fonts/SofiaPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-MediumItalic.woff") format("woff"), url("../media/fonts/SofiaPro-MediumItalic.ttf") format("truetype"), url("../media/fonts/SofiaPro-MediumItalic.svg?#webfont") format("svg");
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-Regular.eot");
    src: url("../media/fonts/SofiaPro-Regular.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-Regular.woff") format("woff"), url("../media/fonts/SofiaPro-Regular.ttf") format("truetype"), url("../media/fonts/SofiaPro-Regular.svg?#webfont") format("svg");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-Italic.eot");
    src: url("../media/fonts/SofiaPro-Italic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-Italic.woff") format("woff"), url("../media/fonts/SofiaPro-Italic.ttf") format("truetype"), url("../media/fonts/SofiaPro-Italic.svg?#webfont") format("svg");
    font-weight: 400;
    font-style: italic;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-Light.eot");
    src: url("../media/fonts/SofiaPro-Light.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-Light.woff") format("woff"), url("../media/fonts/SofiaPro-Light.ttf") format("truetype"), url("../media/fonts/SofiaPro-Light.svg?#webfont") format("svg");
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: "Sofia Pro";
    src: url("../media/fonts/SofiaPro-LightItalic.eot");
    src: url("../media/fonts/SofiaPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/SofiaPro-LightItalic.woff") format("woff"), url("../media/fonts/SofiaPro-LightItalic.ttf") format("truetype"), url("../media/fonts/SofiaPro-LightItalic.svg?#webfont") format("svg");
    font-weight: 300;
    font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-Black.eot");
    src: url("../media/fonts/Graphik-Black.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-Black.woff") format("woff"), url("../media/fonts/Graphik-Black.ttf") format("truetype"), url("../media/fonts/Graphik-Black.svg?#webfont") format("svg");
    font-weight: 900;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-BlackItalic.eot");
    src: url("../media/fonts/Graphik-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-BlackItalic.woff") format("woff"), url("../media/fonts/Graphik-BlackItalic.ttf") format("truetype"), url("../media/fonts/Graphik-BlackItalic.svg?#webfont") format("svg");
    font-weight: 900;
    font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-Black.eot");
    src: url("../media/fonts/Graphik-Black.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-Black.woff") format("woff"), url("../media/fonts/Graphik-Black.ttf") format("truetype"), url("../media/fonts/Graphik-Black.svg?#webfont") format("svg");
    font-weight: 800;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-BlackItalic.eot");
    src: url("../media/fonts/Graphik-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-BlackItalic.woff") format("woff"), url("../media/fonts/Graphik-BlackItalic.ttf") format("truetype"), url("../media/fonts/Graphik-BlackItalic.svg?#webfont") format("svg");
    font-weight: 800;
    font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-Bold.eot");
    src: url("../media/fonts/Graphik-Bold.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-Bold.woff") format("woff"), url("../media/fonts/Graphik-Bold.ttf") format("truetype"), url("../media/fonts/Graphik-Bold.svg?#webfont") format("svg");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-BoldItalic.eot");
    src: url("../media/fonts/Graphik-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-BoldItalic.woff") format("woff"), url("../media/fonts/Graphik-BoldItalic.ttf") format("truetype"), url("../media/fonts/Graphik-BoldItalic.svg?#webfont") format("svg");
    font-weight: 700;
    font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-Semibold.eot");
    src: url("../media/fonts/Graphik-Semibold.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-Semibold.woff") format("woff"), url("../media/fonts/Graphik-Semibold.ttf") format("truetype"), url("../media/fonts/Graphik-Semibold.svg?#webfont") format("svg");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-SemiboldItalic.eot");
    src: url("../media/fonts/Graphik-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-SemiboldItalic.woff") format("woff"), url("../media/fonts/Graphik-SemiboldItalic.ttf") format("truetype"), url("../media/fonts/Graphik-SemiboldItalic.svg?#webfont") format("svg");
    font-weight: 600;
    font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-Medium.eot");
    src: url("../media/fonts/Graphik-Medium.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-Medium.woff") format("woff"), url("../media/fonts/Graphik-Medium.ttf") format("truetype"), url("../media/fonts/Graphik-Medium.svg?#webfont") format("svg");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-MediumItalic.eot");
    src: url("../media/fonts/Graphik-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-MediumItalic.woff") format("woff"), url("../media/fonts/Graphik-MediumItalic.ttf") format("truetype"), url("../media/fonts/Graphik-MediumItalic.svg?#webfont") format("svg");
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-Regular.eot");
    src: url("../media/fonts/Graphik-Regular.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-Regular.woff") format("woff"), url("../media/fonts/Graphik-Regular.ttf") format("truetype"), url("../media/fonts/Graphik-Regular.svg?#webfont") format("svg");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-RegularItalic.eot");
    src: url("../media/fonts/Graphik-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-RegularItalic.woff") format("woff"), url("../media/fonts/Graphik-RegularItalic.ttf") format("truetype"), url("../media/fonts/Graphik-RegularItalic.svg?#webfont") format("svg");
    font-weight: 400;
    font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-Light.eot");
    src: url("../media/fonts/Graphik-Light.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-Light.woff") format("woff"), url("../media/fonts/Graphik-Light.ttf") format("truetype"), url("../media/fonts/Graphik-Light.svg?#webfont") format("svg");
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("../media/fonts/Graphik-LightItalic.eot");
    src: url("../media/fonts/Graphik-LightItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Graphik-LightItalic.woff") format("woff"), url("../media/fonts/Graphik-LightItalic.ttf") format("truetype"), url("../media/fonts/Graphik-LightItalic.svg?#webfont") format("svg");
    font-weight: 300;
    font-style: italic;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-Black.eot");
    src: url("../media/fonts/Inter-Black.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-Black.woff") format("woff"), url("../media/fonts/Inter-Black.ttf") format("truetype"), url("../media/fonts/Inter-Black.svg?#webfont") format("svg");
    font-weight: 900;
    font-style: normal;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-BlackItalic.eot");
    src: url("../media/fonts/Inter-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-BlackItalic.woff") format("woff"), url("../media/fonts/Inter-BlackItalic.ttf") format("truetype"), url("../media/fonts/Inter-BlackItalic.svg?#webfont") format("svg");
    font-weight: 900;
    font-style: italic;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-ExtraBold.eot");
    src: url("../media/fonts/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-ExtraBold.woff") format("woff"), url("../media/fonts/Inter-ExtraBold.ttf") format("truetype"), url("../media/fonts/Inter-ExtraBold.svg?#webfont") format("svg");
    font-weight: 800;
    font-style: normal;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-ExtraBoldItalic.eot");
    src: url("../media/fonts/Inter-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-ExtraBoldItalic.woff") format("woff"), url("../media/fonts/Inter-ExtraBoldItalic.ttf") format("truetype"), url("../media/fonts/Inter-ExtraBoldItalic.svg?#webfont") format("svg");
    font-weight: 800;
    font-style: italic;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-Bold.eot");
    src: url("../media/fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-Bold.woff") format("woff"), url("../media/fonts/Inter-Bold.ttf") format("truetype"), url("../media/fonts/Inter-Bold.svg?#webfont") format("svg");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-BoldItalic.eot");
    src: url("../media/fonts/Inter-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-BoldItalic.woff") format("woff"), url("../media/fonts/Inter-BoldItalic.ttf") format("truetype"), url("../media/fonts/Inter-BoldItalic.svg?#webfont") format("svg");
    font-weight: 700;
    font-style: italic;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-SemiBold.eot");
    src: url("../media/fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-SemiBold.woff") format("woff"), url("../media/fonts/Inter-SemiBold.ttf") format("truetype"), url("../media/fonts/Inter-SemiBold.svg?#webfont") format("svg");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-SemiBoldItalic.eot");
    src: url("../media/fonts/Inter-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-SemiBoldItalic.woff") format("woff"), url("../media/fonts/Inter-SemiBoldItalic.ttf") format("truetype"), url("../media/fonts/Inter-SemiBoldItalic.svg?#webfont") format("svg");
    font-weight: 600;
    font-style: italic;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-Medium.eot");
    src: url("../media/fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-Medium.woff") format("woff"), url("../media/fonts/Inter-Medium.ttf") format("truetype"), url("../media/fonts/Inter-Medium.svg?#webfont") format("svg");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-MediumItalic.eot");
    src: url("../media/fonts/Inter-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-MediumItalic.woff") format("woff"), url("../media/fonts/Inter-MediumItalic.ttf") format("truetype"), url("../media/fonts/Inter-MediumItalic.svg?#webfont") format("svg");
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-Regular.eot");
    src: url("../media/fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-Regular.woff") format("woff"), url("../media/fonts/Inter-Regular.ttf") format("truetype"), url("../media/fonts/Inter-Regular.svg?#webfont") format("svg");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-RegularItalic.eot");
    src: url("../media/fonts/Inter-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-RegularItalic.woff") format("woff"), url("../media/fonts/Inter-RegularItalic.ttf") format("truetype"), url("../media/fonts/Inter-RegularItalic.svg?#webfont") format("svg");
    font-weight: 400;
    font-style: italic;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-Light.eot");
    src: url("../media/fonts/Inter-Light.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-Light.woff") format("woff"), url("../media/fonts/Inter-Light.ttf") format("truetype"), url("../media/fonts/Inter-Light.svg?#webfont") format("svg");
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: "Inter";
    src: url("../media/fonts/Inter-LightItalic.eot");
    src: url("../media/fonts/Inter-LightItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/Inter-LightItalic.woff") format("woff"), url("../media/fonts/Inter-LightItalic.ttf") format("truetype"), url("../media/fonts/Inter-LightItalic.svg?#webfont") format("svg");
    font-weight: 300;
    font-style: italic;
  }
  @font-face {
    font-family: "Circular Std";
    src: url("../media/fonts/CircularStd-Black.eot");
    src: url("../media/fonts/CircularStd-Black.eot?#iefix") format("embedded-opentype"), url("../media/fonts/CircularStd-Black.woff") format("woff"), url("../media/fonts/CircularStd-Black.ttf") format("truetype"), url("../media/fonts/CircularStd-Black.svg?#webfont") format("svg");
    font-weight: 900;
    font-style: normal;
  }
  @font-face {
    font-family: "Circular Std";
    src: url("../media/fonts/CircularStd-BlackItalic.eot");
    src: url("../media/fonts/CircularStd-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/CircularStd-BlackItalic.woff") format("woff"), url("../media/fonts/CircularStd-BlackItalic.ttf") format("truetype"), url("../media/fonts/CircularStd-BlackItalic.svg?#webfont") format("svg");
    font-weight: 900;
    font-style: italic;
  }
  @font-face {
    font-family: "Circular Std";
    src: url("../media/fonts/CircularStd-Bold.eot");
    src: url("../media/fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"), url("../media/fonts/CircularStd-Bold.woff") format("woff"), url("../media/fonts/CircularStd-Bold.ttf") format("truetype"), url("../media/fonts/CircularStd-Bold.svg?#webfont") format("svg");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "Circular Std";
    src: url("../media/fonts/CircularStd-BoldItalic.eot");
    src: url("../media/fonts/CircularStd-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/CircularStd-BoldItalic.woff") format("woff"), url("../media/fonts/CircularStd-BoldItalic.ttf") format("truetype"), url("../media/fonts/CircularStd-BoldItalic.svg?#webfont") format("svg");
    font-weight: 700;
    font-style: italic;
  }
  @font-face {
    font-family: "Circular Std";
    src: url("../media/fonts/CircularStd-Medium.eot");
    src: url("../media/fonts/CircularStd-Medium.eot?#iefix") format("embedded-opentype"), url("../media/fonts/CircularStd-Medium.woff") format("woff"), url("../media/fonts/CircularStd-Medium.ttf") format("truetype"), url("../media/fonts/CircularStd-Medium.svg?#webfont") format("svg");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "Circular Std";
    src: url("../media/fonts/CircularStd-MediumItalic.eot");
    src: url("../media/fonts/CircularStd-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/CircularStd-MediumItalic.woff") format("woff"), url("../media/fonts/CircularStd-MediumItalic.ttf") format("truetype"), url("../media/fonts/CircularStd-MediumItalic.svg?#webfont") format("svg");
    font-weight: 500;
    font-style: italic;
  }
  @font-face {
    font-family: "Circular Std";
    src: url("../media/fonts/CircularStd-Book.eot");
    src: url("../media/fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("../media/fonts/CircularStd-Book.woff") format("woff"), url("../media/fonts/CircularStd-Book.ttf") format("truetype"), url("../media/fonts/CircularStd-Book.svg?#webfont") format("svg");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Circular Std";
    src: url("../media/fonts/CircularStd-BookItalic.eot");
    src: url("../media/fonts/CircularStd-BookItalic.eot?#iefix") format("embedded-opentype"), url("../media/fonts/CircularStd-BookItalic.woff") format("woff"), url("../media/fonts/CircularStd-BookItalic.ttf") format("truetype"), url("../media/fonts/CircularStd-BookItalic.svg?#webfont") format("svg");
    font-weight: 400;
    font-style: italic;
  }
  /*!
   * Bootstrap Reboot v5.2.3 (https://getbootstrap.com/)
   * Copyright 2011-2022 The Bootstrap Authors
   * Copyright 2011-2022 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
  :root {
    --bs-blue: #1E68F6;
    --bs-indigo: #6610f2;
    --bs-purple: #BD47FB;
    --bs-pink: #d63384;
    --bs-red: #FA2256;
    --bs-orange: #fd7e14;
    --bs-yellow: #F27F16;
    --bs-green: #11CABE;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #FFFFFF;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #246CF9;
    --bs-secondary: #141518;
    --bs-success: #11CABE;
    --bs-info: #1E68F6;
    --bs-warning: #F27F16;
    --bs-danger: #FA2256;
    --bs-light: #FFFFFF;
    --bs-dark: #141518;
    --bs-royal-blue: #246CF9;
    --bs-baby-blue-light: #EDFDFF;
    --bs-ultramarine-blue: #706DF8;
    --bs-ultramine-blue-pale: #E9E9FF;
    --bs-ultramarine-blue-light: #F4F3FF;
    --bs-white: #FFFFFF;
    --bs-grey-20: #E5E6ED;
    --bs-grey-40: #A5ADCF;
    --bs-grey-60: #5D6588;
    --bs-grey-80: #34384C;
    --bs-grey-100: #1E1F25;
    --bs-darker-grey: #141518;
    --bs-dark-transparent: rgba(47, 50, 65, 0.5);
    --bs-black: #000000;
    --bs-blue: #1E68F6;
    --bs-blue-pale: #BEE4FF;
    --bs-yellow: #F27F16;
    --bs-yellow-pale: #FFE4B1;
    --bs-green: #11CABE;
    --bs-green-pale: #CCF0E6;
    --bs-red: #FA2256;
    --bs-red-pale: #FFD1CB;
    --bs-primary-rgb: 36, 108, 249;
    --bs-secondary-rgb: 20, 21, 24;
    --bs-success-rgb: 17, 202, 190;
    --bs-info-rgb: 30, 104, 246;
    --bs-warning-rgb: 242, 127, 22;
    --bs-danger-rgb: 250, 34, 86;
    --bs-light-rgb: 255, 255, 255;
    --bs-dark-rgb: 20, 21, 24;
    --bs-royal-blue-rgb: 36, 108, 249;
    --bs-baby-blue-light-rgb: 237, 253, 255;
    --bs-ultramarine-blue-rgb: 112, 109, 248;
    --bs-ultramine-blue-pale-rgb: 233, 233, 255;
    --bs-ultramarine-blue-light-rgb: 244, 243, 255;
    --bs-white-rgb: 255, 255, 255;
    --bs-grey-20-rgb: 229, 230, 237;
    --bs-grey-40-rgb: 165, 173, 207;
    --bs-grey-60-rgb: 93, 101, 136;
    --bs-grey-80-rgb: 52, 56, 76;
    --bs-grey-100-rgb: 30, 31, 37;
    --bs-darker-grey-rgb: 20, 21, 24;
    --bs-dark-transparent-rgb: 47, 50, 65;
    --bs-black-rgb: 0, 0, 0;
    --bs-blue-rgb: 30, 104, 246;
    --bs-blue-pale-rgb: 190, 228, 255;
    --bs-yellow-rgb: 242, 127, 22;
    --bs-yellow-pale-rgb: 255, 228, 177;
    --bs-green-rgb: 17, 202, 190;
    --bs-green-pale-rgb: 204, 240, 230;
    --bs-red-rgb: 250, 34, 86;
    --bs-red-pale-rgb: 255, 209, 203;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-body-bg-rgb: 20, 21, 24;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: Sofia Pro, sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.88;
    --bs-body-color: #FFFFFF;
    --bs-body-bg: #141518;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #E5E6ED;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 10px;
    --bs-border-radius-sm: 5px;
    --bs-border-radius-lg: 15px;
    --bs-border-radius-xl: 20px;
    --bs-border-radius-2xl: 25px;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #246CF9;
    --bs-link-hover-color: #1d56c7;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fce5d0;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  
  body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: 0.25;
  }
  
  h6, h5, h4, h3, h2, h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1.2;
    color: #FFFFFF;
  }
  
  h1 {
    font-size: calc(1.50625rem + 3.075vw);
  }
  @media (min-width: 1200px) {
    h1 {
      font-size: 3.8125rem;
    }
  }
  
  h2 {
    font-size: calc(1.43125rem + 2.175vw);
  }
  @media (min-width: 1200px) {
    h2 {
      font-size: 3.0625rem;
    }
  }
  
  h3 {
    font-size: calc(1.36875rem + 1.425vw);
  }
  @media (min-width: 1200px) {
    h3 {
      font-size: 2.4375rem;
    }
  }
  
  h4 {
    font-size: calc(1.31875rem + 0.825vw);
  }
  @media (min-width: 1200px) {
    h4 {
      font-size: 1.9375rem;
    }
  }
  
  h5 {
    font-size: calc(1.28125rem + 0.375vw);
  }
  @media (min-width: 1200px) {
    h5 {
      font-size: 1.5625rem;
    }
  }
  
  h6 {
    font-size: 1.25rem;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  abbr[title] {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }
  
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  
  ol,
  ul {
    padding-left: 2rem;
  }
  
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  
  dt {
    font-weight: 700;
  }
  
  dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
  }
  
  blockquote {
    margin: 0 0 1rem;
  }
  
  b,
  strong {
    font-weight: bolder;
  }
  
  small {
    font-size: 0.875em;
  }
  
  mark {
    padding: 0.1875em;
    background-color: var(--bs-highlight-bg);
  }
  
  sub,
  sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  a {
    color: var(--bs-link-color);
    text-decoration: none;
  }
  a:hover {
    color: var(--bs-link-hover-color);
  }
  
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  
  pre,
  code,
  kbd,
  samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
  }
  
  pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
  }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
  }
  
  code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
  }
  a > code {
    color: inherit;
  }
  
  kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 5px;
  }
  kbd kbd {
    padding: 0;
    font-size: 1em;
  }
  
  figure {
    margin: 0 0 1rem;
  }
  
  img,
  svg {
    vertical-align: middle;
  }
  
  table {
    caption-side: bottom;
    border-collapse: collapse;
  }
  
  caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left;
  }
  
  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  
  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
  }
  
  label {
    display: inline-block;
  }
  
  button {
    border-radius: 0;
  }
  
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  
  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  
  button,
  select {
    text-transform: none;
  }
  
  [role=button] {
    cursor: pointer;
  }
  
  select {
    word-wrap: normal;
  }
  select:disabled {
    opacity: 1;
  }
  
  [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
  }
  
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button:not(:disabled),
  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled) {
    cursor: pointer;
  }
  
  ::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  
  textarea {
    resize: vertical;
  }
  
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  
  legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
  }
  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem;
    }
  }
  legend + * {
    clear: left;
  }
  
  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-minute,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field {
    padding: 0;
  }
  
  ::-webkit-inner-spin-button {
    height: auto;
  }
  
  [type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
  }
  
  /* rtl:raw:
  [type="tel"],
  [type="url"],
  [type="email"],
  [type="number"] {
    direction: ltr;
  }
  */
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  ::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  
  ::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
  }
  
  output {
    display: inline-block;
  }
  
  iframe {
    border: 0;
  }
  
  summary {
    display: list-item;
    cursor: pointer;
  }
  
  progress {
    vertical-align: baseline;
  }
  
  [hidden] {
    display: none !important;
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.01em;
  }
  
  * {
    font-smooth: always;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    scroll-behavior: smooth !important;
  }
  
  a {
    font-weight: 700;
  }
  
  h1 {
    font-size: 3.8125rem;
    line-height: 1.1;
  }
  @media (max-width: 575.98px) {
    h1 {
      font-size: 2.125rem;
      line-height: 1.1;
    }
  }
  
  h2 {
    font-size: 3.0625rem;
    line-height: 1.1;
  }
  @media (max-width: 575.98px) {
    h2 {
      font-size: 1.75rem;
      line-height: 1.1;
    }
  }
  
  h3 {
    font-size: 2.4375rem;
    line-height: 1.1;
  }
  @media (max-width: 575.98px) {
    h3 {
      font-size: 1.375rem;
      line-height: 1.1;
    }
  }
  
  h4 {
    font-size: 1.9375rem;
    line-height: 1.2;
  }
  @media (max-width: 575.98px) {
    h4 {
      font-size: 1.125rem;
      line-height: 1.2;
    }
  }
  
  h5 {
    font-size: 1.5625rem;
    line-height: 1.2;
  }
  @media (max-width: 575.98px) {
    h5 {
      font-size: 1rem;
      line-height: 1.2;
    }
  }
  
  h6 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
  @media (max-width: 575.98px) {
    h6 {
      font-size: 0.875rem;
      line-height: 1.2;
    }
  }
  
  @media (max-width: 767.98px) {
    .container {
      padding: 0 1.5rem;
    }
  }
  @media (max-width: 374.98px) {
    .container {
      padding: 0 1rem;
    }
  }
  .container.container--dashboard {
    max-width: 90rem;
    padding: 0 2.75rem;
  }
  @media (max-width: 1199.98px) {
    .container.container--dashboard {
      padding: 0 2.5rem;
    }
  }
  @media (max-width: 991.98px) {
    .container.container--dashboard {
      padding: 0 2rem;
    }
  }
  @media (max-width: 767.98px) {
    .container.container--dashboard {
      padding: 0 1.5rem;
    }
  }
  @media (max-width: 575.98px) {
    .container.container--dashboard {
      padding: 0 1rem;
    }
  }
  .container.container--dashboard-nav {
    max-width: 100% !important;
    padding: 0 2.75rem;
  }
  @media (max-width: 1199.98px) {
    .container.container--dashboard-nav {
      padding: 0 2.5rem;
    }
  }
  @media (max-width: 991.98px) {
    .container.container--dashboard-nav {
      padding: 0 2rem;
    }
  }
  @media (max-width: 767.98px) {
    .container.container--dashboard-nav {
      padding: 0 1.5rem;
    }
  }
  @media (max-width: 575.98px) {
    .container.container--dashboard-nav {
      padding: 0 1rem;
    }
  }
  
  .market{
    position: relative;
    z-index: 1;
    padding: 7.5rem 0 0;
  }
  
  .assets--v3 .table--type-2 .table-container {
    padding-top: 1rem;
    background: rgba(47, 50, 65, 0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .assets--v3 .assets__view-more {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1.5rem auto 0;
    font-family: "Sofia Pro", sans-serif;
    font-size: 1.125rem;
    line-height: 1.6;
    color: #FFFFFF;
    transition: all linear 0.2s;
  }
  .fd-xl {
    font-size: 3.5rem;
    line-height: 1.2;
    margin: 0;
    font-weight: 500;
    font-family: "Graphik", sans-serif;
  }
  .fd-xl--bold {
    font-weight: 600;
  }
  @media (max-width: 575.98px) {
    .fd-xl {
      font-size: 2.4375rem;
    }
    .market h4 {
        margin-bottom: 30px !important;
    }
    .market {
      padding: 4rem 0 0;
  }
  }
  
  .fd-lg {
    font-size: 2.4375rem;
    line-height: 1.2;
    margin: 0;
    font-weight: 500;
    font-family: "Graphik", sans-serif;
  }
  .fd-lg--bold {
    font-weight: 600;
  }
  @media (max-width: 575.98px) {
    .fd-lg {
      font-size: 1.75rem;
    }
  }
  
  .fd-md {
    font-size: 1.5625rem;
    line-height: 1.1;
    margin: 0;
    font-weight: 400;
    font-family: "Graphik", sans-serif;
  }
  .fd-md--bold {
    font-weight: 600;
  }
  @media (max-width: 575.98px) {
    .fd-md {
      font-size: 1.25rem;
    }
  }
  
  .fd-sm {
    font-size: 1.25rem;
    line-height: 1.1;
    margin: 0;
    font-weight: 400;
    font-family: "Graphik", sans-serif;
  }
  .fd-sm--bold {
    font-weight: 600;
  }
  @media (max-width: 575.98px) {
    .fd-sm {
      font-size: 1.125rem;
    }
  }
  
  .fb-lg {
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    font-family: "Graphik", sans-serif;
  }
  .fb-lg--bold {
    font-weight: 600;
  }
  @media (max-width: 575.98px) {
    .fb-lg {
      font-size: 1rem;
    }
  }
  
  .fb-regular {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    font-family: "Graphik", sans-serif;
  }
  .fb-regular--bold {
    font-weight: 600;
  }
  @media (max-width: 575.98px) {
    .fb-regular {
      font-size: 0.875rem;
    }
  }
  
  .fb-sm {
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    font-family: "Graphik", sans-serif;
  }
  .fb-sm--bold {
    font-weight: 600;
  }
  @media (max-width: 575.98px) {
    .fb-sm {
      font-size: 0.75rem;
    }
  }
  
  .fb-xs {
    font-size: 0.75rem;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    font-family: "Graphik", sans-serif;
  }
  .fb-xs--bold {
    font-weight: 600;
  }
  
  .text-bullish {
    color: #11CABE;
  }
  
  .text-bearish {
    color: #FA2256;
  }
  
  .text-green-light {
    color: #30E0A1;
  }
  @keyframes ScaleBig {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(1.03);
    }
    50% {
      transform: scale(1.05);
    }
    75% {
      transform: scale(1.03);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes ScaleBigHideFirst {
    0% {
      transform: scale(1);
      opacity: 0;
    }
    25% {
      transform: scale(1.03);
      opacity: 0.25;
    }
    50% {
      transform: scale(1.05);
      opacity: 0.5;
    }
    75% {
      transform: scale(1.03);
      opacity: 0.75;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  .ScaleBig {
    animation: ScaleBig 0.8s linear;
  }
  
  .ScaleBigHideFirst {
    animation: ScaleBigHideFirst 0.8s linear;
  }
  
  body {
    background: #1E1F25;
  }
  
  .hero-v2 {
    position: relative;
    z-index: 1;
  }
  .hero-v2 .hero__background {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 90rem;
    overflow: hidden;
    pointer-events: none;
    margin: 0 auto;
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .hero-v2 .hero__background {
      display: none;
    }
  }
  .hero-v2 .hero__background.hero__background--grid {
    top: -6.375rem;
  }
  @media (max-width: 991.98px) {
    .hero-v2 .hero__background.hero__background--grid {
      display: -8.125rem;
    }
  }
  .hero-v2 .hero__background.hero__background--grid .hero__grid-bg {
    position: relative;
    left: -2.5rem;
    display: block;
    margin: 0 auto;
    max-width: 72.25rem;
  }
  .hero-v2 .hero__background.hero__background--pattern {
    top: -6.375rem;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    overflow: hidden;
  }
  .hero-v2 .hero__background.hero__background--pattern .hero__pattern-bg {
    position: relative;
    left: -2.5rem;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
  .hero-v2 .hero__background--mobile {
    display: none;
  }
  @media (max-width: 767.98px) {
    .hero-v2 .hero__background--mobile {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      max-width: 33.75rem;
      overflow: hidden;
      pointer-events: none;
      margin: 0 auto;
      z-index: -1;
    }
  }
  .hero-v2 .hero__background--mobile.hero__background--grid {
    top: -6rem;
  }
  .hero-v2 .hero__background--mobile.hero__background--grid .hero__grid-bg {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .hero-v2 .hero__background--mobile.hero__background--pattern {
    top: -4.75rem;
    right: 0rem;
    width: 100%;
    left: unset;
    margin: 0;
    margin-left: auto;
  }
  .hero-v2 .hero__background--mobile.hero__background--pattern .hero__pattern-bg {
    position: relative;
    display: block;
    margin-left: auto;
    width: 100%;
    height: auto;
    max-width: 23.3125rem;
  }
  .hero-v2 .hero__container {
    position: relative;
    padding: 6rem 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  @media (max-width: 991.98px) {
    .hero-v2 .hero__container {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 767.98px) {
    .hero-v2 .hero__container {
      padding: 2.25rem 0 2.25rem;
    }
  }
  @media (max-width: 991.98px) {
    .hero-v2 .hero__container .hero__content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
  }
  .hero-v2 .hero__container .hero__content .hero__title {
    color: #FFFFFF;
    width: 100%;
    max-width: 36.25rem;
    margin-bottom: 1.5rem;
  }
  .hero-v2 .hero__container .hero__content .hero__subtitle {
    color: #E5E6ED;
    margin-bottom: 3rem;
  }
  @media (max-width: 767.98px) {
    .hero-v2 .hero__container .hero__content .hero__subtitle {
      margin-bottom: 2rem;
    }
  }
  .hero-v2 .hero__container .hero__content .hero__link {
    max-width: -moz-max-content;
    max-width: max-content;
    padding-left: 4.6875rem;
    padding-right: 4.6875rem;
  }
  @media (max-width: 767.98px) {
    .hero-v2 .hero__container .hero__content .hero__link {
      max-width: 100%;
      width: 100%;
    }
  }
  @media (max-width: 991.98px) {
    .hero-v2 .hero__container .hero__illustration {
      display: none;
    }
  }
  .hero-v2 .hero__container .hero__illustration img {
    pointer-events: none;
    width: auto;
    height: auto;
    max-width: 35rem;
  }
  @media (max-width: 1199.98px) {
    .hero-v2 .hero__container .hero__illustration img {
      max-width: 30rem;
    }
  }
  @media (max-width: 1063.98px) {
    .hero-v2 .hero__container .hero__illustration img {
      max-width: 28.125rem;
    }
  }
  .hero-v2 .crypto-graph {
    position: relative;
    max-width: 90rem;
    padding: 0;
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    /* the slides */
    /* the parent */
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr;
    max-width: 21.625rem;
    width: 100%;
    padding: 1.5rem;
    border-radius: 0.5rem;
    z-index: 1;
  }
  @media (max-width: 767.98px) {
    .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items {
      max-width: 20.3125rem;
      padding: 1rem;
    }
  }
  @media (max-width: 374.98px) {
    .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items {
      max-width: 18.125rem;
    }
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(47, 50, 65, 0.5);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    border-radius: 0.5rem;
    z-index: -1;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item__crypto-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 100%;
  }
  @media (max-width: 767.98px) {
    .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item__crypto-icon {
      width: 2rem;
      height: 2rem;
    }
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item__graph {
    grid-column: 2/3;
    grid-row: 1/3;
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item__graph .crypto-graph-item-graph__img {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-height: 3rem;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item__graph .crypto-graph-item-graph__inflution {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item__graph .crypto-graph-item-graph__inflution.crypto-graph-item-graph__inflution--bullish {
    color: #11CABE;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item__graph .crypto-graph-item-graph__inflution.crypto-graph-item-graph__inflution--bearish {
    color: #FA2256;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item--fullname {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item--fullname .crypto-graph-item__name {
    color: #A5ADCF;
    margin-top: auto;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item--price-codename {
    padding-top: 0.6875rem;
    grid-column: 1/-1;
    grid-row: 3/4;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
  }
  @media (max-width: 767.98px) {
    .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item--price-codename {
      padding-top: 0;
    }
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item--price-codename .crypto-graph-item__price {
    color: #FFFFFF;
  }
  .hero-v2 .crypto-graph .crypto-graph-carousel .crypto-graph-carousel__items .crypto-graph-item--price-codename .crypto-graph-item__code {
    color: #5D6588;
    text-transform: uppercase;
  }
  .hero-v2 .crypto-graph .slick-slide {
    margin: 0 0.75rem;
  }
  @media (max-width: 479.98px) {
    .hero-v2 .crypto-graph .slick-slide {
      margin: 0 0.875rem;
    }
  }
  @media (max-width: 374.98px) {
    .hero-v2 .crypto-graph .slick-slide {
      margin: 0 1rem;
    }
  }
  .hero-v2 .crypto-graph .slick-list {
    margin: 0 -0.75rem;
  }
  @media (max-width: 479.98px) {
    .hero-v2 .crypto-graph .slick-list {
      margin: 0 -0.875rem;
    }
  }
  @media (max-width: 374.98px) {
    .hero-v2 .crypto-graph .slick-list {
      margin: 0 -1rem;
    }
  }
  .hero-v2 .crypto-graph .slick__pagination {
    position: relative;
    margin-top: 1.5rem;
  }
  @media (max-width: 767.98px) {
    .hero-v2 .crypto-graph .slick__pagination {
      margin-top: 1rem;
    }
  }
  
  .feature {
    position: relative;
    z-index: 1;
    padding: 7.5rem 0;
  }
  @media (max-width: 767.98px) {
    .feature {
      padding: 4rem 0;
    }
  }
  .feature .feature__background {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 90rem;
    overflow: hidden;
    pointer-events: none;
    margin: 0 auto;
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .feature .feature__background {
      display: none;
    }
  }
  .feature .feature__background.feature__background--pattern {
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    overflow: hidden;
  }
  .feature .feature__background.feature__background--pattern .feature__pattern-bg {
    position: absolute;
    right: 3rem;
    top: 6.25rem;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 100%;
    max-width: 31.6875rem;
    height: auto;
  }
  @media (max-width: 1199.98px) {
    .feature .feature__background.feature__background--pattern .feature__pattern-bg {
      right: -3.75rem;
    }
  }
  @media (max-width: 1063.98px) {
    .feature .feature__background.feature__background--pattern .feature__pattern-bg {
      top: 12.5rem;
      margin: unset;
    }
  }
  .feature .feature__background--mobile {
    display: none;
  }
  @media (max-width: 767.98px) {
    .feature .feature__background--mobile {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      max-width: 33.75rem;
      overflow: hidden;
      pointer-events: none;
      margin: 0 auto;
      z-index: -1;
    }
  }
  .feature .feature__background--mobile.feature__background--pattern {
    top: 5.625rem;
    right: 0rem;
    width: 100%;
    left: unset;
    margin: 0;
    margin-left: auto;
  }
  .feature .feature__background--mobile.feature__background--pattern .feature__pattern-bg {
    position: relative;
    display: block;
    margin-left: auto;
    width: 100%;
    height: auto;
    max-width: 13.625rem;
  }
  .feature .feature__container {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 4.25rem;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 1199.98px) {
    .feature .feature__container {
      gap: 2.5rem;
    }
  }
  @media (max-width: 1063.98px) {
    .feature .feature__container {
      grid-template-columns: 1fr;
    }
  }
  .feature .feature__group {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: center;
    gap: 1.5rem;
  }
  @media (max-width: 1063.98px) {
    .feature .feature__group {
      gap: 1rem;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: 1fr;
    }
  }
  @media (max-width: 991.98px) {
    .feature .feature__group {
      gap: 1rem;
    }
  }
  @media (max-width: 767.98px) {
    .feature .feature__group {
      grid-template-columns: 1fr;
    }
  }
  .feature .feature__group .feature__items {
    padding: 2.5rem 1.75rem;
    height: auto;
    width: 17.8125rem;
    min-height: 20.5625rem;
    border-radius: 0.75rem;
    background: rgba(47, 50, 65, 0.5);
    -webkit-backdrop-filter: blur(0.125rem);
            backdrop-filter: blur(0.125rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  @media (max-width: 1063.98px) {
    .feature .feature__group .feature__items {
      width: 100%;
      height: 100%;
    }
  }
  .feature .feature__group .feature__items.feature__items--3 {
    grid-row: 1/3;
    grid-column: 2/3;
    height: -moz-max-content;
    height: max-content;
    margin: auto 0;
  }
  @media (max-width: 1063.98px) {
    .feature .feature__group .feature__items.feature__items--3 {
      grid-row: auto;
      grid-column: auto;
      margin: unset;
    }
  }
  @media (max-width: 767.98px) {
    .feature .feature__group .feature__items {
      width: 100%;
      padding: 2rem 1.75rem;
      min-height: unset;
    }
  }
  .feature .feature__group .feature__items .feature-items__img {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 5.6875rem;
    height: 5.6875rem;
    z-index: 1;
  }
  .feature .feature__group .feature__items .feature-items__img::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #34384C;
    -webkit-backdrop-filter: blur(0.4375rem);
            backdrop-filter: blur(0.4375rem);
    border-radius: 100%;
    z-index: 1;
  }
  .feature .feature__group .feature__items .feature-items__img img {
    width: 2.75rem;
    height: 2.75rem;
    z-index: 2;
  }
  .feature .feature__group .feature__items .feature-items__title {
    color: #FFFFFF;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
  }
  .feature .feature__group .feature__items .feature-items__desc {
    color: #A5ADCF;
  }
  .feature .feature__content {
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 1063.98px) {
    .feature .feature__content {
      grid-row: 1/2;
      text-align: center;
      align-items: center;
      justify-content: center;
    }
  }
  .feature .feature__content .feature__title {
    max-width: 28rem;
    margin-bottom: 1.5rem;
    color: #FFFFFF;
  }
  @media (max-width: 1063.98px) {
    .feature .feature__content .feature__title {
      max-width: 36.25rem;
    }
  }
  @media (max-width: 767.98px) {
    .feature .feature__content .feature__title {
      margin-bottom: 1rem;
    }
  }
  .feature .feature__content .feature__subtitle {
    margin-bottom: 2rem;
    max-width: 28rem;
    color: #E5E6ED;
  }
  @media (max-width: 767.98px) {
    .feature .feature__content .feature__subtitle {
      margin-bottom: 1.5rem;
    }
  }
  .feature .feature__content .feature__button {
    max-width: -moz-max-content;
    max-width: max-content;
    padding-left: 3.4375rem;
    padding-right: 3.4375rem;
  }
  @media (max-width: 767.98px) {
    .feature .feature__content .feature__button {
      padding: 0.75rem 3rem;
    }
  }
  
  .exchange {
    position: relative;
    padding-bottom: 1.6875rem;
    z-index: 1;
  }
  @media (max-width: 767.98px) {
    .exchange {
      padding-bottom: 1.625rem;
    }
  }
  .exchange .exchange__background {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 90rem;
    overflow: hidden;
    pointer-events: none;
    margin: 0 auto;
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .exchange .exchange__background {
      display: none;
    }
  }
  .exchange .exchange__background.exchange__background--pattern {
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    overflow: hidden;
  }
  .exchange .exchange__background.exchange__background--pattern .exchange__pattern-bg {
    position: relative;
    top: 7rem;
    left: -1rem;
    display: block;
    width: 100%;
    max-width: 9.5rem;
    height: auto;
  }
  .exchange .exchange__background--mobile {
    display: none;
  }
  @media (max-width: 767.98px) {
    .exchange .exchange__background--mobile {
      display: block;
      position: absolute;
      width: 100%;
      max-width: 33.75rem;
      overflow: hidden;
      pointer-events: none;
      z-index: -1;
    }
  }
  .exchange .exchange__background--mobile.exchange__background--pattern {
    top: 8rem;
    left: 0rem;
    right: unset;
    width: 100%;
    margin: 0;
    margin-left: auto;
  }
  .exchange .exchange__background--mobile.exchange__background--pattern .exchange__pattern-bg {
    position: relative;
    display: block;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 6.6875rem;
  }
  .exchange .exchange__container {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 5.9375rem;
  }
  @media (max-width: 1199.98px) {
    .exchange .exchange__container {
      gap: 2.5rem;
    }
  }
  @media (max-width: 991.98px) {
    .exchange .exchange__container {
      grid-template-columns: 1fr;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
  }
  .exchange .exchange__content {
    position: relative;
  }
  .exchange .exchange__content .exchange__title {
    margin-bottom: 1.5rem;
  }
  .exchange .exchange__content .exchange__subtitle {
    margin-bottom: 2.5rem;
    max-width: 31.3125rem;
    color: #E5E6ED;
  }
  @media (max-width: 991.98px) {
    .exchange .exchange__content .exchange__subtitle {
      margin: 0 auto;
    }
  }
  .exchange .exchange__content .exchange__groups {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  @media (max-width: 991.98px) {
    .exchange .exchange__content .exchange__groups {
      gap: 1rem;
      margin-top: 1.5rem;
    }
  }
  .exchange .exchange__content .exchange__groups .exchange__items {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  @media (max-width: 991.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items {
      gap: 1.5rem;
      grid-template-columns: max-content 16.25rem;
      align-items: center;
      justify-content: center;
    }
  }
  @media (max-width: 767.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items {
      grid-template-columns: minmax(4rem, max-content) 1fr;
    }
  }
  .exchange .exchange__content .exchange__groups .exchange__items.exchange__items--1 {
    /* margin-left: 2.375rem; */
    margin-left: 0;
  }
  @media (max-width: 1199.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items.exchange__items--1 {
      margin: 0;
    }
  }
  .exchange .exchange__content .exchange__groups .exchange__items.exchange__items--2 {
    margin: 0 auto;
  }
  @media (max-width: 1199.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items.exchange__items--2 {
      margin: 0;
    }
  }
  .exchange .exchange__content .exchange__groups .exchange__items.exchange__items--3 {
    margin-left: auto;
  }
  @media (max-width: 1199.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items.exchange__items--3 {
      margin: 0;
    }
  }
  .exchange .exchange__content .exchange__groups .exchange__items .exchange-items__icons {
    position: relative;
    z-index: 1;
    height: 5.6875rem;
    width: 5.6875rem;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  @media (max-width: 767.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items .exchange-items__icons {
      height: 4rem;
      width: 100%;
      max-width: 4rem;
    }
  }
  .exchange .exchange__content .exchange__groups .exchange__items .exchange-items__icons::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(47, 50, 65, 0.5);
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border-radius: 100%;
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items .exchange-items__icons::before {
      height: 4rem;
      width: 4rem;
    }
  }
  .exchange .exchange__content .exchange__groups .exchange__items .exchange-items__icons img {
    height: 2.75rem;
    width: 2.75rem;
  }
  @media (max-width: 767.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items .exchange-items__icons img {
      height: 1.934375rem;
      width: 1.934375rem;
    }
  }
  @media (max-width: 991.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items .exchange-items__detail {
      width: 100%;
      max-width: 16.875rem;
      text-align: left;
    }
  }
  @media (max-width: 767.98px) {
    .exchange .exchange__content .exchange__groups .exchange__items .exchange-items__detail h5 {
      font-size: 1.125rem;
    }
  }
  .exchange .buy-sell-cards--v2 {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 27.9375rem;
  }
  @media (max-width: 991.98px) {
    .exchange .buy-sell-cards--v2 {
      margin: 0 auto;
    }
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 3rem;
    width: 100%;
    max-width: 28rem;
    height: auto;
    background: rgba(47, 50, 65, 0.5);
    -webkit-backdrop-filter: blur(2rem);
            backdrop-filter: blur(2rem);
    border-radius: 1.25rem;
    padding: 2rem;
  }
  @media (max-width: 991.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container {
      margin-top: 0rem;
    }
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container {
      padding: 1rem 1rem 1.5rem;
    }
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    border: none;
    margin: 0 3.125rem 3rem;
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__header {
      margin: 0 3.375rem 1.5rem;
    }
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__header .separator {
    height: 2rem;
    width: 1px;
    background: #34384C;
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__header .buy-sell-cards__link {
    background: transparent;
    border: none;
    padding: 0;
    text-transform: capitalize;
    color: #5D6588;
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__header .buy-sell-cards__link {
      font-size: 0.875rem;
    }
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__header .buy-sell-cards__link.active {
    color: #1A82FF;
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__detail {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2.5rem;
    margin-bottom: 2.1875rem;
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__detail {
      margin-bottom: 1.5rem;
    }
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__detail .notes {
      text-align: left;
    }
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__detail .value {
    display: flex;
    gap: 0.875rem;
    margin-top: 0.5rem;
    align-items: flex-end;
    justify-content: center;
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__detail .value {
      gap: 0.25rem;
      margin-top: 0rem;
      font-size: 1.125rem;
    }
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__detail .currency {
    color: #5D6588;
    position: relative;
    top: 0.1875rem;
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__detail .rewards {
    color: #A5ADCF;
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__detail .rewards {
      font-size: 0.75rem;
    }
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__forms {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__forms {
      gap: 1rem;
    }
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__forms .forms-purchase__box .forms-purchase {
    background: transparent !important;
  }
  .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__forms .btn {
    width: 100%;
  }
  @media (max-width: 767.98px) {
    .exchange .buy-sell-cards--v2 .buy-sell-cards__container .buy-sell-cards__forms .btn {
      margin-top: 3rem;
    }
  }
  
  .why-choose-us--v2 {
    position: relative;
    padding: 7.5rem 0 10rem;
    z-index: 1;
  }
  @media (max-width: 1063.98px) {
    .why-choose-us--v2 {
      padding: 4rem 0;
    }
  }
  .why-choose-us--v2 .why-choose-us__background {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 90rem;
    overflow: hidden;
    pointer-events: none;
    margin: 0 auto;
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .why-choose-us--v2 .why-choose-us__background {
      display: none;
    }
  }
  .why-choose-us--v2 .why-choose-us__background.why-choose-us__background--pattern {
    top: 0;
    bottom: 0;
    right: 0;
    left: unset;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    overflow: hidden;
  }
  .why-choose-us--v2 .why-choose-us__background.why-choose-us__background--pattern .why-choose-us__pattern-bg {
    position: relative;
    top: 10.4375rem;
    right: -2rem;
    margin-left: auto;
    display: block;
    width: 100%;
    max-width: 21.5625rem;
    height: auto;
  }
  .why-choose-us--v2 .why-choose-us__background--mobile {
    display: none;
  }
  @media (max-width: 767.98px) {
    .why-choose-us--v2 .why-choose-us__background--mobile {
      display: block;
      position: absolute;
      width: 100%;
      max-width: 33.75rem;
      overflow: hidden;
      pointer-events: none;
      z-index: -1;
    }
  }
  .why-choose-us--v2 .why-choose-us__background--mobile.why-choose-us__background--pattern {
    top: 3.4375rem;
    right: 0rem;
    left: unset;
    width: 100%;
    margin: 0;
    margin-left: auto;
  }
  .why-choose-us--v2 .why-choose-us__background--mobile.why-choose-us__background--pattern .why-choose-us__pattern-bg {
    position: relative;
    display: block;
    margin-left: auto;
    width: 100%;
    height: auto;
    max-width: 12.9375rem;
  }
  .why-choose-us--v2 .why-choose-us__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.625rem;
    align-items: center;
  }
  @media (max-width: 1199.98px) {
    .why-choose-us--v2 .why-choose-us__container {
      gap: 2rem;
    }
  }
  @media (max-width: 991.98px) {
    .why-choose-us--v2 .why-choose-us__container {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }
  }
  .why-choose-us--v2 .why-choose-us__illustration {
    display: block;
    width: 100%;
    max-width: 36.375rem;
  }
  @media (max-width: 991.98px) {
    .why-choose-us--v2 .why-choose-us__illustration {
      grid-row: 2/3;
      margin: 0 auto;
    }
  }
  .why-choose-us--v2 .why-choose-us__title {
    max-width: 39.75rem;
    margin-bottom: 1.5rem;
    color: #FFFFFF;
  }
  @media (max-width: 991.98px) {
    .why-choose-us--v2 .why-choose-us__title {
      text-align: center;
      margin: 0 auto 1.5rem;
    }
  }
  @media (max-width: 767.98px) {
    .why-choose-us--v2 .why-choose-us__title {
      margin: 0 auto 1rem;
    }
  }
  .why-choose-us--v2 .why-choose-us__subtitle {
    max-width: 34.125rem;
    color: #E5E6ED;
  }
  @media (max-width: 991.98px) {
    .why-choose-us--v2 .why-choose-us__subtitle {
      text-align: center;
      margin: 0 auto;
    }
  }
  .why-choose-us--v2 .why-choose-us__groups {
    margin: 2.5rem 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2rem;
  }
  @media (max-width: 767.98px) {
    .why-choose-us--v2 .why-choose-us__groups {
      gap: 1rem;
    }
  }
  .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items {
    width: 100%;
    text-align: left;
    max-width: 100%;
    display: grid;
    grid-template-columns: 6.9375rem 1fr;
    gap: 2rem;
  }
  @media (max-width: 991.98px) {
    .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items {
      grid-template-columns: 6.9375rem 19.3125rem;
      align-items: center;
      justify-content: center;
    }
  }
  @media (max-width: 767.98px) {
    .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items {
      grid-template-columns: 4.5rem 1fr;
      align-items: flex-start;
      gap: 1rem;
      justify-content: center;
    }
  }
  .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items .why-choose-us-items__header {
    width: 6.9375rem;
    height: 6.9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background: rgba(47, 50, 65, 0.5);
  }
  @media (max-width: 767.98px) {
    .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items .why-choose-us-items__header {
      width: 4.5rem;
      height: 4.5rem;
    }
  }
  .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items .why-choose-us-items__header img {
    width: 2.75rem;
    height: 2.75rem;
  }
  @media (max-width: 767.98px) {
    .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items .why-choose-us-items__header img {
      width: 1.78375rem;
      height: 1.78375rem;
    }
  }
  .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items .why-choose-us-item__title {
    color: #FFFFFF;
  }
  .why-choose-us--v2 .why-choose-us__groups .why-choose-us__items .why-choose-us-item__desc {
    color: #A5ADCF;
    margin-top: 0.5rem;
    max-width: 19.3125rem;
  }
  
  
  .integrate__title{
      margin: 0 auto 1.5rem;
  }
  .integrate__subtitle{
    color: #E5E6ED;
    max-width: 47rem;
    margin: 0 auto;
  }

.integrate{
  padding: 4rem 0;
}
  .integrate__pattern_img{
    display: block;
    max-width: 80%;
    margin: 0 auto;
  }
  
  .testimony {
    position: relative;
    padding-bottom: 7.5rem;
    z-index: 1;
  }
  @media (max-width: 767.98px) {
    .testimony {
      padding-bottom: 4rem;
    }
  }
  .testimony .testimony__background {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__background {
      display: none;
    }
  }
  .testimony .testimony__background.testimony__background--gradient {
    top: 0;
    right: 0;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
  .testimony .testimony__background.testimony__background--gradient .testimony__gradient-bg {
    display: block;
    margin-left: auto;
    filter: blur(0.75rem);
    margin-top: -8.625rem;
    width: 100%;
    height: auto;
    max-width: 56.5625rem;
  }
  .testimony .testimony__background.testimony__background--pattern {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
  }
  .testimony .testimony__background.testimony__background--pattern .testimony__pattern-bg {
    display: block;
    margin-right: auto;
    margin-top: -1.125rem;
    width: 100%;
    height: auto;
    max-width: 49.375rem;
  }
  .testimony .testimony__title {
    color: #FFFFFF;
    margin-bottom: 4rem;
  }
  .testimony .testimony__container {
    position: relative;
  }
  @media (max-width: 991.98px) {
    .testimony .testimony__container {
      padding-bottom: 5.5rem;
    }
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container {
      padding-bottom: 0rem;
    }
  }
  .testimony .testimony__container .testimony__carousel {
    position: relative;
  }
  .testimony .testimony__container .testimony__carousel .tetimony__items {
    position: relative;
  }
  @media (max-width: 991.98px) {
    .testimony .testimony__container .testimony__carousel .tetimony__items {
      padding: 0 2rem;
    }
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container .testimony__carousel .tetimony__items {
      padding: 0;
    }
  }
  .testimony .testimony__container .testimony__carousel .tetimony__items .testimony-items__box {
    padding: 2.75rem;
    width: 100%;
    max-width: 36.6875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    color: #FFFFFF;
    background: rgba(47, 50, 65, 0.5);
    border-radius: 0.75rem;
    margin: 0 auto;
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container .testimony__carousel .tetimony__items .testimony-items__box {
      padding: 1.5rem;
    }
  }
  .testimony .testimony__container .testimony__carousel .tetimony__items .testimony-items__box .testimony-items__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container .testimony__carousel .tetimony__items .testimony-items__box .testimony-items__title {
      font-size: 1.75rem;
    }
  }
  .testimony .testimony__container .testimony__carousel .tetimony__items .testimony-items__box .testimony-items__detail {
    font-size: 1rem;
    line-height: 1.5;
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container .testimony__carousel .tetimony__items .testimony-items__box .testimony-items__detail {
      font-size: 1rem;
    }
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container .testimony__carousel .tetimony__items .testimony-items__box .testimony-items__detail br {
      display: none;
    }
  }
  .testimony .testimony__container .slick__pagination {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container .slick__pagination {
      position: relative;
      top: unset;
      right: unset;
      bottom: unset;
      left: unset;
      margin-top: 1rem;
    }
  }
  .testimony .testimony__container .slick__pagination .testimony-carousel__arrows {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container .slick__pagination .testimony-carousel__arrows {
      display: none;
    }
  }
  .testimony .testimony__container .slick__pagination .testimony-carousel__arrows .testimony-carousel__prev, .testimony .testimony__container .slick__pagination .testimony-carousel__arrows .testimony-carousel__next {
    width: 3rem;
    height: 3rem;
  }
  .testimony .testimony__container .slick__pagination .testimony-carousel__arrows .testimony-carousel__prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
  }
  @media (max-width: 1199.98px) {
    .testimony .testimony__container .slick__pagination .testimony-carousel__arrows .testimony-carousel__prev {
      bottom: 5.5rem;
    }
  }
  .testimony .testimony__container .slick__pagination .testimony-carousel__arrows .testimony-carousel__next {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
  }
  @media (max-width: 1199.98px) {
    .testimony .testimony__container .slick__pagination .testimony-carousel__arrows .testimony-carousel__next {
      bottom: 5.5rem;
    }
  }
  .testimony .testimony__container .slick__pagination .testimony-carousel__prev-next {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  @media (max-width: 767.98px) {
    .testimony .testimony__container .slick__pagination .testimony-carousel__prev-next {
      display: none;
    }
  }
  .testimony .testimony__container .slick__pagination .testimony-carousel__prev-next .testimony-carousel-prev__title, .testimony .testimony__container .slick__pagination .testimony-carousel__prev-next .testimony-carousel-next__title {
    width: -moz-max-content;
    width: max-content;
    max-width: 9.375rem;
    height: -moz-max-content;
    height: max-content;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    padding: 0.625rem;
    background: #272833;
  }
  .testimony .testimony__container .slick__pagination .testimony-carousel__prev-next .testimony-carousel-prev__title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5rem;
    margin: auto 0;
  }
  @media (max-width: 1199.98px) {
    .testimony .testimony__container .slick__pagination .testimony-carousel__prev-next .testimony-carousel-prev__title {
      left: 0;
      top: unset;
      bottom: 1rem;
    }
  }
  .testimony .testimony__container .slick__pagination .testimony-carousel__prev-next .testimony-carousel-next__title {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5rem;
    margin: auto 0;
  }
  @media (max-width: 1199.98px) {
    .testimony .testimony__container .slick__pagination .testimony-carousel__prev-next .testimony-carousel-next__title {
      right: 0;
      top: unset;
      bottom: 1rem;
    }
  }
  
  
  
  .testimonial {
    position: relative;
    z-index: 1;
  }
  .testimonial .testimonial__container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 32rem;
    gap: 3.125rem;
    align-items: center;
  }
  @media (max-width: 1199.98px) {
    .testimonial .testimonial__container {
      gap: 2.5rem;
    }
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container {
      grid-template-columns: 1fr;
    }
  }
  .testimonial .testimonial__container .testimonial__title {
    color: #FFFFFF;
    margin-bottom: 2.5rem;
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container .testimonial__title {
      display: none;
    }
  }
  .testimonial .testimonial__container .testimonial__title--mobile {
    color: #FFFFFF;
    display: none;
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container .testimonial__title--mobile {
      display: block;
      text-align: center;
    }
  }
  .testimonial .testimonial__container .testimonial-carousel__container {
    width: 100%;
    max-width: 33.6875rem;
    overflow: hidden;
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container {
      max-width: 100%;
    }
  }
  .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel__box {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
  }
  .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel {
    margin-bottom: 2.5rem;
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel {
      margin-bottom: 0rem;
    }
  }
  .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__items {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-width: 31.25rem;
    transition: all linear 0.4s;
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__items {
      text-align: center;
    }
  }
  @media (max-width: 767.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__items {
      width: 100%;
      max-width: 20.375rem;
    }
  }
  @media (max-width: 374.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__items {
      width: 100%;
      max-width: 20rem;
    }
  }
  .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__items.slick-active {
    opacity: 1;
    visibility: visible;
  }
  .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__detail {
    color: #E5E6ED;
    margin-bottom: 1rem;
  }
  @media (max-width: 374.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__detail {
      width: 100%;
      max-width: 17.5rem;
      margin: 0 auto;
    }
  }
  .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__author {
    color: #A5ADCF;
  }
  @media (max-width: 374.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container .testimonial-carousel .testimonial-carousel__author {
      width: 100%;
      max-width: 17.5rem;
      margin: 0 auto;
    }
  }
  .testimonial .testimonial__container .testimonial-carousel__container .slick__pagination {
    position: relative;
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container .slick__pagination {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
    }
  }
  .testimonial .testimonial__container .testimonial-carousel__container .slick__pagination .testimonial-carousel__arrows {
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container .testimonial-carousel__container .slick__pagination .testimonial-carousel__arrows {
      max-width: 23.4375rem;
      justify-content: space-between;
      margin: 0 auto;
    }
  }
  .testimonial .testimonial__container .testimonial-carousel__container .slick__pagination .testimonial-carousel__arrows .slick-arrow img {
    width: 2rem;
    height: 2rem;
  }
  .testimonial .testimonial__container .testimonial-media {
    position: relative;
    width: 100%;
    min-height: 23.75rem;
    max-width: 32rem;
  }
  @media (max-width: 1063.98px) {
    .testimonial .testimonial__container .testimonial-media {
      grid-row: 2/3;
      margin: 0 auto;
    }
  }
  @media (max-width: 767.98px) {
    .testimonial .testimonial__container .testimonial-media {
      min-height: 15.25rem;
      max-width: 20.5rem;
    }
  }
  .testimonial .testimonial__container .testimonial-media .testimonial-media__items {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    background: rgba(47, 50, 65, 0.5);
    border: none;
    border-radius: 100%;
    font-weight: 700;
    line-height: 1.1;
    color: #7D7D7D;
    margin: 0;
    position: absolute;
    overflow: hidden;
  }
  .testimonial .testimonial__container .testimonial-media .testimonial-media__items.active {
    width: 15.3125rem;
    height: 15.3125rem;
    border: 2px solid #246CF9;
    filter: drop-shadow(0px 34px 104px rgba(16, 16, 16, 0.85));
    font-size: 2.5rem;
    color: #CC2229;
    top: 3.6875rem;
    left: 0;
  }
  @media (max-width: 767.98px) {
    .testimonial .testimonial__container .testimonial-media .testimonial-media__items.active {
      width: 9.8125rem;
      height: 9.8125rem;
      left: 0;
      top: 2.375rem;
      font-size: 1.625rem;
    }
  }
  @media (max-width: 374.98px) {
    .testimonial .testimonial__container .testimonial-media .testimonial-media__items.active {
      top: 3.125rem;
    }
  }
  .testimonial .testimonial__container .testimonial-media .testimonial-media__items.next {
    width: 6.9375rem;
    height: 6.9375rem;
    font-size: 1.3125rem;
    top: 0;
    right: 11.6875rem;
  }
  @media (max-width: 767.98px) {
    .testimonial .testimonial__container .testimonial-media .testimonial-media__items.next {
      width: 4.4375rem;
      height: 4.4375rem;
      top: 0;
      right: 7.5rem;
      font-size: 0.875rem;
    }
  }
  @media (max-width: 374.98px) {
    .testimonial .testimonial__container .testimonial-media .testimonial-media__items.next {
      right: 6rem;
      font-size: 0.8125rem;
    }
  }
  .testimonial .testimonial__container .testimonial-media .testimonial-media__items.next-2 {
    width: 11.5625rem;
    height: 11.5625rem;
    font-size: 1.875rem;
    right: 0;
    top: 6rem;
  }
  @media (max-width: 767.98px) {
    .testimonial .testimonial__container .testimonial-media .testimonial-media__items.next-2 {
      width: 7.40625rem;
      height: 7.40625rem;
      right: 0;
      top: 3.8125rem;
      font-size: 1.25rem;
    }
  }
  .testimonial .testimonial__container .testimonial-media .testimonial-media__items.prev {
    width: 5.8125rem;
    height: 5.8125rem;
    font-size: 0.9375rem;
    right: 11.0625rem;
    bottom: 0;
  }
  @media (max-width: 767.98px) {
    .testimonial .testimonial__container .testimonial-media .testimonial-media__items.prev {
      width: 3.71875rem;
      height: 3.71875rem;
      right: 7.0625rem;
      bottom: 0;
      font-size: 0.625rem;
    }
  }
  @media (max-width: 374.98px) {
    .testimonial .testimonial__container .testimonial-media .testimonial-media__items.prev {
      right: 6.25rem;
    }
  }
  
.mobile-platform {
  position: relative;
  z-index: 1;
  padding-bottom: 6rem;
}
@media (max-width: 767.98px) {
  .mobile-platform {
    padding-bottom: 4rem;
  }
}
.mobile-platform .mobile-platform__background {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .mobile-platform .mobile-platform__background {
    display: none;
  }
}
.mobile-platform .mobile-platform__background.mobile-platform__background--pattern {
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
}
.mobile-platform .mobile-platform__background.mobile-platform__background--pattern .mobile-platform__pattern-bg {
  display: block;
  margin-left: auto;
  margin-top: 24.8125rem;
  width: 100%;
  height: auto;
  max-width: 65.9375rem;
}
.mobile-platform .mobile-platform__background--mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .mobile-platform .mobile-platform__background--mobile {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 33.75rem;
    overflow: hidden;
    pointer-events: none;
    margin: 0 auto;
    z-index: -1;
  }
}
.mobile-platform .mobile-platform__background--mobile.mobile-platform__background--gradient {
  top: -7.25rem;
  right: 0;
  width: 100%;
  max-width: 33.75rem;
  margin: 0 auto;
}
.mobile-platform .mobile-platform__background--mobile.mobile-platform__background--gradient .mobile-platform__gradient-bg {
  display: block;
  filter: blur(0.462105rem);
  margin-left: auto;
}
.mobile-platform .mobile-platform__title {
  max-width: 42.5625rem;
  margin: 0 auto 1.5rem;
  color: #FFFFFF;
}
@media (max-width: 767.98px) {
  .mobile-platform .mobile-platform__title {
    margin: 0 auto 1rem;
  }
}
.mobile-platform .mobile-platform__subtitle {
  margin: 0 auto;
  max-width: 26.3125rem;
  color: #E5E6ED;
}
.mobile-platform .mobile-platform__illustration {
  display: block;
  margin: 2rem auto 1rem;
  width: 100%;
  max-width: 52rem;
  height: auto;
}
@media (max-width: 767.98px) {
  .mobile-platform .mobile-platform__illustration {
    margin: 2.5rem auto 1.5rem;
  }
}
.mobile-platform .mobile-platform__illustration img {
  width: 100%;
}
.mobile-platform .mobile-platform__download {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.mobile-platform .mobile-platform__download .mobile-platform__download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .mobile-platform .mobile-platform__download .mobile-platform__download-button {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 767.98px) {
  .mobile-platform .mobile-platform__download .mobile-platform__download-button .btn {
    width: 100%;
  }
}
.mobile-platform .mobile-platform__download .mobile-platform__download-button .btn .btn-icon {
  width: auto;
  height: auto;
}
  
  .cta {
    position: relative;
    z-index: 1;
  }
  @media (max-width: 767.98px) {
    .cta {
      padding-top: 0.8125rem;
    }
  }
  .cta .cta__background {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 90rem;
    overflow: hidden;
    pointer-events: none;
    margin: 0 auto;
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .cta .cta__background {
      display: none;
    }
  }
  .cta .cta__background.cta__background--pattern {
    top: 5.625rem;
    left: 0;
  }
  .cta .cta__background.cta__background--pattern .cta__pattern-bg {
    left: 0;
    margin-right: auto;
    position: relative;
    display: block;
    max-width: 34.6875rem;
  }
  .cta .cta__background--mobile {
    display: none;
  }
  @media (max-width: 767.98px) {
    .cta .cta__background--mobile {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      max-width: 33.75rem;
      overflow: hidden;
      pointer-events: none;
      margin: 0 auto;
      z-index: -1;
    }
  }
  .cta .cta__background--mobile.cta__background--pattern {
    top: -0.5rem;
    left: 0;
    right: unset;
    margin: 0;
    margin-right: auto;
  }
  .cta .cta__background--mobile.cta__background--pattern .cta__pattern-bg {
    position: relative;
    margin-right: auto;
    display: block;
    width: 100%;
    max-width: 13.75rem;
  }
  .cta .cta__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cta .cta__title {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    max-width: 42.5rem;
    color: #FFFFFF;
  }

  @media (max-width: 767.98px) {
    .cta .cta__title {
      font-size: 1.75rem;
    }
  }
  .cta .cta__subtitle {
    color: #E5E6ED;
    max-width: 31.25rem;
  }
  @media (max-width: 767.98px) {
    .cta .cta__subtitle {
      font-size: 0.875rem;
    }
  }
  .cta .mini-form {
    position: relative;
    max-width: 28.875rem;
    width: 100%;
  }
  .cta .mini-form .mini-form__input {
    width: 100%;
  }
  
  /*# sourceMappingURL=landing-page-v2.css.map*/












  /*----------------------------------------*/
/* faq
/*----------------------------------------*/

.faq__blockchain-two {
  background: rgba(47, 50, 65, 0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 15px;
  width: 100%;
  padding: 40px 40px 0;
  position: relative;
}
.faq__blockchain-two:before{
  content: '';
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  padding: 1px;
  height: 100%;
  position: absolute;
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: add, add;
  mask-composite: add, add;
  -webkit-mask-composite: source-out;
  mask-composite: exclude;
  background: linear-gradient(162deg, #8f7bff 0%, #413886 28.35%, #0f0d39 73.81%, #2dd98f 100%);
  z-index: -1;
}
.faq__blockchain-two h3{
  margin-top: 0;
  margin-bottom: 1.8rem;
  /* max-width: 42.5rem; */
  color: #FFFFFF;
  font-size: 1.5rem;
  text-align: center;
}
.accordion_box .block .acc_body {
  position: relative;
  display: none;
}
.accordion_box .block .acc-btn {
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  cursor: pointer;
  padding: 19px 0;
  padding-right: 20px;
}

.accordion_box .block .acc_body.current {
  display: block;
}
.faq__blockchain-two .accordion_box .block {
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  position: relative;
}
.faq__blockchain-two .accordion_box .block:nth-last-child(1){
  border-bottom: 0;
}
.faq__blockchain-two .accordion_box .content {
  border-top: 0;
  padding-top: 0;
  /* padding-right: 70px; */
  padding-bottom: 20px;
  font-size: 1rem;
  font-family: "Graphik", sans-serif;
  color:#A5ADCF;
}

.accordion_box .block {
  position: relative;
  overflow: hidden;
  list-style: none;
}
.accordion_box {
  position: relative;
  padding: 0;
  margin: 0;
}

.accordion_box .block.active-block .acc-btn::before {
  opacity: 0;
}
.faq__blockchain-two .accordion-inner .acc-btn::before {
  border-top: 7px solid #fff;
}
.accordion_box .block .acc-btn::before, .accordion_box .block .acc-btn::after {
  position: absolute;
  top: 53%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  border: 7px solid transparent;
  border-top: 7px solid rgba(255, 255, 255, 0.3);
  content: "";
}
.accordion_box .block.active-block .acc-btn::after {
  opacity: 1;
}

@media (max-width: 767.98px) {
  .faq__blockchain-two {
    padding: 40px 25px 0;
    margin-top: 30px;
}
}


  .xb-contact-form .xb-inner {
    padding: 40px;
    position: relative;
    border: none;
    height: 100%;
    margin-right: 18px;
    z-index: 1;
    background: rgba(47, 50, 65, 0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 15px;}
    .xb-contact-form h3{
      margin-top: 0;
      margin-bottom: 1.8rem;
      /* max-width: 42.5rem; */
      color: #FFFFFF;
      font-size: 1.5rem;
      text-align: center;
    }
    @media (max-width: 767px) {
      .xb-contact-form .xb-inner {
        padding: 40px 25px 40px 25px;
        margin-right: 0; } }
    .xb-contact-form .xb-inner::before {
      content: '';
      top: -1px;
      left: -1px;
      right: -1px;
      bottom: -1px;
      padding: 1px;
      height: 100%;
      position: absolute;
      border-radius: 20px;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask-composite: add, add;
      mask-composite: add, add;
      -webkit-mask-composite: source-out;
      mask-composite: exclude;
      background: linear-gradient(162deg, #8f7bff 0%, #413886 28.35%, #0f0d39 73.81%, #2dd98f 100%);
      z-index: -1; }
  .xb-contact-form .xb-item--sub-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 30px; }
  .xb-contact-form .xb-item--title {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 10px;
    margin-top: 18px;
    margin-bottom: 20px;
    max-width: 430px; }
    .xb-inner .xb-item--field span {
      position: absolute;
      top: 43%;
      transform: translateY(-43%);
  }
  .xb-contact-form .xb-item--field {
    margin-bottom: 18px; position: relative; }
    .xb-contact-form .xb-item--field span {
      left: 20px;
      opacity: 1; }
    .xb-contact-form .xb-item--field input {
      height: 60px;
      border-radius: 10px;
      background: rgba(47, 50, 65, 0.5);
    border: 1px solid #34384C;
      width: 100%;
      padding: 0 48px;
      color: var(--color-white); }
      .xb-contact-form .xb-item--field input:focus,  .xb-contact-form .xb-item--field input:active{
        border:1px solid #2dd98f !important;
        outline: none;
      }
      .xb-contact-form .xb-item--massage:focus,  .xb-contact-form .xb-item--massage:active{
        border:1px solid #2dd98f !important;
        outline: none;
      }
      .xb-contact-form .xb-item--field input::placeholder {
        color: var(--color-white);
        opacity: .5; }
  .xb-contact-form .xb-item--text-msg {
    position: relative; }
    .xb-contact-form .xb-item--text-msg span {
      position: absolute;
      top: 10px;
      left: 30px; }
  .xb-contact-form .xb-item--massage {

    border-radius: 10px;
    background: rgba(47, 50, 65, 0.5) !important;
    border: 1px solid #34384C;
    width: 100%;
    resize: none;
    padding: 0 48px;
    height: 120px;
    padding-top: 10px;
    color: var(--color-white); }
    
  .xb-contact-form .xb-item--contact-btn .them-btn {
    width: 315px;
    height: 70px;
    padding: 0; }
    @media (max-width: 767px) {
      .xb-contact-form .xb-item--contact-btn .them-btn {
        width: 100%; } }




.cust_section{
	padding:100px 0;
}

.content-section h2{
	margin:30px 0 15px 0;
	font-size:28px;
}

.content-section p{
	margin-bottom:10px;
	    color: #E5E6ED;
}

.content-section ul{
	padding-left:40px;
	margin-bottom:12px;
	    color: #E5E6ED;
}


/*----------------------------------------*/
/*  24. breadcrumb
/*----------------------------------------*/
.breadcrumb {
  /* min-height: 400px;
  padding: 120px 0; */
  padding:80px 0 80px 0;
  margin: 0;
  display: flex;
  align-items: center;
      background-image: url(../media/images/landing-page-gradient-bg.svg) !important;
  z-index: 1; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .breadcrumb {
      background-position-y: 200%; } }
  @media (max-width: 991px) {
    .breadcrumb {
      min-height: 200px;
      padding: 80px 0;
      background-position-y: 300%; } }
  .breadcrumb__title {
    text-align: center;
    color: #fff;
    font-size: 60px;
    margin-bottom: 28px; }
    @media (max-width: 991px) {
      .breadcrumb__title {
        font-size: 46px; } }
    @media (max-width: 767px) {
      .breadcrumb__title {
        font-size: 32px; } }
  .breadcrumb .bread-crumb .breadcrumb-item {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600; }
    .breadcrumb .bread-crumb .breadcrumb-item:not(:first-child) {
      padding-left: 5px; }
      .breadcrumb .bread-crumb .breadcrumb-item:not(:first-child)::before {
        content: "-";
        left: 2px;
        position: relative;
        color: var(--color-default); }
    .breadcrumb .bread-crumb .breadcrumb-item a {
      color: var(--color-default);
      font-weight: 500; }
      .breadcrumb .bread-crumb .breadcrumb-item a:hover {
        color: var(--color-white); }
  @media (max-width: 991px) {
    .breadcrumb__icon {
      display: none; } }
  .breadcrumb__icon .icon {
    position: absolute;
    z-index: -1; }
    .breadcrumb__icon .icon--1 {
      /* left: 12.6%;
      top: 20%;  */left: 8.6%;
    top: 22%;}
      @media (max-width: 991px) {
        .breadcrumb__icon .icon--1 {
          left: 0;
          top: 10%; } }
    .breadcrumb__icon .icon--2 {
      left: 2.8%;
      bottom: 5%; }
      @media (max-width: 991px) {
        .breadcrumb__icon .icon--2 {
          bottom: 0%; } }
    .breadcrumb__icon .icon--3 {
      right: 8%;
      top: 18%; }
      @media (max-width: 991px) {
        .breadcrumb__icon .icon--3 {
          right: 0;
          top: 34%; } }
    .breadcrumb__icon .icon--4 {
      right: 0;
      bottom: 0; }