/** Colors */

/*** FONTS ***/

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Light.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Light.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Regular.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Regular.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Italic.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Italic.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Medium.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Medium.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Roboto-MediumItalic.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Roboto-MediumItalic.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Bold.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Roboto-Bold.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Roboto-BoldItalic.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Roboto-BoldItalic.woff) format("woff");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Poppins-Regular.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Poppins-Regular.woff) format("woff");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Poppins-Medium.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Poppins-Medium.woff) format("woff");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Poppins-SemiBold.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Poppins-SemiBold.woff) format("woff");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/themes/jsinfo/dist/fonts/Poppins-Bold.woff2) format("woff2"), url(/wp-content/themes/jsinfo/dist/fonts/Poppins-Bold.woff) format("woff");
}

/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */

/** Import theme styles */

/* Slider */

/* line 2, resources/assets/styles/library/slick.scss */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 21, resources/assets/styles/library/slick.scss */

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* line 31, resources/assets/styles/library/slick.scss */

.slick-list:focus {
  outline: none;
}

/* line 35, resources/assets/styles/library/slick.scss */

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 41, resources/assets/styles/library/slick.scss */

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 51, resources/assets/styles/library/slick.scss */

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 61, resources/assets/styles/library/slick.scss */

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

/* line 68, resources/assets/styles/library/slick.scss */

.slick-track:after {
  clear: both;
}

/* line 72, resources/assets/styles/library/slick.scss */

.slick-loading .slick-track {
  visibility: hidden;
}

/* line 77, resources/assets/styles/library/slick.scss */

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

/* line 85, resources/assets/styles/library/slick.scss */

[dir='rtl'] .slick-slide {
  float: right;
}

/* line 89, resources/assets/styles/library/slick.scss */

.slick-slide img {
  display: block;
}

/* line 93, resources/assets/styles/library/slick.scss */

.slick-slide.slick-loading img {
  display: none;
}

/* line 97, resources/assets/styles/library/slick.scss */

.slick-slide.dragging img {
  pointer-events: none;
}

/* line 101, resources/assets/styles/library/slick.scss */

.slick-initialized .slick-slide {
  display: block;
}

/* line 105, resources/assets/styles/library/slick.scss */

.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 109, resources/assets/styles/library/slick.scss */

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 117, resources/assets/styles/library/slick.scss */

.slick-arrow.slick-hidden {
  display: none;
}

/* line 1, resources/assets/styles/common/_global.scss */

html {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.01em;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  /* Chrome */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

html {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  html {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  html {
    font-size: 1rem;
  }
}

/* line 17, resources/assets/styles/common/_global.scss */

body {
  margin: 0;
}

/* line 19, resources/assets/styles/common/_global.scss */

body.no-scroll {
  overflow: hidden;
}

/* line 22, resources/assets/styles/common/_global.scss */

body .grecaptcha-badge {
  display: none !important;
}

/* line 27, resources/assets/styles/common/_global.scss */

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/* line 32, resources/assets/styles/common/_global.scss */

a {
  text-decoration: none;
}

/* line 36, resources/assets/styles/common/_global.scss */

.text-center {
  text-align: center;
}

/*!
 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)
 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css
 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)
 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 */

@-ms-viewport {
  width: device-width;
}

/* line 11, resources/assets/styles/common/_grid.scss */

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

/* line 17, resources/assets/styles/common/_grid.scss */

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* line 24, resources/assets/styles/common/_grid.scss */

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

/* line 30, resources/assets/styles/common/_grid.scss */

.visible {
  visibility: visible !important;
}

/* line 34, resources/assets/styles/common/_grid.scss */

.invisible {
  visibility: hidden !important;
}

/* line 38, resources/assets/styles/common/_grid.scss */

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575.98px) {
  /* line 43, resources/assets/styles/common/_grid.scss */

  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  /* line 49, resources/assets/styles/common/_grid.scss */

  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  /* line 55, resources/assets/styles/common/_grid.scss */

  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* line 61, resources/assets/styles/common/_grid.scss */

  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  /* line 67, resources/assets/styles/common/_grid.scss */

  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  /* line 73, resources/assets/styles/common/_grid.scss */

  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  /* line 79, resources/assets/styles/common/_grid.scss */

  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  /* line 85, resources/assets/styles/common/_grid.scss */

  .hidden-xl-up {
    display: none !important;
  }
}

/* line 90, resources/assets/styles/common/_grid.scss */

.hidden-xl-down {
  display: none !important;
}

/* line 94, resources/assets/styles/common/_grid.scss */

.visible-print-block {
  display: none !important;
}

@media print {
  /* line 99, resources/assets/styles/common/_grid.scss */

  .visible-print-block {
    display: block !important;
  }
}

/* line 104, resources/assets/styles/common/_grid.scss */

.visible-print-inline {
  display: none !important;
}

@media print {
  /* line 109, resources/assets/styles/common/_grid.scss */

  .visible-print-inline {
    display: inline !important;
  }
}

/* line 114, resources/assets/styles/common/_grid.scss */

.visible-print-inline-block {
  display: none !important;
}

@media print {
  /* line 119, resources/assets/styles/common/_grid.scss */

  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  /* line 125, resources/assets/styles/common/_grid.scss */

  .hidden-print {
    display: none !important;
  }
}

/* line 130, resources/assets/styles/common/_grid.scss */

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  /* line 139, resources/assets/styles/common/_grid.scss */

  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  /* line 145, resources/assets/styles/common/_grid.scss */

  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  /* line 151, resources/assets/styles/common/_grid.scss */

  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  /* line 157, resources/assets/styles/common/_grid.scss */

  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  /* line 162, resources/assets/styles/common/_grid.scss */

  .container {
    max-width: 1300px;
  }
}

/* line 168, resources/assets/styles/common/_grid.scss */

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 176, resources/assets/styles/common/_grid.scss */

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* line 188, resources/assets/styles/common/_grid.scss */

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* line 193, resources/assets/styles/common/_grid.scss */

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* line 199, resources/assets/styles/common/_grid.scss */

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 211, resources/assets/styles/common/_grid.scss */

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

/* line 222, resources/assets/styles/common/_grid.scss */

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

/* line 231, resources/assets/styles/common/_grid.scss */

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.3333333333%;
  -ms-flex: 0 0 8.3333333333%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

/* line 239, resources/assets/styles/common/_grid.scss */

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.6666666667%;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

/* line 247, resources/assets/styles/common/_grid.scss */

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

/* line 255, resources/assets/styles/common/_grid.scss */

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

/* line 263, resources/assets/styles/common/_grid.scss */

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

/* line 271, resources/assets/styles/common/_grid.scss */

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

/* line 279, resources/assets/styles/common/_grid.scss */

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
  -ms-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

/* line 287, resources/assets/styles/common/_grid.scss */

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

/* line 295, resources/assets/styles/common/_grid.scss */

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

/* line 303, resources/assets/styles/common/_grid.scss */

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.3333333333%;
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

/* line 311, resources/assets/styles/common/_grid.scss */

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.6666666667%;
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

/* line 319, resources/assets/styles/common/_grid.scss */

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 327, resources/assets/styles/common/_grid.scss */

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

/* line 334, resources/assets/styles/common/_grid.scss */

.order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

/* line 341, resources/assets/styles/common/_grid.scss */

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

/* line 348, resources/assets/styles/common/_grid.scss */

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

/* line 355, resources/assets/styles/common/_grid.scss */

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

/* line 362, resources/assets/styles/common/_grid.scss */

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

/* line 369, resources/assets/styles/common/_grid.scss */

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

/* line 376, resources/assets/styles/common/_grid.scss */

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

/* line 383, resources/assets/styles/common/_grid.scss */

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

/* line 390, resources/assets/styles/common/_grid.scss */

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

/* line 397, resources/assets/styles/common/_grid.scss */

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

/* line 404, resources/assets/styles/common/_grid.scss */

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

/* line 411, resources/assets/styles/common/_grid.scss */

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

/* line 418, resources/assets/styles/common/_grid.scss */

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

/* line 425, resources/assets/styles/common/_grid.scss */

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

/* line 432, resources/assets/styles/common/_grid.scss */

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

/* line 436, resources/assets/styles/common/_grid.scss */

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

/* line 440, resources/assets/styles/common/_grid.scss */

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

/* line 444, resources/assets/styles/common/_grid.scss */

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

/* line 448, resources/assets/styles/common/_grid.scss */

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

/* line 452, resources/assets/styles/common/_grid.scss */

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

/* line 456, resources/assets/styles/common/_grid.scss */

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

/* line 460, resources/assets/styles/common/_grid.scss */

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

/* line 464, resources/assets/styles/common/_grid.scss */

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

/* line 468, resources/assets/styles/common/_grid.scss */

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

/* line 472, resources/assets/styles/common/_grid.scss */

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

@media (min-width: 576px) {
  /* line 477, resources/assets/styles/common/_grid.scss */

  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  /* line 487, resources/assets/styles/common/_grid.scss */

  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  /* line 495, resources/assets/styles/common/_grid.scss */

  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* line 502, resources/assets/styles/common/_grid.scss */

  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  /* line 509, resources/assets/styles/common/_grid.scss */

  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  /* line 516, resources/assets/styles/common/_grid.scss */

  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  /* line 523, resources/assets/styles/common/_grid.scss */

  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  /* line 530, resources/assets/styles/common/_grid.scss */

  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* line 537, resources/assets/styles/common/_grid.scss */

  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  /* line 544, resources/assets/styles/common/_grid.scss */

  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  /* line 551, resources/assets/styles/common/_grid.scss */

  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  /* line 558, resources/assets/styles/common/_grid.scss */

  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  /* line 565, resources/assets/styles/common/_grid.scss */

  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  /* line 572, resources/assets/styles/common/_grid.scss */

  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* line 579, resources/assets/styles/common/_grid.scss */

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  /* line 585, resources/assets/styles/common/_grid.scss */

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  /* line 591, resources/assets/styles/common/_grid.scss */

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  /* line 597, resources/assets/styles/common/_grid.scss */

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  /* line 603, resources/assets/styles/common/_grid.scss */

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  /* line 609, resources/assets/styles/common/_grid.scss */

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  /* line 615, resources/assets/styles/common/_grid.scss */

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  /* line 621, resources/assets/styles/common/_grid.scss */

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  /* line 627, resources/assets/styles/common/_grid.scss */

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  /* line 633, resources/assets/styles/common/_grid.scss */

  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  /* line 639, resources/assets/styles/common/_grid.scss */

  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  /* line 645, resources/assets/styles/common/_grid.scss */

  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  /* line 651, resources/assets/styles/common/_grid.scss */

  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  /* line 657, resources/assets/styles/common/_grid.scss */

  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  /* line 663, resources/assets/styles/common/_grid.scss */

  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  /* line 669, resources/assets/styles/common/_grid.scss */

  .offset-sm-0 {
    margin-left: 0;
  }

  /* line 672, resources/assets/styles/common/_grid.scss */

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  /* line 675, resources/assets/styles/common/_grid.scss */

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  /* line 678, resources/assets/styles/common/_grid.scss */

  .offset-sm-3 {
    margin-left: 25%;
  }

  /* line 681, resources/assets/styles/common/_grid.scss */

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  /* line 684, resources/assets/styles/common/_grid.scss */

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  /* line 687, resources/assets/styles/common/_grid.scss */

  .offset-sm-6 {
    margin-left: 50%;
  }

  /* line 690, resources/assets/styles/common/_grid.scss */

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  /* line 693, resources/assets/styles/common/_grid.scss */

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  /* line 696, resources/assets/styles/common/_grid.scss */

  .offset-sm-9 {
    margin-left: 75%;
  }

  /* line 699, resources/assets/styles/common/_grid.scss */

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  /* line 702, resources/assets/styles/common/_grid.scss */

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  /* line 708, resources/assets/styles/common/_grid.scss */

  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  /* line 718, resources/assets/styles/common/_grid.scss */

  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  /* line 726, resources/assets/styles/common/_grid.scss */

  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* line 733, resources/assets/styles/common/_grid.scss */

  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  /* line 740, resources/assets/styles/common/_grid.scss */

  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  /* line 747, resources/assets/styles/common/_grid.scss */

  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  /* line 754, resources/assets/styles/common/_grid.scss */

  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  /* line 761, resources/assets/styles/common/_grid.scss */

  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* line 768, resources/assets/styles/common/_grid.scss */

  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  /* line 775, resources/assets/styles/common/_grid.scss */

  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  /* line 782, resources/assets/styles/common/_grid.scss */

  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  /* line 789, resources/assets/styles/common/_grid.scss */

  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  /* line 796, resources/assets/styles/common/_grid.scss */

  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  /* line 803, resources/assets/styles/common/_grid.scss */

  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* line 810, resources/assets/styles/common/_grid.scss */

  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  /* line 816, resources/assets/styles/common/_grid.scss */

  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  /* line 822, resources/assets/styles/common/_grid.scss */

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  /* line 828, resources/assets/styles/common/_grid.scss */

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  /* line 834, resources/assets/styles/common/_grid.scss */

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  /* line 840, resources/assets/styles/common/_grid.scss */

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  /* line 846, resources/assets/styles/common/_grid.scss */

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  /* line 852, resources/assets/styles/common/_grid.scss */

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  /* line 858, resources/assets/styles/common/_grid.scss */

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  /* line 864, resources/assets/styles/common/_grid.scss */

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  /* line 870, resources/assets/styles/common/_grid.scss */

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  /* line 876, resources/assets/styles/common/_grid.scss */

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  /* line 882, resources/assets/styles/common/_grid.scss */

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  /* line 888, resources/assets/styles/common/_grid.scss */

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  /* line 894, resources/assets/styles/common/_grid.scss */

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  /* line 900, resources/assets/styles/common/_grid.scss */

  .offset-md-0 {
    margin-left: 0;
  }

  /* line 903, resources/assets/styles/common/_grid.scss */

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  /* line 906, resources/assets/styles/common/_grid.scss */

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  /* line 909, resources/assets/styles/common/_grid.scss */

  .offset-md-3 {
    margin-left: 25%;
  }

  /* line 912, resources/assets/styles/common/_grid.scss */

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  /* line 915, resources/assets/styles/common/_grid.scss */

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  /* line 918, resources/assets/styles/common/_grid.scss */

  .offset-md-6 {
    margin-left: 50%;
  }

  /* line 921, resources/assets/styles/common/_grid.scss */

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  /* line 924, resources/assets/styles/common/_grid.scss */

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  /* line 927, resources/assets/styles/common/_grid.scss */

  .offset-md-9 {
    margin-left: 75%;
  }

  /* line 930, resources/assets/styles/common/_grid.scss */

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  /* line 933, resources/assets/styles/common/_grid.scss */

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  /* line 939, resources/assets/styles/common/_grid.scss */

  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  /* line 949, resources/assets/styles/common/_grid.scss */

  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  /* line 957, resources/assets/styles/common/_grid.scss */

  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* line 964, resources/assets/styles/common/_grid.scss */

  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  /* line 971, resources/assets/styles/common/_grid.scss */

  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  /* line 978, resources/assets/styles/common/_grid.scss */

  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  /* line 985, resources/assets/styles/common/_grid.scss */

  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  /* line 992, resources/assets/styles/common/_grid.scss */

  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* line 999, resources/assets/styles/common/_grid.scss */

  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  /* line 1006, resources/assets/styles/common/_grid.scss */

  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  /* line 1013, resources/assets/styles/common/_grid.scss */

  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  /* line 1020, resources/assets/styles/common/_grid.scss */

  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  /* line 1027, resources/assets/styles/common/_grid.scss */

  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  /* line 1034, resources/assets/styles/common/_grid.scss */

  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* line 1041, resources/assets/styles/common/_grid.scss */

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  /* line 1047, resources/assets/styles/common/_grid.scss */

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  /* line 1053, resources/assets/styles/common/_grid.scss */

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  /* line 1059, resources/assets/styles/common/_grid.scss */

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  /* line 1065, resources/assets/styles/common/_grid.scss */

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  /* line 1071, resources/assets/styles/common/_grid.scss */

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  /* line 1077, resources/assets/styles/common/_grid.scss */

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  /* line 1083, resources/assets/styles/common/_grid.scss */

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  /* line 1089, resources/assets/styles/common/_grid.scss */

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  /* line 1095, resources/assets/styles/common/_grid.scss */

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  /* line 1101, resources/assets/styles/common/_grid.scss */

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  /* line 1107, resources/assets/styles/common/_grid.scss */

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  /* line 1113, resources/assets/styles/common/_grid.scss */

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  /* line 1119, resources/assets/styles/common/_grid.scss */

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  /* line 1125, resources/assets/styles/common/_grid.scss */

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  /* line 1131, resources/assets/styles/common/_grid.scss */

  .offset-lg-0 {
    margin-left: 0;
  }

  /* line 1134, resources/assets/styles/common/_grid.scss */

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  /* line 1137, resources/assets/styles/common/_grid.scss */

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  /* line 1140, resources/assets/styles/common/_grid.scss */

  .offset-lg-3 {
    margin-left: 25%;
  }

  /* line 1143, resources/assets/styles/common/_grid.scss */

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  /* line 1146, resources/assets/styles/common/_grid.scss */

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  /* line 1149, resources/assets/styles/common/_grid.scss */

  .offset-lg-6 {
    margin-left: 50%;
  }

  /* line 1152, resources/assets/styles/common/_grid.scss */

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  /* line 1155, resources/assets/styles/common/_grid.scss */

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  /* line 1158, resources/assets/styles/common/_grid.scss */

  .offset-lg-9 {
    margin-left: 75%;
  }

  /* line 1161, resources/assets/styles/common/_grid.scss */

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  /* line 1164, resources/assets/styles/common/_grid.scss */

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  /* line 1170, resources/assets/styles/common/_grid.scss */

  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  /* line 1180, resources/assets/styles/common/_grid.scss */

  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  /* line 1188, resources/assets/styles/common/_grid.scss */

  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* line 1195, resources/assets/styles/common/_grid.scss */

  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  /* line 1202, resources/assets/styles/common/_grid.scss */

  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  /* line 1209, resources/assets/styles/common/_grid.scss */

  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  /* line 1216, resources/assets/styles/common/_grid.scss */

  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  /* line 1223, resources/assets/styles/common/_grid.scss */

  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* line 1230, resources/assets/styles/common/_grid.scss */

  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  /* line 1237, resources/assets/styles/common/_grid.scss */

  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  /* line 1244, resources/assets/styles/common/_grid.scss */

  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  /* line 1251, resources/assets/styles/common/_grid.scss */

  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  /* line 1258, resources/assets/styles/common/_grid.scss */

  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  /* line 1265, resources/assets/styles/common/_grid.scss */

  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* line 1272, resources/assets/styles/common/_grid.scss */

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  /* line 1278, resources/assets/styles/common/_grid.scss */

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  /* line 1284, resources/assets/styles/common/_grid.scss */

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  /* line 1290, resources/assets/styles/common/_grid.scss */

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  /* line 1296, resources/assets/styles/common/_grid.scss */

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  /* line 1302, resources/assets/styles/common/_grid.scss */

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  /* line 1308, resources/assets/styles/common/_grid.scss */

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  /* line 1314, resources/assets/styles/common/_grid.scss */

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  /* line 1320, resources/assets/styles/common/_grid.scss */

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  /* line 1326, resources/assets/styles/common/_grid.scss */

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  /* line 1332, resources/assets/styles/common/_grid.scss */

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  /* line 1338, resources/assets/styles/common/_grid.scss */

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  /* line 1344, resources/assets/styles/common/_grid.scss */

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  /* line 1350, resources/assets/styles/common/_grid.scss */

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  /* line 1356, resources/assets/styles/common/_grid.scss */

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  /* line 1362, resources/assets/styles/common/_grid.scss */

  .offset-xl-0 {
    margin-left: 0;
  }

  /* line 1365, resources/assets/styles/common/_grid.scss */

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  /* line 1368, resources/assets/styles/common/_grid.scss */

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  /* line 1371, resources/assets/styles/common/_grid.scss */

  .offset-xl-3 {
    margin-left: 25%;
  }

  /* line 1374, resources/assets/styles/common/_grid.scss */

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  /* line 1377, resources/assets/styles/common/_grid.scss */

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  /* line 1380, resources/assets/styles/common/_grid.scss */

  .offset-xl-6 {
    margin-left: 50%;
  }

  /* line 1383, resources/assets/styles/common/_grid.scss */

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  /* line 1386, resources/assets/styles/common/_grid.scss */

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  /* line 1389, resources/assets/styles/common/_grid.scss */

  .offset-xl-9 {
    margin-left: 75%;
  }

  /* line 1392, resources/assets/styles/common/_grid.scss */

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  /* line 1395, resources/assets/styles/common/_grid.scss */

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

/* line 1400, resources/assets/styles/common/_grid.scss */

.img-fluid {
  max-width: 100%;
  height: auto;
}

/* line 1, resources/assets/styles/components/_buttons.scss */

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  font-family: "Poppins";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.02em;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #4348fe 100%);
  background-color: #b944f7;
  color: #ffffff !important;
  padding: 18px 25px;
  border: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-size: 0.875rem !important;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.button {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .button {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .button {
    font-size: 1rem;
  }
}

/* line 20, resources/assets/styles/components/_buttons.scss */

.button:hover {
  background: linear-gradient(90deg, #7c00bd 0%, #4348fe 100%);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
}

/* line 26, resources/assets/styles/components/_buttons.scss */

.round-button {
  border: none;
  cursor: pointer;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #0e0b14;
  opacity: 0.85;
  margin-bottom: 10px;
}

/* line 1, resources/assets/styles/components/_links.scss */

.link {
  font-family: "Poppins";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #ffffff;
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.link {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .link {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .link {
    font-size: 0.875rem;
  }
}

/* line 7, resources/assets/styles/components/_links.scss */

.link:after {
  content: '';
  width: 16px;
  height: 15px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC43NSIgZD0iTTE1LjAxOTggNy41ODUzNUwwLjQzODMyOCAxMy4wNzYxTDEuODM4MTkgMTAuMzUxOEMyLjkwNDU4IDguMjg2OTMgMi45MDI2OCA1LjgzNDE0IDEuODQyMzkgMy43NjcxMUwwLjE1NDkzNCAwLjQ4Mjc2MUwxNS4wMzA5IDYuNDY0NzZDMTUuNTQwOCA2LjY2OTEyIDE1LjUzMzQgNy4zOTA3NCAxNS4wMTk4IDcuNTg1MzVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjE1XzI1KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzYxNV8yNSIgeDE9IjE1Ljk5OTkiIHkxPSI3IiB4Mj0iMC40OTk5MzkiIHkyPSI3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0MzQ4RkUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQjk0NEY3Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
  transition: 0.3s all ease-in-out;
}

/* line 18, resources/assets/styles/components/_links.scss */

.link:hover:after {
  transform: translateX(10px);
}

/* line 1, resources/assets/styles/components/_forms.scss */

input {
  height: 60px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  background: #e4e4e4;
  outline: none;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

input {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  input {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  input {
    font-size: 0.875rem;
  }
}

/* line 14, resources/assets/styles/components/_forms.scss */

textarea {
  border: 1px solid #ffffff;
  border-radius: 3px;
  background: #e4e4e4;
  outline: none;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  resize: none;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

textarea {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  textarea {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  textarea {
    font-size: 0.875rem;
  }
}

/* line 27, resources/assets/styles/components/_forms.scss */

input[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  font-family: "Poppins";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.02em;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #4348fe 100%);
  background-color: #b944f7;
  color: #e4e4e4;
  padding: 18px 25px;
  border: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

input[type="submit"] {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  input[type="submit"] {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  input[type="submit"] {
    font-size: 1rem;
  }
}

/* line 45, resources/assets/styles/components/_forms.scss */

input[type="submit"]:hover {
  background-color: #7c00bd;
}

/* line 50, resources/assets/styles/components/_forms.scss */

.form-group,
.login-username,
.login-password {
  z-index: 1;
  position: relative;
  margin-top: 19px;
  width: 100%;
}

/* line 58, resources/assets/styles/components/_forms.scss */

.form-group .wpcf7-not-valid-tip,
.login-username .wpcf7-not-valid-tip,
.login-password .wpcf7-not-valid-tip {
  display: none;
}

/* line 63, resources/assets/styles/components/_forms.scss */

.form-group.required:after,
.login-username.required:after,
.login-password.required:after {
  content: "Obligatoire";
  position: absolute;
  right: 20px;
  top: 23px;
  color: #3769ff;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  letter-spacing: 0.01em;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.form-group.required:after,
.login-username.required:after,
.login-password.required:after {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .form-group.required:after,
  .login-username.required:after,
  .login-password.required:after {
    font-size: calc( 12px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .form-group.required:after,
  .login-username.required:after,
  .login-password.required:after {
    font-size: 0.75rem;
  }
}

/* line 74, resources/assets/styles/components/_forms.scss */

.form-group.select:after,
.login-username.select:after,
.login-password.select:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 23px;
  width: 12.5px;
  height: 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC43NSIgZD0iTTE1LjAxOTggNy41ODUzNUwwLjQzODMyOCAxMy4wNzYxTDEuODM4MTkgMTAuMzUxOEMyLjkwNDU4IDguMjg2OTMgMi45MDI2OCA1LjgzNDE0IDEuODQyMzkgMy43NjcxMUwwLjE1NDkzNCAwLjQ4Mjc2MUwxNS4wMzA5IDYuNDY0NzZDMTUuNTQwOCA2LjY2OTEyIDE1LjUzMzQgNy4zOTA3NCAxNS4wMTk4IDcuNTg1MzVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjE1XzI1KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzYxNV8yNSIgeDE9IjE1Ljk5OTkiIHkxPSI3IiB4Mj0iMC40OTk5MzkiIHkyPSI3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0MzQ4RkUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQjk0NEY3Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-size: contain;
  transform: rotate(90deg);
}

/* line 87, resources/assets/styles/components/_forms.scss */

.form-group .title-radio,
.login-username .title-radio,
.login-password .title-radio {
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.16px;
  color: #2f323c;
  margin-bottom: 20px;
}

/* line 96, resources/assets/styles/components/_forms.scss */

.form-group .wpcf7-select,
.login-username .wpcf7-select,
.login-password .wpcf7-select {
  position: relative;
  appearance: none;
  background-color: #f3f3f3;
  border-color: #e4e4e4;
  border-radius: 3px;
  padding: 27px 30px 14px 30px;
  margin: 0;
  width: 100%;
  font-size: 0.875rem;
  cursor: inherit;
  line-height: 1.125rem;
  outline: none;
  color: #0e0b14;
}

/* line 112, resources/assets/styles/components/_forms.scss */

.form-group .wpcf7-list-item,
.login-username .wpcf7-list-item,
.login-password .wpcf7-list-item {
  display: inline-flex;
  gap: 15px;
  margin: 0 40px 0 0;
}

/* line 118, resources/assets/styles/components/_forms.scss */

.form-group .form-field,
.form-group .input,
.login-username .form-field,
.login-username .input,
.login-password .form-field,
.login-password .input {
  z-index: 1;
  width: 100%;
  background-color: #f3f3f3;
  border-color: #e4e4e4;
  padding: 27px 30px 14px 30px;
}

/* line 126, resources/assets/styles/components/_forms.scss */

.form-group .form-field.wpcf7-not-valid,
.form-group .input.wpcf7-not-valid,
.login-username .form-field.wpcf7-not-valid,
.login-username .input.wpcf7-not-valid,
.login-password .form-field.wpcf7-not-valid,
.login-password .input.wpcf7-not-valid {
  border-color: #e85b3c;
}

/* line 130, resources/assets/styles/components/_forms.scss */

.form-group .form-field::placeholder,
.form-group .input::placeholder,
.login-username .form-field::placeholder,
.login-username .input::placeholder,
.login-password .form-field::placeholder,
.login-password .input::placeholder {
  color: transparent;
}

/* line 134, resources/assets/styles/components/_forms.scss */

.form-group .form-field:placeholder-shown ~ .form-label,
.form-group .input:placeholder-shown ~ .form-label,
.login-username .form-field:placeholder-shown ~ .form-label,
.login-username .input:placeholder-shown ~ .form-label,
.login-password .form-field:placeholder-shown ~ .form-label,
.login-password .input:placeholder-shown ~ .form-label {
  cursor: text;
  top: 20px;
  font-size: 1rem;
  color: #464957;
}

/* line 141, resources/assets/styles/components/_forms.scss */

.form-group .form-area,
.login-username .form-area,
.login-password .form-area {
  z-index: 1;
  width: 100%;
  background-color: #f3f3f3;
  border-color: #e4e4e4;
  padding: 27px 30px 14px 30px;
  resize: none;
}

/* line 149, resources/assets/styles/components/_forms.scss */

.form-group .form-area::placeholder,
.login-username .form-area::placeholder,
.login-password .form-area::placeholder {
  color: transparent;
}

/* line 153, resources/assets/styles/components/_forms.scss */

.form-group .form-area:placeholder-shown ~ .form-label,
.login-username .form-area:placeholder-shown ~ .form-label,
.login-password .form-area:placeholder-shown ~ .form-label {
  cursor: text;
}

/* line 157, resources/assets/styles/components/_forms.scss */

.form-group .form-label,
.form-group label,
.login-username .form-label,
.login-username label,
.login-password .form-label,
.login-password label {
  z-index: 1;
  position: absolute;
  left: 30px;
  display: block;
  transition: 0.2s;
  pointer-events: none;
  top: 20px;
  font-size: 1rem;
  color: #464957;
}

@media screen and (max-width: 991.98px) {
  /* line 157, resources/assets/styles/components/_forms.scss */

  .form-group .form-label,
  .form-group label,
  .login-username .form-label,
  .login-username label,
  .login-password .form-label,
  .login-password label {
    font-size: 0.875rem;
    top: 18px;
  }
}

/* line 175, resources/assets/styles/components/_forms.scss */

.form-group.focus .form-label,
.form-group.focus label,
.form-group.select .form-label,
.form-group.select label,
.login-username.focus .form-label,
.login-username.focus label,
.login-username.select .form-label,
.login-username.select label,
.login-password.focus .form-label,
.login-password.focus label,
.login-password.select .form-label,
.login-password.select label {
  position: absolute;
  top: 8px;
  display: block;
  transition: 0.2s;
  font-size: 0.75rem;
  color: #464957;
}

/* line 187, resources/assets/styles/components/_forms.scss */

.form-control {
  display: flex;
  align-items: center;
}

/* line 190, resources/assets/styles/components/_forms.scss */

.form-control .wpcf7-list-item {
  margin: 0;
}

/* line 193, resources/assets/styles/components/_forms.scss */

.form-control .wpcf7-list-item-label {
  display: none;
}

/* line 196, resources/assets/styles/components/_forms.scss */

.form-control br {
  display: none;
}

/* line 199, resources/assets/styles/components/_forms.scss */

.form-control .legals-label {
  margin: 0 80px 0 15px;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.form-control .legals-label {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .form-control .legals-label {
    font-size: calc( 12px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .form-control .legals-label {
    font-size: 0.75rem;
  }
}

/* line 203, resources/assets/styles/components/_forms.scss */

.form-control .legals-label a {
  color: #3769ff;
}

@media screen and (max-width: 991.98px) {
  /* line 199, resources/assets/styles/components/_forms.scss */

  .form-control .legals-label {
    margin-right: 0;
  }
}

/* line 212, resources/assets/styles/components/_forms.scss */

input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  font: inherit;
  color: #3769ff;
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  transform: translateY(-0.075em);
  cursor: pointer;
  display: grid;
  place-content: center;
}

/* line 230, resources/assets/styles/components/_forms.scss */

input[type="checkbox"]::before,
input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: #3769ff;
}

/* line 243, resources/assets/styles/components/_forms.scss */

input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
  transform: scale(1);
}

/* line 247, resources/assets/styles/components/_forms.scss */

input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: none;
}

/* line 252, resources/assets/styles/components/_forms.scss */

.form-content {
  min-height: calc(100vh - 350px);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 991.98px) {
  /* line 252, resources/assets/styles/components/_forms.scss */

  .form-content {
    min-height: calc(100vh - 130px);
  }
}

/* line 262, resources/assets/styles/components/_forms.scss */

.form-content .title {
  margin-top: -100px;
}

/* line 265, resources/assets/styles/components/_forms.scss */

.form-content h2 {
  text-align: center;
  margin: 0 0 10px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.form-content h2 {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .form-content h2 {
    font-size: calc( 18px + strip-unit(6px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .form-content h2 {
    font-size: 1.5rem;
  }
}

/* line 270, resources/assets/styles/components/_forms.scss */

.form-content h2 strong {
  color: #3769ff;
}

@media screen and (max-width: 991.98px) {
  /* line 265, resources/assets/styles/components/_forms.scss */

  .form-content h2 {
    line-height: 1.375rem;
  }
}

/* line 277, resources/assets/styles/components/_forms.scss */

.form-content form {
  width: 420px;
}

@media screen and (max-width: 991.98px) {
  /* line 277, resources/assets/styles/components/_forms.scss */

  .form-content form {
    width: 100%;
    padding: 0 20px;
  }
}

/* line 283, resources/assets/styles/components/_forms.scss */

.form-content form .password {
  position: relative;
}

/* line 285, resources/assets/styles/components/_forms.scss */

.form-content form .password .toggle-password {
  position: absolute;
  top: 25px;
  right: 15px;
  width: 25px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAyNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1Ljk5OTMgNS4yNjIyNUwyMy40NzYzIDcuNzgwMTRDMjEuOTkyMSA2LjMyMTEzIDIwLjIxMTUgNS4xOTcyNyAxOC4yNTU4IDQuNDg1NzhDMTguNDAxOSA2LjA5NDY4IDE3Ljc1NiA3LjY3NCAxNi41MjUzIDguNzIwNjVDMTUuNjIwOSA5LjUwMDM0IDE0LjQ2MjkgOS45MjQ5MiAxMy4yNjg5IDkuOTE0NjNDMTEuODg2NSA5Ljg5NTk3IDEwLjU3MjIgOS4zMTA1NiA5LjYzMjk4IDguMjk2MDdDOC42OTQ0IDcuMjgwOTQgOC4yMTMyMSA1LjkyNDg1IDguMzAxOTggNC41NDU2MUM2LjM1NDcgNS4yMDc1NyA0LjU4NDk3IDYuMzA4OSAzLjEzMTEgNy43NjQ3TDAuNjMzNzg5IDUuMjMyNjVDNC4wMDM0MiAxLjg3NjUzIDguNTY3MDIgLTAuMDA1Nzc2NDMgMTMuMzIzIDEuMzMxNjllLTA1QzE4LjA3ODkgMC4wMDU4MDMwNiAyMi42MzggMS44OTc3NiAyNS45OTk5IDUuMjYyMjVIMjUuOTk5M1oiIGZpbGw9IiM0MzQ4RkUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  z-index: 1;
}

/* line 296, resources/assets/styles/components/_forms.scss */

.form-content form .password .toggle-password.view {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyNiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNjM0NDkxIDguMTMzNUwzLjE1NzUzIDUuNjE1NjFDNC42NDE2NCA3LjA3NDYyIDYuNDIyMzEgOC4xOTg0OCA4LjM3Nzk1IDguOTA5OTdDMTAuODYwOSA5LjgxMzMxIDE1LjUzNzUgOS44MDAwNSAxOC4zMzE4IDguODUwMTVDMjAuMjc5MSA4LjE4ODE5IDIyLjA0ODggNy4wODY4NSAyMy41MDI3IDUuNjMxMDVMMjYgOC4xNjMxQzIyLjYzMDQgMTEuNTE5MiAxOC4wNjY4IDEzLjQwMTUgMTMuMzEwOCAxMy4zOTU3QzguNTU0ODYgMTMuMzg5OSAzLjk5NjQgMTEuNDk4IDAuNjM0NDkxIDguMTMzNVoiIGZpbGw9IiM0MzQ4RkUiLz4KPHJlY3QgeD0iMTYuMjY2NiIgeT0iMC43OTgzNCIgd2lkdGg9IjMuNDQzMzIiIGhlaWdodD0iMTguMDYxNCIgdHJhbnNmb3JtPSJyb3RhdGUoMjkuNTA3OCAxNi4yNjY2IDAuNzk4MzQpIiBmaWxsPSIjNDM0OEZFIi8+Cjwvc3ZnPgo=);
  top: 22px;
  height: 17px;
}

/* line 303, resources/assets/styles/components/_forms.scss */

.form-content form input[type="submit"] {
  font-family: "Poppins";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.form-content form input[type="submit"] {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .form-content form input[type="submit"] {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .form-content form input[type="submit"] {
    font-size: 0.875rem;
  }
}

/* line 308, resources/assets/styles/components/_forms.scss */

.form-content .info-password {
  display: block;
  margin: 10px auto 0;
  padding: 30px 40px;
  width: 100%;
  max-width: 420px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

/* line 316, resources/assets/styles/components/_forms.scss */

.form-content .info-password.redirect {
  padding-top: 15px;
  padding-bottom: 15px;
  border-color: #7ec348;
}

/* line 320, resources/assets/styles/components/_forms.scss */

.form-content .info-password.redirect p {
  color: #7ec348;
}

/* line 324, resources/assets/styles/components/_forms.scss */

.form-content .info-password p {
  font-size: 0.875rem;
  color: #2f323c;
  margin: 0;
}

/* line 332, resources/assets/styles/components/_forms.scss */

#bg-contact {
  z-index: 49;
  width: 0;
  height: calc(100% + 300px);
  position: fixed;
  top: 0;
  right: 0;
  background: #0e0b14;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}

/* line 343, resources/assets/styles/components/_forms.scss */

#bg-contact.opened {
  opacity: 0.4;
  width: 100%;
  visibility: visible;
}

/* line 350, resources/assets/styles/components/_forms.scss */

#contact-form,
.form-register {
  z-index: 100;
  display: flex;
  background: #ffffff;
  top: 0;
  right: -800px;
  position: fixed;
  height: 100vh;
  overflow-y: scroll;
  width: 0;
  padding: 50px 110px 50px 110px;
  transition: 0.3s all ease-in-out;
}

@media screen and (max-width: 991.98px) {
  /* line 350, resources/assets/styles/components/_forms.scss */

  #contact-form,
  .form-register {
    padding: 37px;
  }
}

/* line 366, resources/assets/styles/components/_forms.scss */

#contact-form .close-form,
.form-register .close-form {
  position: fixed;
  top: 40px;
  right: -840px;
  cursor: pointer;
}

/* line 371, resources/assets/styles/components/_forms.scss */

#contact-form .close-form img,
.form-register .close-form img {
  width: 23px;
}

@media screen and (max-width: 991.98px) {
  /* line 371, resources/assets/styles/components/_forms.scss */

  #contact-form .close-form img,
  .form-register .close-form img {
    width: 16px;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 366, resources/assets/styles/components/_forms.scss */

  #contact-form .close-form,
  .form-register .close-form {
    top: 20px;
  }
}

/* line 382, resources/assets/styles/components/_forms.scss */

#contact-form.success .result,
.form-register.success .result {
  display: flex;
}

/* line 385, resources/assets/styles/components/_forms.scss */

#contact-form.success .content,
.form-register.success .content {
  display: none;
}

/* line 389, resources/assets/styles/components/_forms.scss */

#contact-form .result,
.form-register .result {
  display: none;
  flex-direction: column;
  justify-content: center;
}

/* line 393, resources/assets/styles/components/_forms.scss */

#contact-form .result img,
.form-register .result img {
  width: 95px;
}

/* line 396, resources/assets/styles/components/_forms.scss */

#contact-form .result h3,
.form-register .result h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 43px;
  letter-spacing: 0.01em;
  color: #0e0b14;
  margin: 20px 0 10px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

#contact-form .result h3,
.form-register .result h3 {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .result h3,
  .form-register .result h3 {
    font-size: calc( 40px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .result h3,
  .form-register .result h3 {
    font-size: 2.5rem;
  }
}

/* line 401, resources/assets/styles/components/_forms.scss */

#contact-form .result p,
.form-register .result p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
  margin: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

#contact-form .result p,
.form-register .result p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .result p,
  .form-register .result p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .result p,
  .form-register .result p {
    font-size: 1rem;
  }
}

/* line 406, resources/assets/styles/components/_forms.scss */

#contact-form .result .back-website,
.form-register .result .back-website {
  color: #0e0b14;
  margin-top: 40px;
}

/* line 411, resources/assets/styles/components/_forms.scss */

#contact-form .content,
.form-register .content {
  display: flex;
  flex-direction: column;
}

/* line 414, resources/assets/styles/components/_forms.scss */

#contact-form .content .title,
.form-register .content .title {
  border-bottom: 1px solid #e4e4e4;
}

/* line 416, resources/assets/styles/components/_forms.scss */

#contact-form .content .title h3,
.form-register .content .title h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 47px;
  letter-spacing: 0.01em;
  color: #0e0b14;
  margin: 0 0 10px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

#contact-form .content .title h3,
.form-register .content .title h3 {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .content .title h3,
  .form-register .content .title h3 {
    font-size: calc( 24px + strip-unit(16px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .content .title h3,
  .form-register .content .title h3 {
    font-size: 2.5rem;
  }
}

/* line 420, resources/assets/styles/components/_forms.scss */

#contact-form .content .title h3 strong,
.form-register .content .title h3 strong {
  color: #3769ff;
}

/* line 423, resources/assets/styles/components/_forms.scss */

#contact-form .content .title h3 span,
.form-register .content .title h3 span {
  color: #b944f7;
}

@media screen and (max-width: 991.98px) {
  /* line 416, resources/assets/styles/components/_forms.scss */

  #contact-form .content .title h3,
  .form-register .content .title h3 {
    line-height: 1.75rem;
  }
}

/* line 430, resources/assets/styles/components/_forms.scss */

#contact-form .content .title p,
.form-register .content .title p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #2f323c;
  margin: 0 0 30px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

#contact-form .content .title p,
.form-register .content .title p {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .content .title p,
  .form-register .content .title p {
    font-size: calc( 14px + strip-unit(2px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .content .title p,
  .form-register .content .title p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 430, resources/assets/styles/components/_forms.scss */

  #contact-form .content .title p,
  .form-register .content .title p {
    line-height: 1.375rem;
  }
}

/* line 439, resources/assets/styles/components/_forms.scss */

#contact-form .content form,
.form-register .content form {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 120px;
}

@media screen and (max-width: 991.98px) {
  /* line 439, resources/assets/styles/components/_forms.scss */

  #contact-form .content form,
  .form-register .content form {
    margin-top: 10px;
    margin-bottom: 160px;
  }
}

/* line 450, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar,
.form-register .bottom-bar {
  position: fixed;
  width: 800px;
  height: 100px;
  right: -800px;
  opacity: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 60;
  box-shadow: 0px 2px 8px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 26px 125px 23px 110px;
  transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 991.98px) {
  /* line 450, resources/assets/styles/components/_forms.scss */

  #contact-form .bottom-bar,
  .form-register .bottom-bar {
    padding: 15px 37px 30px 37px;
    height: 140px;
    flex-direction: column;
  }
}

/* line 468, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar br,
.form-register .bottom-bar br {
  display: none;
}

/* line 471, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar p,
.form-register .bottom-bar p {
  margin: 0;
}

/* line 474, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar input[type="submit"],
.form-register .bottom-bar input[type="submit"] {
  height: 50px;
  font-family: "Poppins";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  letter-spacing: 0.02em;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

#contact-form .bottom-bar input[type="submit"],
.form-register .bottom-bar input[type="submit"] {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .bottom-bar input[type="submit"],
  .form-register .bottom-bar input[type="submit"] {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .bottom-bar input[type="submit"],
  .form-register .bottom-bar input[type="submit"] {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 474, resources/assets/styles/components/_forms.scss */

  #contact-form .bottom-bar input[type="submit"],
  .form-register .bottom-bar input[type="submit"] {
    margin-top: 10px;
  }
}

/* line 481, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar .legals,
.form-register .bottom-bar .legals {
  display: flex;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 991.98px) {
  /* line 481, resources/assets/styles/components/_forms.scss */

  #contact-form .bottom-bar .legals,
  .form-register .bottom-bar .legals {
    padding-top: 5px;
  }
}

/* line 488, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar .legals .wpcf7-not-valid-tip,
.form-register .bottom-bar .legals .wpcf7-not-valid-tip {
  display: none;
}

/* line 492, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar .legals .wpcf7-not-valid input,
.form-register .bottom-bar .legals .wpcf7-not-valid input {
  border-color: #e85b3c;
}

/* line 496, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar .legals .recaptcha,
.form-register .bottom-bar .legals .recaptcha {
  position: absolute;
  left: 0;
  bottom: -10px;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 9.4px;
  letter-spacing: 0.02em;
  color: #7b808e;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

#contact-form .bottom-bar .legals .recaptcha,
.form-register .bottom-bar .legals .recaptcha {
  font-size: 0.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .bottom-bar .legals .recaptcha,
  .form-register .bottom-bar .legals .recaptcha {
    font-size: calc( 8px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form .bottom-bar .legals .recaptcha,
  .form-register .bottom-bar .legals .recaptcha {
    font-size: 0.5rem;
  }
}

/* line 502, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar .legals .recaptcha a,
.form-register .bottom-bar .legals .recaptcha a {
  color: #2f323c;
}

/* line 504, resources/assets/styles/components/_forms.scss */

#contact-form .bottom-bar .legals .recaptcha a:hover,
.form-register .bottom-bar .legals .recaptcha a:hover {
  text-decoration: underline;
}

/* line 513, resources/assets/styles/components/_forms.scss */

#contact-form.invalid .legals .wpcf7-form-control,
.form-register.invalid .legals .wpcf7-form-control {
  position: relative;
}

/* line 515, resources/assets/styles/components/_forms.scss */

#contact-form.invalid .legals .wpcf7-form-control:after,
.form-register.invalid .legals .wpcf7-form-control:after {
  content: "Un ou plusieurs champs contiennent une erreur.";
  position: absolute;
  word-break: keep-all;
  white-space: nowrap;
  left: 0;
  top: -25px;
  color: #e85b3c;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 12px;
  letter-spacing: 0.01em;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

#contact-form.invalid .legals .wpcf7-form-control:after,
.form-register.invalid .legals .wpcf7-form-control:after {
  font-size: 0.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form.invalid .legals .wpcf7-form-control:after,
  .form-register.invalid .legals .wpcf7-form-control:after {
    font-size: calc( 10px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  #contact-form.invalid .legals .wpcf7-form-control:after,
  .form-register.invalid .legals .wpcf7-form-control:after {
    font-size: 0.625rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 515, resources/assets/styles/components/_forms.scss */

  #contact-form.invalid .legals .wpcf7-form-control:after,
  .form-register.invalid .legals .wpcf7-form-control:after {
    top: -20px;
  }
}

/* line 531, resources/assets/styles/components/_forms.scss */

#contact-form.opened,
.form-register.opened {
  width: 800px;
  right: 0;
}

@media screen and (max-width: 991.98px) {
  /* line 531, resources/assets/styles/components/_forms.scss */

  #contact-form.opened,
  .form-register.opened {
    width: 100%;
  }
}

/* line 537, resources/assets/styles/components/_forms.scss */

#contact-form.opened .bottom-bar,
.form-register.opened .bottom-bar {
  width: 800px;
  right: 0;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}

@media screen and (max-width: 991.98px) {
  /* line 537, resources/assets/styles/components/_forms.scss */

  #contact-form.opened .bottom-bar,
  .form-register.opened .bottom-bar {
    width: 100%;
  }
}

/* line 546, resources/assets/styles/components/_forms.scss */

#contact-form.opened .close-form,
.form-register.opened .close-form {
  right: 40px;
}

@media screen and (max-width: 991.98px) {
  /* line 546, resources/assets/styles/components/_forms.scss */

  #contact-form.opened .close-form,
  .form-register.opened .close-form {
    right: 10px;
  }
}

/* line 554, resources/assets/styles/components/_forms.scss */

#contact-form .wpcf7-response-output,
.form-register .wpcf7-response-output {
  display: none;
}

/* line 560, resources/assets/styles/components/_forms.scss */

#register-webinar .date {
  font-size: 0.8125rem;
  line-height: normal;
  letter-spacing: 0.13px;
  color: #ffffff;
  display: inline-block;
  background-color: #4348fe;
  border-radius: 20px;
  padding: 4px 10px;
  mask-border: 20px;
}

/* line 571, resources/assets/styles/components/_forms.scss */

#register-webinar .name {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.22px;
  color: #0e0b14;
  margin-bottom: 50px;
}

/* line 579, resources/assets/styles/components/_forms.scss */

#register-webinar .bottom-bar {
  justify-content: space-between;
}

/* line 581, resources/assets/styles/components/_forms.scss */

#register-webinar .bottom-bar .legals {
  flex: 0 0 50%;
}

/* line 583, resources/assets/styles/components/_forms.scss */

#register-webinar .bottom-bar .legals p {
  line-height: normal;
}

/* line 586, resources/assets/styles/components/_forms.scss */

#register-webinar .bottom-bar .legals .recaptcha {
  position: relative;
  bottom: auto;
  font-size: 0.75rem;
  line-height: normal;
}

@media screen and (max-width: 991.98px) {
  /* line 586, resources/assets/styles/components/_forms.scss */

  #register-webinar .bottom-bar .legals .recaptcha {
    font-size: 0.5rem;
  }
}

/* line 600, resources/assets/styles/components/_forms.scss */

#calendly-form .content {
  width: 100%;
}

/* line 603, resources/assets/styles/components/_forms.scss */

#calendly-form .calendly-inline-widget {
  width: 100%;
}

/* line 1, resources/assets/styles/layouts/_header.scss */

header {
  position: relative;
  z-index: 100;
  margin: 75px 0 100px 0;
}

@media screen and (max-width: 991.98px) {
  /* line 1, resources/assets/styles/layouts/_header.scss */

  header {
    margin: 30px 0 50px 0;
  }
}

/* line 8, resources/assets/styles/layouts/_header.scss */

header .content {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  width: 100%;
}

/* line 13, resources/assets/styles/layouts/_header.scss */

header .content .light {
  display: none;
}

/* line 16, resources/assets/styles/layouts/_header.scss */

header .content .logo-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
}

/* line 21, resources/assets/styles/layouts/_header.scss */

header .content .logo-dark .mobile {
  display: none;
}

@media screen and (max-width: 1200px) {
  /* line 25, resources/assets/styles/layouts/_header.scss */

  header .content .logo-dark .desktop {
    display: none;
  }

  /* line 28, resources/assets/styles/layouts/_header.scss */

  header .content .logo-dark .mobile {
    display: block;
  }
}

/* line 33, resources/assets/styles/layouts/_header.scss */

header .content .back-button {
  width: 33%;
  display: flex;
  align-items: center;
}

/* line 37, resources/assets/styles/layouts/_header.scss */

header .content .back-button a {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 25px;
  color: #7b808e;
  font-family: "Poppins";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.02em;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

header .content .back-button a {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  header .content .back-button a {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  header .content .back-button a {
    font-size: 0.875rem;
  }
}

/* line 47, resources/assets/styles/layouts/_header.scss */

header .content .back-button a img {
  margin-top: -0.5px;
}

/* line 50, resources/assets/styles/layouts/_header.scss */

header .content .back-button a span {
  margin-left: 10px;
}

@media screen and (max-width: 991.98px) {
  /* line 37, resources/assets/styles/layouts/_header.scss */

  header .content .back-button a {
    height: 45px;
    padding: 10px 19px;
  }

  /* line 56, resources/assets/styles/layouts/_header.scss */

  header .content .back-button a span {
    display: none;
  }
}

/* line 62, resources/assets/styles/layouts/_header.scss */

header .content nav {
  display: flex;
  width: 33%;
  align-items: center;
  justify-content: flex-end;
}

/* line 67, resources/assets/styles/layouts/_header.scss */

header .content nav a {
  margin-right: 50px;
  font-family: "Poppins";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #0e0b14;
  transition: 0.3s all ease-in-out;
  white-space: nowrap;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

header .content nav a {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  header .content nav a {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  header .content nav a {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1400px) {
  /* line 67, resources/assets/styles/layouts/_header.scss */

  header .content nav a {
    margin-right: 30px;
  }
}

@media (max-width: 1200px) {
  /* line 67, resources/assets/styles/layouts/_header.scss */

  header .content nav a {
    margin-right: 35px;
  }
}

/* line 80, resources/assets/styles/layouts/_header.scss */

header .content nav a:hover {
  color: #4348fe;
}

@media (max-width: 992px) {
  /* line 67, resources/assets/styles/layouts/_header.scss */

  header .content nav a {
    display: none;
  }
}

/* line 88, resources/assets/styles/layouts/_header.scss */

header .content nav .button {
  padding: 13px 20px;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

@media screen and (max-width: 991.98px) {
  /* line 88, resources/assets/styles/layouts/_header.scss */

  header .content nav .button {
    display: none;
  }
}

/* line 98, resources/assets/styles/layouts/_header.scss */

header .content nav .support-button {
  display: none;
}

@media screen and (max-width: 991.98px) {
  /* line 98, resources/assets/styles/layouts/_header.scss */

  header .content nav .support-button {
    display: flex;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 117, resources/assets/styles/layouts/_header.scss */

  .template-dashboard header .content nav a {
    display: flex;
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  /* line 123, resources/assets/styles/layouts/_header.scss */

  .template-dashboard header .content nav .support-button {
    display: none;
  }
}

/* line 136, resources/assets/styles/layouts/_header.scss */

.template-login header .content nav a {
  position: relative;
}

/* line 138, resources/assets/styles/layouts/_header.scss */

.template-login header .content nav a.applicatifs-megamenu {
  display: none;
}

/* line 141, resources/assets/styles/layouts/_header.scss */

.template-login header .content nav a:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 10px;
  width: calc(100% - 20px);
  height: 3px;
  background-color: #4348fe;
}

/* line 158, resources/assets/styles/layouts/_header.scss */

.home header,
.error404 header {
  margin: 85px 0 100px 0;
}

@media screen and (max-width: 991.98px) {
  /* line 158, resources/assets/styles/layouts/_header.scss */

  .home header,
  .error404 header {
    margin: 75px 0 50px 0;
  }
}

/* line 164, resources/assets/styles/layouts/_header.scss */

.home header .content,
.error404 header .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 169, resources/assets/styles/layouts/_header.scss */

.home header .content .light,
.error404 header .content .light {
  display: block;
}

/* line 174, resources/assets/styles/layouts/_header.scss */

.home header .content .brand img,
.error404 header .content .brand img {
  width: 220px;
}

@media screen and (max-width: 991.98px) {
  /* line 173, resources/assets/styles/layouts/_header.scss */

  .home header .content .brand,
  .error404 header .content .brand {
    position: absolute;
    left: calc(50% - 110px);
  }
}

/* line 183, resources/assets/styles/layouts/_header.scss */

.home header .content nav,
.error404 header .content nav {
  width: auto;
}

/* line 185, resources/assets/styles/layouts/_header.scss */

.home header .content nav a,
.error404 header .content nav a {
  color: #ffffff;
}

@media (min-width: 767px) {
  /* line 190, resources/assets/styles/layouts/_header.scss */

  .home header .content nav .applicatifs-megamenu.active,
  .error404 header .content nav .applicatifs-megamenu.active {
    color: #4348fe;
  }
}

/* line 195, resources/assets/styles/layouts/_header.scss */

.home header .content nav .support-button,
.error404 header .content nav .support-button {
  display: none;
}

/* line 200, resources/assets/styles/layouts/_header.scss */

.home header .content .back-button,
.home header .content .dark,
.error404 header .content .back-button,
.error404 header .content .dark {
  display: none;
}

/* line 208, resources/assets/styles/layouts/_header.scss */

.mobile-menu {
  display: none;
}

@media screen and (max-width: 991.98px) {
  /* line 208, resources/assets/styles/layouts/_header.scss */

  .mobile-menu {
    position: fixed;
    z-index: 100;
    display: flex;
    flex-direction: column;
    right: 20px;
    bottom: 20px;
  }

  /* line 218, resources/assets/styles/layouts/_header.scss */

  .mobile-menu .open-form {
    background-color: #3769ff;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  /* line 224, resources/assets/styles/layouts/_header.scss */

  .mobile-menu .applicatifs-megamenu.close {
    position: relative;
  }

  /* line 226, resources/assets/styles/layouts/_header.scss */

  .mobile-menu .applicatifs-megamenu.close img {
    display: none;
  }

  /* line 230, resources/assets/styles/layouts/_header.scss */

  .mobile-menu .applicatifs-megamenu.close::before {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MSA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgb3BhY2l0eT0iMC41IiB4PSIwLjI1IiB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHJ4PSIzMCIgZmlsbD0iI0I5NDRGNyIvPgo8cGF0aCBkPSJNMTkuMjUgMTkuMjVMNDIuMDI3OCA0Mi4wMjc4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTkuMjUgNDIuMDI3OEw0Mi4wMjc4IDE5LjI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat;
    background-size: contain;
  }
}

/* line 1, resources/assets/styles/layouts/_footer.scss */

.footer {
  position: relative;
  display: flex;
  padding-top: 125px;
  padding-bottom: 45px;
}

@media screen and (max-width: 991.98px) {
  /* line 1, resources/assets/styles/layouts/_footer.scss */

  .footer {
    padding-top: 100px;
  }
}

/* line 9, resources/assets/styles/layouts/_footer.scss */

.footer .bg {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991.98px) {
  /* line 9, resources/assets/styles/layouts/_footer.scss */

  .footer .bg {
    flex-direction: column;
    height: auto;
  }
}

/* line 20, resources/assets/styles/layouts/_footer.scss */

.footer .bg .left {
  width: 62%;
  background: linear-gradient(180deg, #4348fe 0%, rgba(67, 72, 254, 0) 100%);
}

@media screen and (max-width: 991.98px) {
  /* line 20, resources/assets/styles/layouts/_footer.scss */

  .footer .bg .left {
    width: 100%;
    height: 590px;
  }
}

/* line 32, resources/assets/styles/layouts/_footer.scss */

.footer .bg .right {
  width: 38%;
  background: linear-gradient(180deg, #3200a3 0%, rgba(50, 0, 163, 0) 100%);
}

@media screen and (max-width: 991.98px) {
  /* line 32, resources/assets/styles/layouts/_footer.scss */

  .footer .bg .right {
    width: 100%;
    height: 340px;
  }
}

/* line 41, resources/assets/styles/layouts/_footer.scss */

.footer .flex {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 991.98px) {
  /* line 41, resources/assets/styles/layouts/_footer.scss */

  .footer .flex {
    flex-direction: column;
    align-items: center;
  }
}

/* line 51, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter {
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
  max-width: 60%;
}

@media screen and (max-width: 991.98px) {
  /* line 51, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter {
    max-width: 85%;
  }
}

/* line 59, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .img {
  width: 90px;
  margin-right: 20px;
}

@media screen and (max-width: 991.98px) {
  /* line 59, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter .img {
    display: none;
  }
}

/* line 66, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content {
  display: flex;
  flex-direction: column;
  font-size: 0.00625rem;
  line-height: 0.00625rem;
}

@media screen and (max-width: 991.98px) {
  /* line 66, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter .content {
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}

/* line 74, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content h3 {
  margin: 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.footer .flex .newsletter .content h3 {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .footer .flex .newsletter .content h3 {
    font-size: calc( 26px + strip-unit(10px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .footer .flex .newsletter .content h3 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 74, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter .content h3 {
    text-align: center;
    font-size: 1.625rem;
    line-height: 1.9375rem;
  }
}

/* line 84, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content p {
  margin: 10px 0 0 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.footer .flex .newsletter .content p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .footer .flex .newsletter .content p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .footer .flex .newsletter .content p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 84, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter .content p {
    font-size: 1rem;
    line-height: 1.75rem;
    text-align: center;
    margin: 20px 0 0 0;
  }
}

/* line 97, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside {
  margin-top: 20px;
}

/* line 99, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside h2,
.footer .flex .newsletter .content aside p {
  display: none;
}

/* line 103, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside form {
  display: flex;
  width: 91%;
  position: relative;
}

@media screen and (max-width: 991.98px) {
  /* line 103, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter .content aside form {
    flex-direction: column;
    width: 285px;
    left: 0;
  }
}

/* line 113, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside form p br {
  display: none;
}

/* line 116, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside form p:first-of-type,
.footer .flex .newsletter .content aside form p:nth-last-of-type(2) {
  display: block;
  margin: 0;
  width: 100%;
}

/* line 122, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside form p:first-of-type {
  margin-right: 20px;
}

@media screen and (max-width: 991.98px) {
  /* line 122, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter .content aside form p:first-of-type {
    margin: 10px 0 20px;
  }
}

/* line 128, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside form p label {
  display: none;
}

/* line 132, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside form input[type="submit"] {
  width: 70px;
  margin-left: 20px;
  font-size: 0;
  -webkit-appearance: none;
}

@media screen and (max-width: 991.98px) {
  /* line 132, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter .content aside form input[type="submit"] {
    margin: 20px 0 0 0;
    width: 100%;
  }
}

/* line 142, resources/assets/styles/layouts/_footer.scss */

.footer .flex .newsletter .content aside form:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 16px;
  right: 19px;
  width: 26px;
  height: 26px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyOCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2Ljk0OTIgMi4xMjg5MUwyMy42OTkyIDIzLjIwMzFDMjMuNjQ4NCAyMy43MTA5IDIzLjM0MzggMjQuMTY4IDIyLjg4NjcgMjQuNDIxOUMyMi42MzI4IDI0LjUyMzQgMjIuMzc4OSAyNC42MjUgMjIuMDc0MiAyNC42MjVDMjEuODcxMSAyNC42MjUgMjEuNjY4IDI0LjU3NDIgMjEuNDY0OCAyNC40NzI3TDE1LjI2OTUgMjEuODgyOEwxMi42Nzk3IDI1Ljc0MjJDMTIuNDc2NiAyNi4wOTc3IDEyLjEyMTEgMjYuMjUgMTEuNzY1NiAyNi4yNUMxMS4yMDcgMjYuMjUgMTAuNzUgMjUuNzkzIDEwLjc1IDI1LjIzNDRWMjAuMzU5NEMxMC43NSAxOS45NTMxIDEwLjg1MTYgMTkuNTk3NyAxMS4wNTQ3IDE5LjM0MzhMMjIuMTI1IDUuMTI1TDcuMTk1MzEgMTguNTgyTDEuOTY0ODQgMTYuMzk4NEMxLjQwNjI1IDE2LjE0NDUgMSAxNS42MzY3IDEgMTQuOTc2NkMwLjk0OTIxOSAxNC4yNjU2IDEuMjUzOTEgMTMuNzU3OCAxLjgxMjUgMTMuNDUzMUwyNC41NjI1IDAuNTAzOTA2QzI1LjA3MDMgMC4xOTkyMTkgMjUuNzgxMiAwLjE5OTIxOSAyNi4yODkxIDAuNTU0Njg4QzI2Ljc5NjkgMC45MTAxNTYgMjcuMDUwOCAxLjUxOTUzIDI2Ljk0OTIgMi4xMjg5MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 991.98px) {
  /* line 142, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .newsletter .content aside form:after {
    top: unset;
    bottom: 16px;
    right: calc(50% - 13px);
  }
}

@media screen and (max-width: 991.98px) {
  /* line 164, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .contact-us {
    margin: 110px 0 0 0;
    width: 90%;
  }

  /* line 168, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .contact-us .adress {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* line 174, resources/assets/styles/layouts/_footer.scss */

.footer .flex .contact-us h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin: 0 0 20px 0;
  padding: 0 80px 20px 0;
  border-bottom: solid 1px #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.footer .flex .contact-us h3 {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .footer .flex .contact-us h3 {
    font-size: calc( 26px + strip-unit(10px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .footer .flex .contact-us h3 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 174, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .contact-us h3 {
    text-align: center;
    padding: 0 0 20px 0;
  }

  /* line 183, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .contact-us h3 br {
    display: none;
  }
}

/* line 188, resources/assets/styles/layouts/_footer.scss */

.footer .flex .contact-us span,
.footer .flex .contact-us p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.footer .flex .contact-us span,
.footer .flex .contact-us p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .footer .flex .contact-us span,
  .footer .flex .contact-us p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .footer .flex .contact-us span,
  .footer .flex .contact-us p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 188, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .contact-us span,
  .footer .flex .contact-us p {
    line-height: 1.625rem;
  }
}

/* line 198, resources/assets/styles/layouts/_footer.scss */

.footer .flex .contact-us span {
  color: #3769ff;
  font-weight: 700;
}

/* line 202, resources/assets/styles/layouts/_footer.scss */

.footer .flex .contact-us .socials {
  display: flex;
  margin-top: 20px;
}

/* line 205, resources/assets/styles/layouts/_footer.scss */

.footer .flex .contact-us .socials a {
  margin-right: 20px;
}

@media screen and (max-width: 991.98px) {
  /* line 202, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .contact-us .socials {
    justify-content: center;
    margin-top: 25px;
  }

  /* line 212, resources/assets/styles/layouts/_footer.scss */

  .footer .flex .contact-us .socials a:last-of-type {
    margin-right: 5px;
  }
}

/* line 222, resources/assets/styles/layouts/_footer.scss */

#lightbox {
  z-index: 10;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

/* line 234, resources/assets/styles/layouts/_footer.scss */

#lightbox img {
  width: 100%;
}

/* line 240, resources/assets/styles/layouts/_footer.scss */

footer .content {
  height: 120px;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 991.98px) {
  /* line 240, resources/assets/styles/layouts/_footer.scss */

  footer .content {
    flex-direction: column !important;
    height: auto;
  }
}

/* line 250, resources/assets/styles/layouts/_footer.scss */

footer .content img {
  width: 80px;
  height: auto;
  filter: brightness(85%);
}

/* line 255, resources/assets/styles/layouts/_footer.scss */

footer .content .left {
  display: flex;
}

@media screen and (max-width: 991.98px) {
  /* line 255, resources/assets/styles/layouts/_footer.scss */

  footer .content .left {
    flex-direction: column;
    align-items: center;
  }
}

/* line 261, resources/assets/styles/layouts/_footer.scss */

footer .content .left a {
  margin-left: 53px;
}

@media screen and (max-width: 991.98px) {
  /* line 261, resources/assets/styles/layouts/_footer.scss */

  footer .content .left a {
    margin: 30px 0 0 0;
  }
}

/* line 268, resources/assets/styles/layouts/_footer.scss */

footer .content .menu {
  margin-top: 5px;
}

@media screen and (max-width: 991.98px) {
  /* line 268, resources/assets/styles/layouts/_footer.scss */

  footer .content .menu {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}

/* line 276, resources/assets/styles/layouts/_footer.scss */

footer .content a {
  font-family: "Poppins";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #464957;
  transition: 0.3s all ease-in-out;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

footer .content a {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  footer .content a {
    font-size: calc( 12px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  footer .content a {
    font-size: 0.75rem;
  }
}

/* line 280, resources/assets/styles/layouts/_footer.scss */

footer .content a:hover {
  color: #4348fe;
}

@media screen and (max-width: 991.98px) {
  /* line 284, resources/assets/styles/layouts/_footer.scss */

  footer .content .right {
    margin: 50px 0;
  }
}

/* line 288, resources/assets/styles/layouts/_footer.scss */

footer .content .right a {
  color: #7b808e;
}

/* line 298, resources/assets/styles/layouts/_footer.scss */

.home footer .content img {
  filter: none;
}

/* line 301, resources/assets/styles/layouts/_footer.scss */

.home footer .content a {
  color: #7b808e;
}

/* line 303, resources/assets/styles/layouts/_footer.scss */

.home footer .content a:hover {
  color: #4348fe;
}

/* line 308, resources/assets/styles/layouts/_footer.scss */

.home footer .content .right a {
  color: #464957;
}

/* line 319, resources/assets/styles/layouts/_footer.scss */

.template-dashboard #newsletter,
.template-dashboard footer,
.template-dashboard #lightbox-video,
.template-login #newsletter,
.template-login footer,
.template-login #lightbox-video,
.template-email-verif #newsletter,
.template-email-verif footer,
.template-email-verif #lightbox-video {
  background: #0e0b14;
}

/* line 2, resources/assets/styles/layouts/_pages.scss */

.template-ml #newsletter,
.template-ml #lightbox-video,
.template-ml .content-info {
  background-color: #0e0b14;
}

/* line 1, resources/assets/styles/layouts/_tinymce.scss */

body#tinymce {
  margin: 12px !important;
}

/* line 1, resources/assets/styles/layouts/_home.scss */

.home {
  background-color: #0e0b14;
}

/* line 4, resources/assets/styles/layouts/_home.scss */

.home .landing {
  position: relative;
}

/* line 6, resources/assets/styles/layouts/_home.scss */

.home .landing .parallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* line 13, resources/assets/styles/layouts/_home.scss */

.home .landing .parallax .left,
.home .landing .parallax .right {
  position: absolute;
  left: 60px;
  top: 80px;
  width: 100px;
  height: 100px;
}

/* line 20, resources/assets/styles/layouts/_home.scss */

.home .landing .parallax .right {
  left: unset;
  right: 50px;
  top: 55%;
}

@media screen and (max-width: 991.98px) {
  /* line 6, resources/assets/styles/layouts/_home.scss */

  .home .landing .parallax {
    display: none;
  }
}

/* line 29, resources/assets/styles/layouts/_home.scss */

.home .landing .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 34, resources/assets/styles/layouts/_home.scss */

.home .landing .title h1 {
  margin: 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 70px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #e4e4e4;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .landing .title h1 {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .landing .title h1 {
    font-size: calc( 40px + strip-unit(20px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .landing .title h1 {
    font-size: 3.75rem;
  }
}

/* line 39, resources/assets/styles/layouts/_home.scss */

.home .landing .title h1 strong {
  color: #3769ff;
}

@media screen and (max-width: 991.98px) {
  /* line 34, resources/assets/styles/layouts/_home.scss */

  .home .landing .title h1 {
    line-height: 2.9375rem;
  }
}

/* line 46, resources/assets/styles/layouts/_home.scss */

.home .landing .title h2 {
  max-width: 80%;
  margin: 15px 0 32px 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #e4e4e4;
  text-align: center;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .landing .title h2 {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .landing .title h2 {
    font-size: calc( 16px + strip-unit(2px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .landing .title h2 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 46, resources/assets/styles/layouts/_home.scss */

  .home .landing .title h2 {
    line-height: 1.625rem;
    margin: 20px 0 38px 0;
  }
}

/* line 58, resources/assets/styles/layouts/_home.scss */

.home .landing .slider {
  position: relative;
}

/* line 60, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .bg {
  position: absolute;
  top: -30%;
  left: 5%;
  width: 80%;
  height: 115%;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/jsinfo/dist/images/bg-landing2.svg);
  z-index: -1;
  opacity: 0.7;
  overflow: hidden;
}

@media screen and (max-width: 991.98px) {
  /* line 60, resources/assets/styles/layouts/_home.scss */

  .home .landing .slider .bg {
    background-position: bottom;
    top: -120%;
    width: 95vw;
    height: 260%;
    left: -20%;
  }
}

/* line 80, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .bg:after {
  content: '';
  position: absolute;
  overflow: hidden;
  top: 18%;
  left: -5%;
  z-index: -2;
  width: 120%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: radial-gradient(circle, #4348fe 0%, rgba(255, 255, 255, 0) 60%);
}

@media screen and (max-width: 991.98px) {
  /* line 80, resources/assets/styles/layouts/_home.scss */

  .home .landing .slider .bg:after {
    background-image: radial-gradient(circle, #4348fe 0%, rgba(67, 72, 254, 0.2) 40%, rgba(255, 255, 255, 0) 60%);
    top: 12%;
  }
}

/* line 99, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .visual {
  text-align: center;
}

/* line 101, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .visual img {
  max-width: 100%;
  height: auto;
}

/* line 106, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap {
  width: 95%;
  margin: 0 auto;
}

/* line 109, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap .laptop {
  width: 100%;
}

/* line 112, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison {
  position: absolute;
  top: 5%;
  left: 7.4%;
  width: 85%;
  height: 86%;
}

/* line 118, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison .toggler {
  position: absolute;
  z-index: 6;
  top: 50%;
  left: calc(40% - 20.5px);
  width: 40px;
  height: 50px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODYxMDIgMTAuNzIyMkwxLjk5OTkxIDUuODYxMTFMNi44NjEwMiAxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTE5LjEzODkgMUwyNCA1Ljg2MTExTDE5LjEzODkgMTAuNzIyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxjaXJjbGUgY3g9IjEzIiBjeT0iNiIgcj0iMiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

@media screen and (max-width: 991.98px) {
  /* line 118, resources/assets/styles/layouts/_home.scss */

  .home .landing .slider .laptop-wrap #comparison .toggler {
    width: 32px;
    height: 40px;
    transform: translateX(5px);
    top: 49%;
  }
}

/* line 136, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison figure {
  background-size: cover;
  position: relative;
  font-size: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

/* line 143, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison figure > img {
  position: relative;
  width: 100%;
}

/* line 147, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison figure div {
  background-size: cover;
  position: absolute;
  width: 40%;
  border-right: solid 3px #7b808e;
  overflow: hidden;
  bottom: 0;
  height: 100%;
}

/* line 157, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison input[type="range"] {
  -webkit-appearance: none;
  padding: 0;
  appearance: none;
  width: 104.5%;
  position: absolute;
  top: 47%;
  left: -2.5%;
  z-index: 5;
  background: transparent;
  border: none;
  outline: none;
  height: auto;
}

@media screen and (max-width: 991.98px) {
  /* line 157, resources/assets/styles/layouts/_home.scss */

  .home .landing .slider .laptop-wrap #comparison input[type="range"] {
    width: 114%;
    left: -7.5%;
    top: 41%;
  }
}

/* line 175, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #3769ff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 991.98px) {
  /* line 175, resources/assets/styles/layouts/_home.scss */

  .home .landing .slider .laptop-wrap #comparison input[type="range"]::-webkit-slider-thumb {
    width: 40px;
    height: 40px;
  }
}

/* line 188, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison input[type="range"]::-webkit-slider-thumb:hover {
  background: #4348fe;
}

/* line 192, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap #comparison input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  border: none;
  height: 0;
}

/* line 199, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap .mode-toggle {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  top: 47%;
  left: 10px;
  height: 40px;
  width: 120px;
  background: #ffffff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  font-family: "Poppins";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.02em;
  transition: 0.3s all ease-in-out;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .landing .slider .laptop-wrap .mode-toggle {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .landing .slider .laptop-wrap .mode-toggle {
    font-size: calc( 12px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .landing .slider .laptop-wrap .mode-toggle {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 199, resources/assets/styles/layouts/_home.scss */

  .home .landing .slider .laptop-wrap .mode-toggle {
    display: none;
  }
}

/* line 218, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap .mode-toggle:hover {
  transform: translateY(-4px);
}

/* line 222, resources/assets/styles/layouts/_home.scss */

.home .landing .slider .laptop-wrap .mode-toggle.dark {
  background: #21202c;
  color: #ffffff;
  left: unset;
  right: 10px;
}

/* line 233, resources/assets/styles/layouts/_home.scss */

.home .logo {
  margin: 150px 0;
  display: block;
  min-height: 62px;
  text-align: center;
}

@media screen and (max-width: 991.98px) {
  /* line 233, resources/assets/styles/layouts/_home.scss */

  .home .logo {
    margin: 100px 0;
  }
}

/* line 241, resources/assets/styles/layouts/_home.scss */

.home .logo svg {
  width: 50%;
}

@media screen and (max-width: 991.98px) {
  /* line 241, resources/assets/styles/layouts/_home.scss */

  .home .logo svg {
    width: 90%;
  }
}

/* line 247, resources/assets/styles/layouts/_home.scss */

.home .logo img {
  width: 100%;
  max-width: 635px;
}

/* line 253, resources/assets/styles/layouts/_home.scss */

.home ul {
  margin: 0;
  list-style: none;
  padding-left: 22px;
}

/* line 257, resources/assets/styles/layouts/_home.scss */

.home ul li {
  margin: 10px 0 0 0;
  position: relative;
}

/* line 260, resources/assets/styles/layouts/_home.scss */

.home ul li:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDRMNSA4TDEyIDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
  left: -22px;
  top: 7px;
}

/* line 275, resources/assets/styles/layouts/_home.scss */

.home .cols h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 47px;
  letter-spacing: 0.01em;
  color: #3769ff;
  margin: 0 0 20px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .cols h3 {
  font-size: 1.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .cols h3 {
    font-size: calc( 30px + strip-unit(10px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .cols h3 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 275, resources/assets/styles/layouts/_home.scss */

  .home .cols h3 {
    max-width: 80%;
    padding: 0 15px;
    line-height: 2.1875rem;
  }
}

/* line 286, resources/assets/styles/layouts/_home.scss */

.home .cols .desc p {
  margin: 0 0 15px 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #e4e4e4;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .cols .desc p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .cols .desc p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .cols .desc p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 286, resources/assets/styles/layouts/_home.scss */

  .home .cols .desc p {
    line-height: 1.75rem;
    padding: 0 15px;
  }
}

/* line 294, resources/assets/styles/layouts/_home.scss */

.home .cols .desc p strong {
  font-weight: 700;
}

/* line 297, resources/assets/styles/layouts/_home.scss */

.home .cols .desc p a {
  color: #3769ff;
  text-decoration: none;
}

/* line 300, resources/assets/styles/layouts/_home.scss */

.home .cols .desc p a:hover {
  text-decoration: underline;
}

/* line 306, resources/assets/styles/layouts/_home.scss */

.home .cols .preview {
  position: absolute;
  pointer-events: none;
  bottom: 15px;
  right: 10px;
  background: #4348fe;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 322, resources/assets/styles/layouts/_home.scss */

.home .about .content {
  display: flex;
  flex-direction: column;
}

/* line 325, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols {
  display: flex;
  margin-bottom: 100px;
}

@media screen and (max-width: 991.98px) {
  /* line 325, resources/assets/styles/layouts/_home.scss */

  .home .about .content .cols {
    flex-direction: column;
    margin-bottom: 50px;
  }
}

/* line 332, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols li {
  color: #ffffff;
}

/* line 334, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols li:before {
  filter: invert(36%) sepia(35%) saturate(5397%) hue-rotate(200deg) brightness(99%) contrast(105%);
}

/* line 338, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols .left,
.home .about .content .cols .right {
  width: 45%;
}

@media screen and (max-width: 991.98px) {
  /* line 338, resources/assets/styles/layouts/_home.scss */

  .home .about .content .cols .left,
  .home .about .content .cols .right {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}

/* line 346, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols .right {
  margin-left: 10%;
}

@media screen and (max-width: 991.98px) {
  /* line 346, resources/assets/styles/layouts/_home.scss */

  .home .about .content .cols .right {
    margin: 50px 0 0 0;
  }
}

/* line 352, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols .small-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 5px;
  cursor: pointer;
}

/* line 359, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols iframe {
  width: 100%;
  height: 20vw;
}

@media screen and (max-width: 991.98px) {
  /* line 359, resources/assets/styles/layouts/_home.scss */

  .home .about .content .cols iframe {
    height: 60vw;
  }
}

/* line 366, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols .img {
  position: relative;
  align-self: flex-start;
  width: 45%;
}

@media screen and (max-width: 991.98px) {
  /* line 366, resources/assets/styles/layouts/_home.scss */

  .home .about .content .cols .img {
    width: 100%;
  }
}

/* line 373, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols .img:before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 15px;
  left: -15px;
  width: 100%;
  height: 100%;
  background-color: #464957;
  opacity: 0.25;
  border-radius: 5px;
}

@media screen and (max-width: 991.98px) {
  /* line 373, resources/assets/styles/layouts/_home.scss */

  .home .about .content .cols .img:before {
    width: calc(100% - 20px);
    left: 10px;
    top: 10px;
  }
}

/* line 390, resources/assets/styles/layouts/_home.scss */

.home .about .content .cols .img:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 30px;
  left: -30px;
  width: 100%;
  height: 100%;
  background-color: #464957;
  opacity: 0.25;
  border-radius: 5px;
}

@media screen and (max-width: 991.98px) {
  /* line 390, resources/assets/styles/layouts/_home.scss */

  .home .about .content .cols .img:after {
    width: calc(100% - 40px);
    left: 20px;
    top: 20px;
  }
}

/* line 409, resources/assets/styles/layouts/_home.scss */

.home .about .content .link {
  margin-top: 35px;
}

@media screen and (max-width: 991.98px) {
  /* line 409, resources/assets/styles/layouts/_home.scss */

  .home .about .content .link {
    align-self: center;
  }
}

/* line 415, resources/assets/styles/layouts/_home.scss */

.home .about .content .cta {
  display: flex;
  justify-content: center;
}

/* line 418, resources/assets/styles/layouts/_home.scss */

.home .about .content .cta button {
  width: 50%;
}

@media screen and (max-width: 991.98px) {
  /* line 418, resources/assets/styles/layouts/_home.scss */

  .home .about .content .cta button {
    width: 100%;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 15px;
    letter-spacing: 0.02em;
    padding: 15px 15px;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .about .content .cta button {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 991.98px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .about .content .cta button {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 991.98px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .about .content .cta button {
    font-size: 0.875rem;
  }
}

/* line 430, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .logo {
  margin-bottom: 100px;
}

@media screen and (max-width: 991.98px) {
  /* line 430, resources/assets/styles/layouts/_home.scss */

  .home .about.bis .content .logo {
    margin-bottom: 0px;
    min-height: unset;
  }

  /* line 435, resources/assets/styles/layouts/_home.scss */

  .home .about.bis .content .logo img {
    width: 85%;
  }
}

/* line 440, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols {
  margin-bottom: 175px;
}

@media screen and (max-width: 991.98px) {
  /* line 440, resources/assets/styles/layouts/_home.scss */

  .home .about.bis .content .cols {
    flex-direction: column-reverse;
    margin-bottom: 100px;
  }
}

/* line 447, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .img:before {
  left: 15px;
}

/* line 450, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .img:after {
  left: 30px;
}

@media screen and (max-width: 991.98px) {
  /* line 454, resources/assets/styles/layouts/_home.scss */

  .home .about.bis .content .cols .left {
    margin-top: 50px;
  }

  /* line 457, resources/assets/styles/layouts/_home.scss */

  .home .about.bis .content .cols .left h3 {
    max-width: 100%;
    line-height: 2.1875rem;
  }
}

/* line 464, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .desc strong {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0.01em;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .about.bis .content .cols .desc strong {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .about.bis .content .cols .desc strong {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .about.bis .content .cols .desc strong {
    font-size: 1.125rem;
  }
}

/* line 468, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .desc ul li {
  color: #ffffff;
}

/* line 470, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .desc ul li a {
  color: #3769ff;
}

@media screen and (max-width: 991.98px) {
  /* line 468, resources/assets/styles/layouts/_home.scss */

  .home .about.bis .content .cols .desc ul li {
    line-height: 1.5rem;
  }
}

/* line 476, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .desc ul li:before {
  filter: invert(36%) sepia(35%) saturate(5397%) hue-rotate(200deg) brightness(99%) contrast(105%);
}

/* line 482, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .buttons {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

@media screen and (max-width: 991.98px) {
  /* line 482, resources/assets/styles/layouts/_home.scss */

  .home .about.bis .content .cols .buttons {
    flex-direction: column;
  }
}

/* line 489, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .buttons .button {
  width: auto;
}

/* line 492, resources/assets/styles/layouts/_home.scss */

.home .about.bis .content .cols .buttons .link {
  margin: 0 0 0 50px;
}

@media screen and (max-width: 991.98px) {
  /* line 492, resources/assets/styles/layouts/_home.scss */

  .home .about.bis .content .cols .buttons .link {
    margin: 40px 0 0 0;
  }
}

/* line 505, resources/assets/styles/layouts/_home.scss */

.home .facts .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin-top: 150px;
}

@media screen and (max-width: 991.98px) {
  /* line 505, resources/assets/styles/layouts/_home.scss */

  .home .facts .cards {
    margin-top: 100px;
    grid-template-columns: repeat(1, 1fr);
  }
}

/* line 514, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card {
  background-color: #3200A3;
  border-radius: 5px;
  padding: 40px 45px 50px 60px;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 991.98px) {
  /* line 514, resources/assets/styles/layouts/_home.scss */

  .home .facts .cards .card {
    padding: 30px 30px 30px 40px;
  }
}

/* line 523, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card:first-of-type {
  background-color: #4348fe;
}

/* line 526, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card:last-of-type {
  background-color: #b944f7;
}

/* line 529, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card img {
  height: 50px;
}

/* line 532, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card .text {
  margin-top: 15px;
}

/* line 534, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card .text h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .facts .cards .card .text h3 {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .facts .cards .card .text h3 {
    font-size: calc( 26px + strip-unit(4px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .facts .cards .card .text h3 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 534, resources/assets/styles/layouts/_home.scss */

  .home .facts .cards .card .text h3 {
    line-height: 1.9375rem;
  }
}

/* line 542, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card .text .desc {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .facts .cards .card .text .desc {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .facts .cards .card .text .desc {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .facts .cards .card .text .desc {
    font-size: 1rem;
  }
}

/* line 546, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card .text .desc p {
  margin: 20px 0 0 0;
}

/* line 549, resources/assets/styles/layouts/_home.scss */

.home .facts .cards .card .text .desc ul {
  margin: 20px 0 0 0;
}

/* line 558, resources/assets/styles/layouts/_home.scss */

.home .webinars {
  margin-bottom: 110px;
}

/* line 560, resources/assets/styles/layouts/_home.scss */

.home .webinars h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 47px;
  letter-spacing: 0.01em;
  color: #3769ff;
  margin: 0 0 20px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .webinars h3 {
  font-size: 1.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .webinars h3 {
    font-size: calc( 30px + strip-unit(10px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .webinars h3 {
    font-size: 2.5rem;
  }
}

/* line 565, resources/assets/styles/layouts/_home.scss */

.home .webinars .description {
  max-width: 860px;
  margin: 20px auto 40px;
  text-align: center;
}

/* line 569, resources/assets/styles/layouts/_home.scss */

.home .webinars .description p {
  font-size: 1rem;
  line-height: 1.75rem;
  color: #ffffff;
}

/* line 575, resources/assets/styles/layouts/_home.scss */

.home .webinars .webinar {
  border-radius: 10px;
  border: 1px solid #4348fe;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  margin-bottom: 50px;
}

@media screen and (max-width: 991.98px) {
  /* line 575, resources/assets/styles/layouts/_home.scss */

  .home .webinars .webinar {
    display: block;
  }
}

/* line 587, resources/assets/styles/layouts/_home.scss */

.home .webinars .webinar .img {
  width: 120px;
}

/* line 589, resources/assets/styles/layouts/_home.scss */

.home .webinars .webinar .img img {
  border-radius: 5px;
}

/* line 594, resources/assets/styles/layouts/_home.scss */

.home .webinars .webinar .text .date {
  font-size: 0.8125rem;
  line-height: normal;
  letter-spacing: 0.13px;
  color: #ffffff;
  display: inline-block;
  background-color: #4348fe;
  border-radius: 20px;
  padding: 4px 10px;
}

/* line 604, resources/assets/styles/layouts/_home.scss */

.home .webinars .webinar .text .title {
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3em;
  letter-spacing: 0.18px;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 10px;
}

/* line 614, resources/assets/styles/layouts/_home.scss */

.home .webinars .webinar .text .desc {
  font-size: 0.875rem;
  line-height: 1.5em;
  letter-spacing: 0.14px;
  color: #ffffff;
  opacity: 0.8;
}

/* line 622, resources/assets/styles/layouts/_home.scss */

.home .webinars .webinar .button {
  flex: 0 0 220px;
}

/* line 628, resources/assets/styles/layouts/_home.scss */

.home .prefooter {
  position: relative;
  z-index: 1;
  margin-bottom: -50px;
}

/* line 632, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card {
  display: flex;
  background-color: #ffffff;
  padding: 30px 110px 30px 75px;
  border-radius: 10px;
}

@media screen and (max-width: 991.98px) {
  /* line 632, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card {
    padding: 30px;
    flex-direction: column;
  }

  /* line 640, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .img {
    display: flex;
    justify-content: center;
  }
}

/* line 645, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card img {
  width: 185px;
  margin-right: 70px;
}

@media screen and (max-width: 991.98px) {
  /* line 645, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card img {
    margin: 0;
  }
}

/* line 652, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 991.98px) {
  /* line 652, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content {
    margin-top: 30px;
  }
}

/* line 658, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #21202c;
  margin: 0 0 10px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .prefooter .card .content h3 {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .prefooter .card .content h3 {
    font-size: calc( 26px + strip-unit(10px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .prefooter .card .content h3 {
    font-size: 2.25rem;
  }
}

/* line 662, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content h3 strong {
  color: #3769ff;
}

@media screen and (max-width: 991.98px) {
  /* line 658, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content h3 {
    line-height: 1.9375rem;
  }

  /* line 667, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content h3 br {
    display: none;
  }
}

/* line 672, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .cols {
  display: grid;
  grid-gap: 60px;
}

@media screen and (max-width: 991.98px) {
  /* line 672, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content .cols {
    grid-gap: 20px;
  }
}

/* line 678, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .cols.one {
  grid-template-columns: repeat(1, 1fr);
}

/* line 681, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .cols.two {
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 991.98px) {
  /* line 681, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content .cols.two {
    grid-template-columns: 1fr;
  }
}

/* line 688, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .col {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #21202c;
  margin: 0;
  padding: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .prefooter .card .content .col {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .prefooter .card .content .col {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .prefooter .card .content .col {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 688, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content .col {
    line-height: 24px;
  }
}

/* line 696, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .col p {
  margin: 10px 0 0 0;
}

/* line 700, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .col ul li {
  color: #21202c;
}

/* line 702, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .col ul li:before {
  filter: invert(29%) sepia(72%) saturate(3097%) hue-rotate(262deg) brightness(106%) contrast(94%);
}

/* line 708, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .buttons {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

@media screen and (max-width: 991.98px) {
  /* line 708, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content .buttons {
    flex-direction: column;
  }
}

/* line 715, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .buttons .button {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

@media screen and (max-width: 991.98px) {
  /* line 715, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content .buttons .button {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 15px;
    letter-spacing: 0.02em;
    padding: 15px 18px;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .prefooter .card .content .buttons .button {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 991.98px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .prefooter .card .content .buttons .button {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 991.98px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .prefooter .card .content .buttons .button {
    font-size: 0.875rem;
  }
}

/* line 723, resources/assets/styles/layouts/_home.scss */

.home .prefooter .card .content .buttons button {
  border: none;
  background: none;
  color: #21202c;
  margin-left: 50px;
}

@media screen and (max-width: 991.98px) {
  /* line 723, resources/assets/styles/layouts/_home.scss */

  .home .prefooter .card .content .buttons button {
    margin: 40px 0 20px 0;
  }
}

/* line 737, resources/assets/styles/layouts/_home.scss */

.home .footer {
  position: relative;
  display: flex;
  padding-top: 125px;
  padding-bottom: 45px;
}

@media screen and (max-width: 991.98px) {
  /* line 737, resources/assets/styles/layouts/_home.scss */

  .home .footer {
    padding-top: 100px;
  }
}

/* line 745, resources/assets/styles/layouts/_home.scss */

.home .footer .bg {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991.98px) {
  /* line 745, resources/assets/styles/layouts/_home.scss */

  .home .footer .bg {
    flex-direction: column;
    height: auto;
  }
}

/* line 756, resources/assets/styles/layouts/_home.scss */

.home .footer .bg .left {
  width: 62%;
  background: linear-gradient(180deg, #4348FE 0%, rgba(67, 72, 254, 0) 100%);
}

@media screen and (max-width: 991.98px) {
  /* line 756, resources/assets/styles/layouts/_home.scss */

  .home .footer .bg .left {
    width: 100%;
    height: 590px;
  }
}

/* line 764, resources/assets/styles/layouts/_home.scss */

.home .footer .bg .right {
  width: 38%;
  background: linear-gradient(180deg, #3200A3 0%, rgba(50, 0, 163, 0) 100%);
}

@media screen and (max-width: 991.98px) {
  /* line 764, resources/assets/styles/layouts/_home.scss */

  .home .footer .bg .right {
    width: 100%;
    height: 340px;
  }
}

/* line 773, resources/assets/styles/layouts/_home.scss */

.home .footer .flex {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 991.98px) {
  /* line 773, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex {
    flex-direction: column;
    align-items: center;
  }
}

/* line 783, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter {
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
  max-width: 60%;
}

@media screen and (max-width: 991.98px) {
  /* line 783, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter {
    max-width: 85%;
  }
}

/* line 791, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .img {
  width: 90px;
  margin-right: 20px;
}

@media screen and (max-width: 991.98px) {
  /* line 791, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter .img {
    display: none;
  }
}

/* line 798, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content {
  display: flex;
  flex-direction: column;
  font-size: 0.00625rem;
  line-height: 0.00625rem;
}

@media screen and (max-width: 991.98px) {
  /* line 798, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter .content {
    justify-content: center;
    align-items: center;
  }
}

/* line 805, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content h3 {
  margin: 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .footer .flex .newsletter .content h3 {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .footer .flex .newsletter .content h3 {
    font-size: calc( 26px + strip-unit(10px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .footer .flex .newsletter .content h3 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 805, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter .content h3 {
    text-align: center;
    font-size: 1.625rem;
    line-height: 1.9375rem;
  }
}

/* line 815, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content p {
  margin: 10px 0 0 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .footer .flex .newsletter .content p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .footer .flex .newsletter .content p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .footer .flex .newsletter .content p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 815, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter .content p {
    font-size: 1rem;
    line-height: 1.75rem;
    text-align: center;
    margin: 20px 0 0 0;
  }
}

/* line 828, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside {
  margin-top: 20px;
}

/* line 830, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside h2,
.home .footer .flex .newsletter .content aside p {
  display: none;
}

/* line 833, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside form {
  display: flex;
  width: 91%;
  position: relative;
}

@media screen and (max-width: 991.98px) {
  /* line 833, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter .content aside form {
    flex-direction: column;
    width: 130%;
    left: -15%;
  }
}

/* line 843, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside form p br {
  display: none;
}

/* line 846, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside form p:first-of-type,
.home .footer .flex .newsletter .content aside form p:nth-last-of-type(2) {
  display: block;
  margin: 0;
  width: 100%;
}

/* line 851, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside form p:first-of-type {
  margin-right: 20px;
}

@media screen and (max-width: 991.98px) {
  /* line 851, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter .content aside form p:first-of-type {
    margin: 10px 0 20px;
  }
}

/* line 857, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside form p label {
  display: none;
}

/* line 861, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside form input[type="submit"] {
  width: 70px;
  margin-left: 20px;
  font-size: 0;
  -webkit-appearance: none;
}

@media screen and (max-width: 991.98px) {
  /* line 861, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter .content aside form input[type="submit"] {
    margin: 20px 0 0 0;
    width: 100%;
  }
}

/* line 871, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .newsletter .content aside form:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 16px;
  right: 19px;
  width: 26px;
  height: 26px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyOCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2Ljk0OTIgMi4xMjg5MUwyMy42OTkyIDIzLjIwMzFDMjMuNjQ4NCAyMy43MTA5IDIzLjM0MzggMjQuMTY4IDIyLjg4NjcgMjQuNDIxOUMyMi42MzI4IDI0LjUyMzQgMjIuMzc4OSAyNC42MjUgMjIuMDc0MiAyNC42MjVDMjEuODcxMSAyNC42MjUgMjEuNjY4IDI0LjU3NDIgMjEuNDY0OCAyNC40NzI3TDE1LjI2OTUgMjEuODgyOEwxMi42Nzk3IDI1Ljc0MjJDMTIuNDc2NiAyNi4wOTc3IDEyLjEyMTEgMjYuMjUgMTEuNzY1NiAyNi4yNUMxMS4yMDcgMjYuMjUgMTAuNzUgMjUuNzkzIDEwLjc1IDI1LjIzNDRWMjAuMzU5NEMxMC43NSAxOS45NTMxIDEwLjg1MTYgMTkuNTk3NyAxMS4wNTQ3IDE5LjM0MzhMMjIuMTI1IDUuMTI1TDcuMTk1MzEgMTguNTgyTDEuOTY0ODQgMTYuMzk4NEMxLjQwNjI1IDE2LjE0NDUgMSAxNS42MzY3IDEgMTQuOTc2NkMwLjk0OTIxOSAxNC4yNjU2IDEuMjUzOTEgMTMuNzU3OCAxLjgxMjUgMTMuNDUzMUwyNC41NjI1IDAuNTAzOTA2QzI1LjA3MDMgMC4xOTkyMTkgMjUuNzgxMiAwLjE5OTIxOSAyNi4yODkxIDAuNTU0Njg4QzI2Ljc5NjkgMC45MTAxNTYgMjcuMDUwOCAxLjUxOTUzIDI2Ljk0OTIgMi4xMjg5MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 991.98px) {
  /* line 871, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .newsletter .content aside form:after {
    top: unset;
    bottom: 16px;
    right: calc(50% - 13px);
  }
}

@media screen and (max-width: 991.98px) {
  /* line 893, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .contact-us {
    margin: 110px 0 0 0;
    width: 90%;
  }

  /* line 897, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .contact-us .adress {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* line 903, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .contact-us h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin: 0 0 20px 0;
  padding: 0 80px 20px 0;
  border-bottom: solid 1px #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .footer .flex .contact-us h3 {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .footer .flex .contact-us h3 {
    font-size: calc( 26px + strip-unit(10px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .footer .flex .contact-us h3 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 903, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .contact-us h3 {
    text-align: center;
    padding: 0 0 20px 0;
  }

  /* line 912, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .contact-us h3 br {
    display: none;
  }
}

/* line 917, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .contact-us span,
.home .footer .flex .contact-us p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.home .footer .flex .contact-us span,
.home .footer .flex .contact-us p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .footer .flex .contact-us span,
  .home .footer .flex .contact-us p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .home .footer .flex .contact-us span,
  .home .footer .flex .contact-us p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 917, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .contact-us span,
  .home .footer .flex .contact-us p {
    line-height: 1.625rem;
  }
}

/* line 926, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .contact-us span {
  color: #3769ff;
  font-weight: 700;
}

/* line 930, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .contact-us .socials {
  display: flex;
  margin-top: 20px;
}

/* line 933, resources/assets/styles/layouts/_home.scss */

.home .footer .flex .contact-us .socials a {
  margin-right: 20px;
}

@media screen and (max-width: 991.98px) {
  /* line 930, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .contact-us .socials {
    justify-content: center;
    margin-top: 25px;
  }

  /* line 941, resources/assets/styles/layouts/_home.scss */

  .home .footer .flex .contact-us .socials a:last-of-type {
    margin-right: 5px;
  }
}

/* line 952, resources/assets/styles/layouts/_home.scss */

.home #lightbox {
  z-index: 10;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

/* line 964, resources/assets/styles/layouts/_home.scss */

.home #lightbox img {
  width: 100%;
}

/* line 2, resources/assets/styles/layouts/_login.scss */

.template-login .content {
  display: flex;
  flex-direction: column;
}

/* line 5, resources/assets/styles/layouts/_login.scss */

.template-login .content .top {
  display: flex;
}

/* line 7, resources/assets/styles/layouts/_login.scss */

.template-login .content .top .title {
  display: flex;
  flex-direction: column;
  margin-right: 75px;
}

@media screen and (max-width: 991.98px) {
  /* line 7, resources/assets/styles/layouts/_login.scss */

  .template-login .content .top .title {
    margin: 0 30px 0 30px;
  }
}

/* line 14, resources/assets/styles/layouts/_login.scss */

.template-login .content .top .title h1 {
  margin: 0 0 15px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .top .title h1 {
  font-size: 1.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .title h1 {
    font-size: calc( 30px + strip-unit(6px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .title h1 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 14, resources/assets/styles/layouts/_login.scss */

  .template-login .content .top .title h1 {
    line-height: 2.1875rem;
  }
}

/* line 22, resources/assets/styles/layouts/_login.scss */

.template-login .content .top .title p {
  margin: 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #2f323c;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .top .title p {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .title p {
    font-size: calc( 14px + strip-unit(2px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .title p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 22, resources/assets/styles/layouts/_login.scss */

  .template-login .content .top .title p {
    line-height: 1.5rem;
  }
}

/* line 31, resources/assets/styles/layouts/_login.scss */

.template-login .content .top .support {
  padding: 25px 75px 25px 40px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

@media screen and (max-width: 991.98px) {
  /* line 31, resources/assets/styles/layouts/_login.scss */

  .template-login .content .top .support {
    display: none;
  }
}

/* line 41, resources/assets/styles/layouts/_login.scss */

.template-login .content .top .support h4 {
  margin: 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .top .support h4 {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .support h4 {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .support h4 {
    font-size: 1rem;
  }
}

/* line 46, resources/assets/styles/layouts/_login.scss */

.template-login .content .top .support span {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #464957;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .top .support span {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .support span {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .support span {
    font-size: 0.875rem;
  }
}

/* line 50, resources/assets/styles/layouts/_login.scss */

.template-login .content .top .support p {
  margin: 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .top .support p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .support p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .top .support p {
    font-size: 1rem;
  }
}

/* line 57, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 65px;
  margin-bottom: 80px;
}

@media screen and (max-width: 991.98px) {
  /* line 57, resources/assets/styles/layouts/_login.scss */

  .template-login .content .bottom {
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 50px;
  }
}

/* line 67, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form {
  width: 40%;
  border-radius: 5px;
  padding: 40px 50px;
  box-shadow: 0px 15px 30px 10px rgba(33, 32, 44, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 991.98px) {
  /* line 67, resources/assets/styles/layouts/_login.scss */

  .template-login .content .bottom .form {
    width: 100%;
    margin-bottom: 75px;
    padding: 30px 30px 20px 30px;
  }
}

/* line 80, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form h2 {
  margin: 0;
  text-align: center;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .bottom .form h2 {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .form h2 {
    font-size: calc( 18px + strip-unit(6px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .form h2 {
    font-size: 1.5rem;
  }
}

/* line 85, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form h2 strong {
  color: #3769ff;
}

@media screen and (max-width: 991.98px) {
  /* line 80, resources/assets/styles/layouts/_login.scss */

  .template-login .content .bottom .form h2 {
    line-height: 1.3125rem;
  }
}

/* line 92, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form form {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

/* line 97, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form form p {
  margin: 0 0 15px 0;
}

/* line 100, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form form .login-remember {
  display: none;
}

/* line 103, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form form .login-submit {
  margin-top: 18px;
}

/* line 105, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form form .login-submit .button {
  font-weight: 500;
}

/* line 110, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form .links {
  display: flex;
  margin-top: 15px;
  flex-direction: column;
  align-items: center;
  position: relative;
}

/* line 116, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form .links .forgot {
  position: absolute;
  bottom: 132px;
}

/* line 119, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form .links .forgot a {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  letter-spacing: 0.01em;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .bottom .form .links .forgot a {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .form .links .forgot a {
    font-size: calc( 12px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .form .links .forgot a {
    font-size: 0.75rem;
  }
}

/* line 122, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form .links .forgot a:hover {
  text-decoration: underline;
}

/* line 127, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form .links span {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .bottom .form .links span {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .form .links span {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .form .links span {
    font-size: 0.875rem;
  }
}

/* line 131, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .form .links button {
  font-family: "Roboto";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #3769ff;
  border: none;
  background: none;
  cursor: pointer;
  text-decoration: underline;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .bottom .form .links button {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .form .links button {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .form .links button {
    font-size: 0.875rem;
  }
}

/* line 141, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .cards {
  width: 50%;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 991.98px) {
  /* line 141, resources/assets/styles/layouts/_login.scss */

  .template-login .content .bottom .cards {
    width: 100%;
    flex-direction: column;
    padding: 0 30px;
  }
}

/* line 150, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .cards .card {
  width: 48%;
  padding: 40px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

@media screen and (max-width: 991.98px) {
  /* line 150, resources/assets/styles/layouts/_login.scss */

  .template-login .content .bottom .cards .card {
    width: 100%;
    margin-bottom: 50px;
    padding: 40px 30px 40px 40px;
  }
}

/* line 160, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .cards .card h3 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .bottom .cards .card h3 {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .cards .card h3 {
    font-size: calc( 18px + strip-unit(6px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .cards .card h3 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 160, resources/assets/styles/layouts/_login.scss */

  .template-login .content .bottom .cards .card h3 {
    line-height: 21px;
  }
}

/* line 166, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .cards .card h3,
.template-login .content .bottom .cards .card a,
.template-login .content .bottom .cards .card button {
  color: #0e0b14;
  margin: 0;
  background: none;
  border: none;
}

/* line 172, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .cards .card p {
  margin: 15px 0 40px 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #2f323c;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .content .bottom .cards .card p {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .cards .card p {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .content .bottom .cards .card p {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 172, resources/assets/styles/layouts/_login.scss */

  .template-login .content .bottom .cards .card p {
    margin: 20px 0 30px 0;
  }
}

/* line 180, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .cards .card:last-of-type {
  border-color: #F5F5F5;
  background-color: #F5F5F5;
}

/* line 183, resources/assets/styles/layouts/_login.scss */

.template-login .content .bottom .cards .card:last-of-type h3 {
  color: #464957;
}

/* line 192, resources/assets/styles/layouts/_login.scss */

.template-login .support-modal {
  z-index: 60;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
}

/* line 202, resources/assets/styles/layouts/_login.scss */

.template-login .support-modal.open {
  display: flex;
}

/* line 205, resources/assets/styles/layouts/_login.scss */

.template-login .support-modal .bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0e0b14;
  opacity: 0.3;
}

/* line 215, resources/assets/styles/layouts/_login.scss */

.template-login .support-modal .content {
  background: #ffffff;
  border-radius: 5px;
  padding: 40px 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 222, resources/assets/styles/layouts/_login.scss */

.template-login .support-modal .content h4 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #3769ff;
  margin: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .support-modal .content h4 {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .support-modal .content h4 {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .support-modal .content h4 {
    font-size: 1rem;
  }
}

/* line 227, resources/assets/styles/layouts/_login.scss */

.template-login .support-modal .content p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #0e0b14;
  margin: 10px 0 0 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .support-modal .content p {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .support-modal .content p {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .support-modal .content p {
    font-size: 1.125rem;
  }
}

/* line 232, resources/assets/styles/layouts/_login.scss */

.template-login .support-modal .content span {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #464957;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.template-login .support-modal .content span {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .support-modal .content span {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .template-login .support-modal .content span {
    font-size: 0.875rem;
  }
}

/* line 1, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap {
  margin-bottom: 110px;
}

/* line 3, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: -50px;
}

@media screen and (max-width: 991.98px) {
  /* line 3, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap {
    flex-direction: column;
    margin: 0;
    position: relative;
  }
}

/* line 13, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .sidebar {
  width: 220px;
  padding: 50px 110px 55px 0;
  position: sticky;
  top: 0;
  left: 0;
}

@media screen and (max-width: 991.98px) {
  /* line 13, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .sidebar {
    position: absolute;
    top: -20px;
    width: 100vw;
    left: -15px;
    padding: 0;
    overflow-x: scroll;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
  }
}

/* line 29, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .sidebar nav {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 991.98px) {
  /* line 29, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .sidebar nav {
    flex-direction: row;
    align-items: center;
    padding: 25px 37px;
  }
}

/* line 37, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .sidebar nav a {
  font-family: "Poppins";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #0e0b14;
  margin-bottom: 50px;
  transition: 0.3s all ease-in-out;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap .sidebar nav a {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .sidebar nav a {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .sidebar nav a {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 37, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .sidebar nav a {
    max-width: 110px;
    margin-bottom: 0;
    flex-shrink: 0;
    margin-right: 35px;
  }
}

/* line 48, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .sidebar nav a:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 991.98px) {
  /* line 48, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .sidebar nav a:last-of-type {
    padding-right: 40px;
    max-width: 160px;
  }
}

/* line 55, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .sidebar nav a:hover {
  color: #3769ff;
}

/* line 61, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 220px);
  margin-top: 50px;
}

@media screen and (max-width: 991.98px) {
  /* line 61, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .content {
    margin-top: 100px;
    width: 100%;
  }
}

/* line 70, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .top {
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 991.98px) {
  /* line 70, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .content .top {
    flex-direction: column-reverse;
    padding: 0 25px;
  }
}

/* line 79, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .top .title {
  display: flex;
  flex-direction: column;
  margin-right: 80px;
}

@media screen and (max-width: 991.98px) {
  /* line 79, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .content .top .title {
    margin: 0;
  }
}

/* line 86, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .top .title h1 {
  margin: 0 0 15px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap .content .top .title h1 {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .top .title h1 {
    font-size: calc( 24px + strip-unit(12px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .top .title h1 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 86, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .content .top .title h1 {
    line-height: 1.75rem;
  }
}

/* line 93, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .top .title h1 span {
  color: #3769ff;
}

/* line 98, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .top .title p {
  margin: 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #2f323c;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap .content .top .title p {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .top .title p {
    font-size: calc( 14px + strip-unit(2px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .top .title p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 98, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .content .top .title p {
    line-height: 1.5rem;
  }
}

/* line 108, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .support {
  padding: 25px 75px 25px 40px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

@media screen and (max-width: 991.98px) {
  /* line 108, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .content .support {
    padding: 0;
    border: none;
    margin-bottom: 30px;
  }
}

/* line 120, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .support h4 {
  margin: 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap .content .support h4 {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .support h4 {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .support h4 {
    font-size: 1rem;
  }
}

/* line 125, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .support span {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #464957;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap .content .support span {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .support span {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .support span {
    font-size: 0.875rem;
  }
}

/* line 129, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .content .support p {
  margin: 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap .content .support p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .support p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap .content .support p {
    font-size: 1rem;
  }
}

/* line 137, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj {
  margin: 50px 0;
}

/* line 139, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj .card {
  border-radius: 5px;
  background: #3200a3;
  padding: 50px 110px 40px 60px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 991.98px) {
  /* line 139, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card {
    flex-direction: column;
    padding: 40px 30px;
  }
}

/* line 149, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj .card .left,
.dashboard-wrap .content-wrap #nav-maj .card .right {
  width: 45%;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 991.98px) {
  /* line 149, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card .left,
  .dashboard-wrap .content-wrap #nav-maj .card .right {
    width: 100%;
  }
}

/* line 158, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj .card h3 {
  margin: 0 0 10px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-maj .card h3 {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-maj .card h3 {
    font-size: calc( 24px + strip-unit(12px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-maj .card h3 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 158, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card h3 {
    line-height: 1.75rem;
  }
}

/* line 166, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj .card p {
  margin: 0 0 40px 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-maj .card p {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-maj .card p {
    font-size: calc( 14px + strip-unit(2px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-maj .card p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 166, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card p {
    line-height: 1.375rem;
    margin-bottom: 30px;
  }
}

/* line 175, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj .card h4 {
  margin: 0 0 10px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-maj .card h4 {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-maj .card h4 {
    font-size: calc( 14px + strip-unit(4px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-maj .card h4 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 175, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card h4 {
    line-height: 1rem;
  }
}

/* line 183, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj .card .update {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1400px) {
  /* line 183, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card .update {
    flex-direction: column;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 183, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card .update {
    display: none;
  }
}

/* line 192, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj .card .update .button {
  padding: 15px 28px;
  height: 50px;
  font-family: "Poppins";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.02em;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-maj .card .update .button {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-maj .card .update .button {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-maj .card .update .button {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1400px) {
  /* line 192, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card .update .button {
    margin-bottom: 15px;
    padding: 15px 20px;
  }
}

/* line 203, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-maj .card .video iframe {
  width: 100%;
  height: 225px;
  border-radius: 5px;
}

@media screen and (max-width: 991.98px) {
  /* line 203, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-maj .card .video iframe {
    height: 151px;
  }
}

/* line 215, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap .update-mobile {
  display: none;
}

@media screen and (max-width: 991.98px) {
  /* line 215, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .update-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }

  /* line 222, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .update-mobile .info {
    display: flex;
    align-items: flex-start;
    padding: 10px;
    background: #b944f7;
    border-radius: 5px;
    margin-bottom: 30px;
  }

  /* line 229, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap .update-mobile .info span {
    margin-left: 5px;
    color: #ffffff;
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}

/* line 239, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 991.98px) {
  /* line 239, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news {
    flex-direction: column;
  }
}

/* line 246, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .card {
  width: 50%;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 15px 30px rgba(33, 32, 44, 0.15);
}

@media screen and (max-width: 991.98px) {
  /* line 246, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .card {
    width: 100%;
    margin-bottom: 75px;
  }
}

/* line 255, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .card h4 {
  margin: 0 0 20px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-news .card h4 {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-news .card h4 {
    font-size: calc( 18px + strip-unit(6px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-news .card h4 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 255, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .card h4 {
    line-height: 1.3125rem;
    margin-bottom: 15px;
  }
}

/* line 265, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .card .video iframe {
  width: 100%;
  height: 250px;
  border-radius: 5px;
}

@media screen and (max-width: 991.98px) {
  /* line 265, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .card .video iframe {
    height: 151px;
  }
}

/* line 275, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news {
  width: 40%;
  display: flex;
  flex-direction: column;
  font-size: 0.00625rem;
  line-height: 0.00625rem;
}

@media screen and (max-width: 991.98px) {
  /* line 275, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .news {
    width: calc(100% - 50px);
  }
}

/* line 282, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news h3 {
  margin: 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-news .news h3 {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-news .news h3 {
    font-size: calc( 24px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-news .news h3 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 282, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .news h3 {
    text-align: center;
  }
}

/* line 290, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news p {
  margin: 10px 0 0 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-news .news p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-news .news p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-news .news p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 290, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .news p {
    text-align: center;
  }
}

/* line 300, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside {
  margin-top: 0;
}

/* line 303, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside h2,
.dashboard-wrap .content-wrap #nav-news .news aside p {
  display: none;
}

/* line 308, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside form {
  display: flex;
  position: relative;
  flex-direction: column;
}

/* line 313, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside form p {
  margin-top: 20px !important;
}

/* line 314, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside form p br {
  display: none;
}

/* line 318, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside form p:first-of-type,
.dashboard-wrap .content-wrap #nav-news .news aside form p:nth-last-of-type(2) {
  display: block;
  margin: 0;
  width: 100%;
}

/* line 325, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside form p:first-of-type {
  margin-right: 20px;
}

@media screen and (max-width: 991.98px) {
  /* line 325, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .news aside form p:first-of-type {
    margin: 10px 0 0 0;
  }
}

/* line 332, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside form p label {
  display: none;
}

/* line 337, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-news .news aside form input[type="submit"] {
  margin-top: 20px;
  color: #ffffff;
  font-weight: 500;
}

@media screen and (max-width: 991.98px) {
  /* line 337, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .news aside form input[type="submit"] {
    font-size: 0;
    -webkit-appearance: none;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 346, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-news .news aside form:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 26px;
    height: 26px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyOCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2Ljk0OTIgMi4xMjg5MUwyMy42OTkyIDIzLjIwMzFDMjMuNjQ4NCAyMy43MTA5IDIzLjM0MzggMjQuMTY4IDIyLjg4NjcgMjQuNDIxOUMyMi42MzI4IDI0LjUyMzQgMjIuMzc4OSAyNC42MjUgMjIuMDc0MiAyNC42MjVDMjEuODcxMSAyNC42MjUgMjEuNjY4IDI0LjU3NDIgMjEuNDY0OCAyNC40NzI3TDE1LjI2OTUgMjEuODgyOEwxMi42Nzk3IDI1Ljc0MjJDMTIuNDc2NiAyNi4wOTc3IDEyLjEyMTEgMjYuMjUgMTEuNzY1NiAyNi4yNUMxMS4yMDcgMjYuMjUgMTAuNzUgMjUuNzkzIDEwLjc1IDI1LjIzNDRWMjAuMzU5NEMxMC43NSAxOS45NTMxIDEwLjg1MTYgMTkuNTk3NyAxMS4wNTQ3IDE5LjM0MzhMMjIuMTI1IDUuMTI1TDcuMTk1MzEgMTguNTgyTDEuOTY0ODQgMTYuMzk4NEMxLjQwNjI1IDE2LjE0NDUgMSAxNS42MzY3IDEgMTQuOTc2NkMwLjk0OTIxOSAxNC4yNjU2IDEuMjUzOTEgMTMuNzU3OCAxLjgxMjUgMTMuNDUzMUwyNC41NjI1IDAuNTAzOTA2QzI1LjA3MDMgMC4xOTkyMTkgMjUuNzgxMiAwLjE5OTIxOSAyNi4yODkxIDAuNTU0Njg4QzI2Ljc5NjkgMC45MTAxNTYgMjcuMDUwOCAxLjUxOTUzIDI2Ljk0OTIgMi4xMjg5MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    background-size: contain;
    background-repeat: no-repeat;
    top: unset;
    bottom: 16px;
    right: calc(50% - 13px);
  }
}

/* line 365, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release {
  margin: 75px 0 100px 0;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 991.98px) {
  /* line 365, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-release {
    padding: 0 23px;
    margin: 75px 0;
  }

  /* line 372, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-release .update-mobile {
    margin: 0;
  }

  /* line 374, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-release .update-mobile .info {
    margin-bottom: 20px;
  }
}

/* line 379, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release h2 {
  margin: 0 0 20px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: 0.01em;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-release h2 {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release h2 {
    font-size: calc( 24px + strip-unit(4px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release h2 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 379, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-release h2 {
    line-height: 1.75rem;
    margin-bottom: 10px;
  }
}

/* line 388, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid {
  display: flex;
  flex-direction: column;
}

/* line 391, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0;
  border-bottom: 1px solid #e4e4e4;
}

@media screen and (max-width: 991.98px) {
  /* line 391, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 0 20px 0;
  }
}

/* line 403, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release:first-of-type {
  border-top: 1px solid #e4e4e4;
}

/* line 406, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release h4 {
  margin: 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release h4 {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release h4 {
    font-size: calc( 16px + strip-unit(2px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release h4 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 406, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release h4 {
    line-height: 1.1875rem;
  }
}

/* line 414, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release p {
  margin: 0;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: 0.01em;
  color: #7b808e;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release p {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release p {
    font-size: calc( 12px + strip-unit(4px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 414, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release p {
    line-height: 0.875rem;
    margin: 10px 0 22px 0;
  }
}

/* line 423, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads {
  display: flex;
}

/* line 425, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .button-bis {
  margin-right: 70px;
  height: 30px;
  width: 150px;
  display: flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  background: #3769ff;
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.02em;
  transition: 0.3s all ease-in-out;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .button-bis {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .button-bis {
    font-size: calc( 12px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .button-bis {
    font-size: 0.75rem;
  }
}

/* line 437, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .button-bis:hover {
  background: #3200a3;
}

@media screen and (max-width: 991.98px) {
  /* line 425, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .button-bis {
    display: none;
  }
}

/* line 444, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .link {
  color: #0e0b14;
  font-family: "Poppins";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.02em;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .link {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .link {
    font-size: calc( 12px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-release .release-grid .release .downloads .link {
    font-size: 0.75rem;
  }
}

/* line 452, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-learn {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 991.98px) {
  /* line 452, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-learn {
    padding: 0 23px;
  }
}

/* line 458, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-learn h2 {
  margin: 0 0 40px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #0e0b14;
  text-align: center;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-learn h2 {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-learn h2 {
    font-size: calc( 24px + strip-unit(6px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-learn h2 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 458, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-learn h2 {
    line-height: 1.75rem;
  }
}

/* line 467, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-learn .video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 50px;
}

@media screen and (max-width: 991.98px) {
  /* line 467, resources/assets/styles/layouts/_dashboard.scss */

  .dashboard-wrap .content-wrap #nav-learn .video-grid {
    grid-gap: 30px;
    display: flex;
    flex-direction: column;
  }
}

/* line 476, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-learn .video-grid h4 {
  margin: 20px 0 0 0;
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.dashboard-wrap .content-wrap #nav-learn .video-grid h4 {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-learn .video-grid h4 {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .dashboard-wrap .content-wrap #nav-learn .video-grid h4 {
    font-size: 1.125rem;
  }
}

/* line 482, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-learn .video-grid .video iframe {
  width: 100%;
  height: 173px;
  border-radius: 5px;
}

/* line 489, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-learn .pagination {
  margin: 75px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 50px;
}

/* line 495, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-learn .pagination a {
  color: #7b808e;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
}

/* line 501, resources/assets/styles/layouts/_dashboard.scss */

.dashboard-wrap .content-wrap #nav-learn .pagination a.current {
  color: #3769ff;
  font-weight: 700;
}

/* line 1, resources/assets/styles/layouts/_404.scss */

.error404 {
  background-color: #0e0b14;
}

/* line 3, resources/assets/styles/layouts/_404.scss */

.error404 .content404 {
  height: calc(100vh - 355px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -50px;
  margin-bottom: 50px;
}

@media screen and (max-width: 991.98px) {
  /* line 3, resources/assets/styles/layouts/_404.scss */

  .error404 .content404 {
    height: calc(100vh - 100px);
    padding: 0 40px;
  }

  /* line 14, resources/assets/styles/layouts/_404.scss */

  .error404 .content404 img {
    width: 100%;
  }
}

/* line 18, resources/assets/styles/layouts/_404.scss */

.error404 .content404 h2 {
  margin: 50px 0;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 35px;
  letter-spacing: 0.01em;
  text-align: center;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.error404 .content404 h2 {
  font-size: 1.375rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .error404 .content404 h2 {
    font-size: calc( 22px + strip-unit(8px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .error404 .content404 h2 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 18, resources/assets/styles/layouts/_404.scss */

  .error404 .content404 h2 {
    margin-top: 30px;
    margin-bottom: 40px;
    line-height: 1.625rem;
  }
}

/* line 31, resources/assets/styles/layouts/_404.scss */

.ml-content {
  padding: 0 23px;
}

/* line 33, resources/assets/styles/layouts/_404.scss */

.ml-content .title {
  margin: -25px 0 50px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 82px;
  letter-spacing: 0.01em;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.ml-content .title {
  font-size: 2.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .title {
    font-size: calc( 36px + strip-unit(34px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .title {
    font-size: 4.375rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 33, resources/assets/styles/layouts/_404.scss */

  .ml-content .title {
    margin: 0 0 40px 0;
    line-height: 2.625rem;
  }
}

/* line 42, resources/assets/styles/layouts/_404.scss */

.ml-content .ml-wrap {
  margin-bottom: 100px;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

@media screen and (max-width: 991.98px) {
  /* line 42, resources/assets/styles/layouts/_404.scss */

  .ml-content .ml-wrap {
    margin: 0 0 80px 0;
  }
}

/* line 47, resources/assets/styles/layouts/_404.scss */

.ml-content .ml-wrap h2 {
  margin: 40px 0 30px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 35px;
  letter-spacing: 0.01em;
  color: #2f323c;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.ml-content .ml-wrap h2 {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .ml-wrap h2 {
    font-size: calc( 20px + strip-unit(10px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .ml-wrap h2 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 47, resources/assets/styles/layouts/_404.scss */

  .ml-content .ml-wrap h2 {
    line-height: 1.5rem;
    margin-bottom: 20px;
  }
}

/* line 56, resources/assets/styles/layouts/_404.scss */

.ml-content .ml-wrap h3 {
  margin: 30px 0 20px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #4348fe;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.ml-content .ml-wrap h3 {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .ml-wrap h3 {
    font-size: calc( 18px + strip-unit(6px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .ml-wrap h3 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 56, resources/assets/styles/layouts/_404.scss */

  .ml-content .ml-wrap h3 {
    line-height: 1.3125rem;
    margin-bottom: 20px;
  }
}

/* line 65, resources/assets/styles/layouts/_404.scss */

.ml-content .ml-wrap h4 {
  margin: 20px 0 10px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.ml-content .ml-wrap h4 {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .ml-wrap h4 {
    font-size: calc( 14px + strip-unit(2px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .ml-wrap h4 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 65, resources/assets/styles/layouts/_404.scss */

  .ml-content .ml-wrap h4 {
    line-height: 1.5rem;
  }
}

/* line 73, resources/assets/styles/layouts/_404.scss */

.ml-content .ml-wrap ul {
  margin: 25px 0 0 0;
  list-style: none;
  padding-left: 22px;
}

/* line 77, resources/assets/styles/layouts/_404.scss */

.ml-content .ml-wrap ul li {
  margin: 10px 0 0 0;
  position: relative;
}

/* line 80, resources/assets/styles/layouts/_404.scss */

.ml-content .ml-wrap ul li:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDRMNSA4TDEyIDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
  left: -22px;
  top: 7px;
  filter: invert(29%) sepia(72%) saturate(3097%) hue-rotate(262deg) brightness(106%) contrast(94%);
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.ml-content .ml-wrap {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .ml-wrap {
    font-size: calc( 14px + strip-unit(2px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .ml-content .ml-wrap {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991.98px) {
  /* line 42, resources/assets/styles/layouts/_404.scss */

  .ml-content .ml-wrap {
    line-height: 1.5rem;
  }
}

/* line 1, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default {
  background: linear-gradient(0deg, #0e0b14, #0e0b14);
  color: #ffffff;
}

/* line 4, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default header {
  position: fixed;
  z-index: 100;
  width: 100%;
  margin: 0;
  padding: 75px 0 25px 0;
  background: #000000;
}

@media (max-width: 767px) {
  /* line 4, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default header {
    padding-bottom: 35px;
  }
}

@media (max-width: 767px) {
  /* line 14, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default header .content {
    justify-content: center;
  }
}

/* line 18, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default header .content .back-button {
  display: none;
}

/* line 21, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default header .content .light {
  display: block;
}

/* line 23, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default header .content .light img {
  max-width: 220px;
  width: 100%;
}

/* line 28, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default header .content .logo-dark {
  display: none;
}

/* line 31, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default header .content nav {
  width: 45%;
}

@media (max-width: 767px) {
  /* line 31, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default header .content nav {
    display: none;
  }
}

/* line 36, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default header .content nav a {
  color: #ffffff;
}

@media screen and (min-width: 1400px) {
  /* line 43, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .container {
    max-width: 1350px;
  }
}

/* line 49, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-banner {
  position: relative;
  height: 100vh;
}

/* line 51, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-banner::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 1;
}

/* line 65, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 70, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-banner__content {
  max-width: 962px;
  width: 100%;
  position: absolute;
  top: 35%;
  left: 150px;
  z-index: 2;
}

@media (max-width: 1300px) {
  /* line 70, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-banner__content {
    padding: 0 15px;
    left: auto;
  }
}

/* line 82, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-banner__title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 70px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-banner__title {
  font-size: 3.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-banner__title {
    font-size: calc( 60px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-banner__title {
    font-size: 3.75rem;
  }
}

@media (max-width: 767px) {
  /* line 82, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-banner__title {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
    max-width: 286px;
    width: 100%;
    padding: 0 20px;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-banner__title {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-banner__title {
    font-size: calc( 30px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-banner__title {
    font-size: 1.875rem;
  }
}

/* line 103, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-banner__button {
  max-width: 256px;
  width: 100%;
  height: 51px;
}

@media (max-width: 767px) {
  /* line 103, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-banner__button {
    max-width: 80%;
    margin-left: 20px;
  }
}

/* line 114, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-menu {
  background: #000000;
  box-shadow: 0px 0px 200px rgba(185, 68, 247, 0.25);
  display: flex;
  justify-content: center;
  position: sticky;
  top: 150px;
  z-index: 5;
  margin-bottom: 80px;
}

/* line 123, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-menu__submenu {
  display: inline-block;
  margin: 0 75px;
  padding: 30px 0;
  text-decoration: none;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-menu__submenu {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 123, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-menu__submenu {
    text-align: center;
    margin: 0 25px;
    flex-shrink: 0;
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu {
    font-size: 1rem;
  }
}

/* line 148, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-menu__submenu:hover {
  color: #3769ff;
  border-bottom: 2px solid rgba(55, 105, 255, 0.25);
}

/* line 152, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-menu__submenu.active {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  color: #3769ff;
  border-bottom: 2px solid #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-menu__submenu.active {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu.active {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu.active {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 152, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-menu__submenu.active {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu.active {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu.active {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-menu__submenu.active {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 175, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-menu-desktop {
    display: none;
  }
}

/* line 180, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-menu-mobile {
  overflow-x: auto;
  justify-content: start;
  padding-left: 40px;
  margin-bottom: 0;
  top: 145px;
}

@media (min-width: 767px) {
  /* line 180, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-menu-mobile {
    display: none;
  }
}

/* line 192, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper ul {
  padding-left: 0;
}

/* line 194, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper ul li {
  list-style: none;
  position: relative;
  padding-left: 20px;
}

/* line 198, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper ul li::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDRMNSA4TDEyIDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat;
  background-size: contain;
  margin-top: 8px;
}

/* line 212, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .applicatif-bloc__button {
  max-width: 256px;
  width: 100%;
  margin: 0 25px;
}

@media (max-width: 767px) {
  /* line 212, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .applicatif-bloc__button {
    margin: 0;
    max-width: 100%;
  }
}

/* line 221, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .applicatif-bloc__link {
  margin: 0 25px;
}

@media (max-width: 767px) {
  /* line 221, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .applicatif-bloc__link {
    display: inline-block;
    margin: 25px auto;
  }

  /* line 226, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .applicatif-bloc__link:after {
    display: inline-block;
    vertical-align: -3px;
  }
}

/* line 234, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-img {
  display: flex;
  align-items: start;
  padding-top: 150px;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  /* line 234, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img {
    display: block;
    margin-bottom: 0;
    padding-top: 86px;
  }
}

/* line 244, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-img__img {
  max-width: 310px;
  width: 100%;
  margin-right: 130px;
}

@media (max-width: 767px) {
  /* line 244, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__img {
    max-width: 200px;
    margin-right: 0;
    margin-left: 30px;
  }
}

/* line 254, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-img__text {
  max-width: 850px;
  width: 100%;
}

/* line 257, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-img__text p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 36px;
  letter-spacing: normal;
  color: #e4e4e4;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-img__text p {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p {
    font-size: calc( 26px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p {
    font-size: 1.625rem;
  }
}

/* line 266, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-img__text p a {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 36px;
  letter-spacing: normal;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-img__text p a {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p a {
    font-size: calc( 26px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p a {
    font-size: 1.625rem;
  }
}

@media (max-width: 767px) {
  /* line 254, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text {
    margin: 50px auto 0;
    padding: 0 20px;
  }

  /* line 280, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #e4e4e4;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 289, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p a {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #3769ff;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p a {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-img__text p a {
    font-size: 1rem;
  }
}

/* line 304, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img,
.applicatifs-template-default .applicatif-wrapper .group-content-video {
  margin-top: 30px;
  padding-top: 20px;
  margin-bottom: 50px;
}

/* line 309, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__body,
.applicatifs-template-default .applicatif-wrapper .group-content-video__body {
  display: flex;
}

@media (max-width: 767px) {
  /* line 309, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__body,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__body {
    display: block;
    margin-bottom: 60px;
  }
}

/* line 316, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__img,
.applicatifs-template-default .applicatif-wrapper .group-content-img__video,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img,
.applicatifs-template-default .applicatif-wrapper .group-content-video__video {
  cursor: pointer;
  max-width: 530px;
  width: 100%;
  position: relative;
  margin-right: 130px;
  max-height: 315px;
}

@media (max-width: 767px) {
  /* line 316, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__img,
  .applicatifs-template-default .applicatif-wrapper .group-content-img__video,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__img,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__video {
    margin: 0 auto;
  }
}

/* line 327, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__img::before,
.applicatifs-template-default .applicatif-wrapper .group-content-img__img::after,
.applicatifs-template-default .applicatif-wrapper .group-content-img__video::before,
.applicatifs-template-default .applicatif-wrapper .group-content-img__video::after,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img::before,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img::after,
.applicatifs-template-default .applicatif-wrapper .group-content-video__video::before,
.applicatifs-template-default .applicatif-wrapper .group-content-video__video::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #464957;
  opacity: 0.25;
  border-radius: 5px;
}

@media (max-width: 767px) {
  /* line 327, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__img::before,
  .applicatifs-template-default .applicatif-wrapper .group-content-img__img::after,
  .applicatifs-template-default .applicatif-wrapper .group-content-img__video::before,
  .applicatifs-template-default .applicatif-wrapper .group-content-img__video::after,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__img::before,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__img::after,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__video::before,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__video::after {
    display: none;
  }
}

/* line 340, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__img::before,
.applicatifs-template-default .applicatif-wrapper .group-content-img__video::before,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img::before,
.applicatifs-template-default .applicatif-wrapper .group-content-video__video::before {
  top: 20px;
  left: -20px;
}

/* line 344, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__img::after,
.applicatifs-template-default .applicatif-wrapper .group-content-img__video::after,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img::after,
.applicatifs-template-default .applicatif-wrapper .group-content-video__video::after {
  top: 40px;
  left: -40px;
}

/* line 348, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__img img,
.applicatifs-template-default .applicatif-wrapper .group-content-img__video img,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img img,
.applicatifs-template-default .applicatif-wrapper .group-content-video__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

/* line 354, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__img iframe,
.applicatifs-template-default .applicatif-wrapper .group-content-img__video iframe,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img iframe,
.applicatifs-template-default .applicatif-wrapper .group-content-video__video iframe {
  width: 100%;
  height: 100%;
}

/* line 360, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__img .preview,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img .preview {
  position: absolute;
  pointer-events: none;
  bottom: 15px;
  right: 10px;
  background: #4348fe;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 372, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__img .preview img,
.applicatifs-template-default .applicatif-wrapper .group-content-video__img .preview img {
  width: auto;
  height: auto;
}

@media (max-width: 767px) {
  /* line 378, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__video,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__video {
    height: 250px;
  }
}

/* line 383, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content {
  max-width: 620px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 383, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content {
    margin-top: 40px;
  }
}

/* line 389, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content h2,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content h2 {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 47px;
  letter-spacing: normal;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content h2,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content h2 {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content h2,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content h2 {
    font-size: calc( 40px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content h2,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content h2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 767px) {
  /* line 389, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content h2,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content h2 {
    display: none;
  }
}

@media (max-width: 767px) {
  /* line 402, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div {
    width: 100%;
    padding: 0 20px;
  }
}

/* line 407, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div p,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div p {
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div p,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div p {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p {
    font-size: 1.25rem;
  }
}

/* line 416, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div p a,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div p a {
  color: #3769ff;
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div p a,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div p a {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p a {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p a {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  /* line 407, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 434, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p a {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p a {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div p a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div p a {
    font-size: 1rem;
  }
}

/* line 445, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul {
  padding-left: 0;
}

@media (max-width: 767px) {
  /* line 445, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul {
    padding-left: 15px;
  }
}

/* line 450, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li {
  margin-bottom: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  list-style: none;
  position: relative;
  padding-left: 20px;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li {
    font-size: 1.25rem;
  }
}

/* line 462, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li a,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li a {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li a,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li a {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li a {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li a {
    font-size: 1.25rem;
  }
}

/* line 472, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li::before,
.applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNC4xMzUyNUw1IDguMTM1MjVMMTIgMS4xMzUyNSIgc3Ryb2tlPSIjNDM0OEZFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat;
  background-size: contain;
  margin-top: 10px;
}

@media (max-width: 767px) {
  /* line 450, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 490, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li a {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li a {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__content div ul li a,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__content div ul li a {
    font-size: 1rem;
  }
}

/* line 504, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__buttons,
.applicatifs-template-default .applicatif-wrapper .group-content-video__buttons {
  display: flex;
  justify-content: center;
  margin-top: 110px;
}

@media (max-width: 767px) {
  /* line 504, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__buttons,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__buttons {
    margin-top: 60px;
    flex-direction: column-reverse;
    text-align: center;
  }
}

/* line 514, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img__mobile-title,
.applicatifs-template-default .applicatif-wrapper .group-content-video__mobile-title {
  display: none;
}

@media (max-width: 767px) {
  /* line 514, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__mobile-title,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__mobile-title {
    display: block;
    padding: 0 25px;
    color: #3769ff;
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__mobile-title,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__mobile-title {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__mobile-title,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__mobile-title {
    font-size: calc( 30px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img__mobile-title,
  .applicatifs-template-default .applicatif-wrapper .group-content-video__mobile-title {
    font-size: 1.875rem;
  }
}

/* line 532, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__img {
  max-width: 530px;
  width: 100%;
  margin-right: 130px;
}

/* line 536, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__img::before,
.applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__img::after {
  display: none;
}

/* line 541, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content {
  max-width: 850px;
  width: 100%;
}

/* line 545, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 36px;
  letter-spacing: normal;
  color: #e4e4e4;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p {
    font-size: calc( 26px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p {
    font-size: 1.625rem;
  }
}

/* line 554, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p a {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 36px;
  letter-spacing: normal;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p a {
  font-size: 1.625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p a {
    font-size: calc( 26px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p a {
    font-size: 1.625rem;
  }
}

@media (max-width: 767px) {
  /* line 544, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div {
    margin: 50px auto 0;
    padding: 0 20px;
  }

  /* line 568, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #e4e4e4;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 577, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p a {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #3769ff;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p a {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-content-img.no-buttons .group-content-img__content div p a {
    font-size: 1rem;
  }
}

/* line 593, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards {
  padding-top: 100px;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  /* line 593, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards {
    padding-top: 50px;
    margin-bottom: 50px;
  }
}

/* line 600, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 47px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__title {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__title {
    font-size: calc( 40px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__title {
    font-size: 2.5rem;
  }
}

@media (max-width: 767px) {
  /* line 600, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__title {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
    margin: 0 38px;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__title {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__title {
    font-size: calc( 30px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__title {
    font-size: 1.875rem;
  }
}

/* line 619, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__desc {
  max-width: 860px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 619, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

/* line 626, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__desc p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  color: rgba(255, 255, 255, 0.6);
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__desc p {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p {
    font-size: 1.25rem;
  }
}

/* line 635, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__desc p a {
  color: #ffffff;
  text-decoration: underline;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__desc p a {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p a {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p a {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  /* line 648, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    margin: 0 38px;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 657, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p a {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p a {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__desc p a {
    font-size: 1rem;
  }
}

/* line 669, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__cards {
  justify-content: center;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  /* line 669, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__cards {
    margin-bottom: 60px;
  }
}

/* line 675, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body {
  max-width: 420px;
  width: 100%;
  height: 388px;
  margin: 10px;
  padding: 40px 50px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  /* line 675, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body {
    max-width: 90%;
    height: auto;
    padding: 40px;
  }
}

/* line 687, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 29px;
  letter-spacing: normal;
  margin: 10px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__title {
  font-size: 1.5625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__title {
    font-size: calc( 25px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__title {
    font-size: 1.5625rem;
  }
}

@media (max-width: 767px) {
  /* line 687, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__title {
    margin: 15px 0 20px 0;
  }
}

/* line 700, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__desc {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__desc {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__desc {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__desc {
    font-size: 1rem;
  }
}

/* line 708, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__cards .card-body__desc a {
  color: #ffffff;
  text-decoration: underline;
}

/* line 715, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-cards__buttons {
  display: flex;
  justify-content: center;
  margin-top: 110px;
}

@media (max-width: 767px) {
  /* line 715, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__buttons {
    margin-top: 60px;
    flex-direction: column-reverse;
    align-items: center;
  }

  /* line 723, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-cards__buttons .applicatif-bloc__button {
    width: 90%;
  }
}

/* line 730, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list {
  padding-top: 50px;
  margin-bottom: 50px;
}

/* line 733, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 47px;
  letter-spacing: normal;
  text-align: center;
  color: #3769ff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__title {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__title {
    font-size: calc( 40px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__title {
    font-size: 2.5rem;
  }
}

@media (max-width: 767px) {
  /* line 733, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__title {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
    padding: 0 20px;
    margin-top: 0;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__title {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__title {
    font-size: calc( 30px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__title {
    font-size: 1.875rem;
  }
}

/* line 755, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider {
  display: flex;
}

@media (max-width: 767px) {
  /* line 755, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider {
    display: block;
  }
}

/* line 761, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature {
  max-width: 880px;
  width: 100%;
  height: 495px;
  border-radius: 5px;
  margin-right: 30px;
}

@media (max-width: 767px) {
  /* line 761, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature {
    height: 300px;
    margin: 0;
  }
}

@media (max-width: 576px) {
  /* line 761, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature {
    height: 180px;
  }
}

/* line 774, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}

/* line 780, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide.active {
  display: block;
}

/* line 784, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide.play-video .content {
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 767px) {
  /* line 784, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide.play-video .content {
    display: none;
  }
}

@media (min-width: 767px) {
  /* line 790, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide.play-video .content__text {
    display: none;
  }
}

/* line 797, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  border-radius: 5px;
}

/* line 805, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .video iframe {
  width: 100%;
  height: 100%;
}

/* line 810, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content {
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}

@media (max-width: 767px) {
  /* line 810, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content {
    position: relative;
  }
}

/* line 820, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content img {
  width: 100%;
  height: 100%;
}

/* line 825, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 2;
}

@media (max-width: 767px) {
  /* line 825, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text {
    position: static;
    margin-top: 20px;
    left: 0;
    padding: 0 20px;
  }
}

/* line 836, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text p {
  margin: 0 0 10px 0;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 29px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text p {
  font-size: 1.5625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text p {
    font-size: calc( 25px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text p {
    font-size: 1.5625rem;
  }
}

@media (max-width: 767px) {
  /* line 836, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text p {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text p {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text p {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text p {
    font-size: 1.25rem;
  }
}

/* line 856, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text div p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #ffffff;
  opacity: 0.6;
  margin: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text div p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text div p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content__text div p {
    font-size: 1rem;
  }
}

/* line 870, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA1NSA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUyLjUgMjcuMTY5OUM1NS44MzMzIDI5LjA5NDQgNTUuODMzMyAzMy45MDU2IDUyLjUgMzUuODMwMUw3LjUgNjEuODEwOUM0LjE2NjY3IDYzLjczNTQgLTMuMDUyMzZlLTA2IDYxLjMyOTggLTIuODg0MTFlLTA2IDU3LjQ4MDhMLTYuMTI4ZS0wNyA1LjUxOTI0Qy00LjQ0NTU1ZS0wNyAxLjY3MDI0IDQuMTY2NjcgLTAuNzM1Mzk0IDcuNSAxLjE4OTExTDUyLjUgMjcuMTY5OVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuNSIvPgo8L3N2Zz4K) no-repeat;
  background-size: contain;
  z-index: 2;
}

@media (max-width: 767px) {
  /* line 870, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content::before {
    width: 50px;
    height: 50px;
  }
}

/* line 885, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide .content::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

/* line 906, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide.mobile-active .content::before {
  display: none;
}

/* line 909, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__feature .feature-slide.mobile-active .content::after {
  display: none;
}

/* line 916, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav {
  cursor: pointer;
  max-width: 395px;
  width: 100%;
  max-height: 495px;
  overflow-y: scroll;
}

@media (max-width: 767px) {
  /* line 916, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav {
    margin-top: 240px;
    max-width: 100%;
  }
}

/* line 926, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav .nav-slide {
  margin-bottom: 20px;
}

/* line 928, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav .nav-slide .content {
  display: flex;
  align-items: start;
}

/* line 931, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav .nav-slide .content img {
  max-width: 160px;
  height: 90px;
  margin-right: 30px;
  border-radius: 5px;
}

/* line 937, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav .nav-slide .content p {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  margin: 0;
  color: #e4e4e4;
  opacity: 0.8;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav .nav-slide .content p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav .nav-slide .content p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav .nav-slide .content p {
    font-size: 1rem;
  }
}

/* line 951, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav::-webkit-scrollbar {
  width: 5px;
}

/* line 954, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 957, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__nav::-webkit-scrollbar-thumb {
  border: 5px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}

@media (max-width: 767px) {
  /* line 962, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__mobile-bg {
    position: relative;
  }

  /* line 965, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-videos-list__slider .video-slider__mobile-bg::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: auto;
    z-index: 1;
    background: linear-gradient(180deg, rgba(14, 11, 20, 0) 0%, #0e0b14 100%);
  }
}

/* line 983, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 60px 50px;
  background-color: #ffffff;
  box-shadow: 0px -100px 200px rgba(67, 72, 254, 0.5);
  border-radius: 5px;
  display: flex;
  align-items: start;
}

@media (max-width: 767px) {
  /* line 983, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news {
    flex-direction: column;
    padding: 40px;
    align-items: center;
  }
}

/* line 997, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__img {
  max-height: 200px;
  max-width: 200px;
  width: 100%;
  margin-right: 50px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  /* line 997, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__img {
    margin-right: 0;
  }
}

/* line 1006, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  /* line 1012, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__content {
    margin-top: 30px;
    max-width: 260px;
    width: 100%;
  }
}

/* line 1019, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 47px;
  letter-spacing: normal;
  color: #3769ff;
  margin: 0 0 10px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__title {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__title {
    font-size: calc( 40px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__title {
    font-size: 2.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1019, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__title {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__title {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__title {
    font-size: calc( 30px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__title {
    font-size: 1.875rem;
  }
}

/* line 1040, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__text p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: normal;
  color: #2f323c;
  margin: 0 0 20px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__text p {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p {
    font-size: 1.125rem;
  }
}

/* line 1050, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__text p a {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: normal;
  color: #2f323c;
  text-decoration: underline;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__text p a {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p a {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p a {
    font-size: 1.125rem;
  }
}

/* line 1063, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__text ul li {
  color: #2f323c;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__text ul li {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text ul li {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text ul li {
    font-size: 1.125rem;
  }
}

/* line 1072, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__text ul li::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDRMNSA4TDEyIDEiIHN0cm9rZT0iI0I5NDRGNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat;
}

@media (max-width: 767px) {
  /* line 1039, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text {
    margin-bottom: 30px;
  }

  /* line 1079, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 1087, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p a {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p a {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text p a {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 1098, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text ul li {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text ul li {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text ul li {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__text ul li {
    font-size: 1rem;
  }
}

/* line 1110, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__link {
  font-family: "Poppins";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  display: flex;
  justify-content: end;
  color: #0e0b14;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-news__link {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__link {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__link {
    font-size: 0.875rem;
  }
}

@media (max-width: 767px) {
  /* line 1110, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-news__link {
    justify-content: center;
  }
}

/* line 1127, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-products {
  padding: 100px 0;
  background-color: #18004d;
}

@media (max-width: 767px) {
  /* line 1127, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products {
    padding: 50px 0;
  }
}

@media (max-width: 767px) {
  /* line 1134, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__wrapper.container {
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* line 1141, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__header {
  display: flex;
  align-items: baseline;
}

/* line 1145, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 47px;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 20px 0 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__title {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__title {
    font-size: calc( 40px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__title {
    font-size: 2.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1145, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__title {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__title {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__title {
    font-size: calc( 30px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__title {
    font-size: 1.875rem;
  }
}

/* line 1165, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__link {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  color: #ffffff;
  text-decoration: underline;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__link {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__link {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__link {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 1165, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__link {
    display: none;
  }
}

/* line 1179, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__products {
  margin: 50px 0;
}

@media (max-width: 767px) {
  /* line 1179, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__products {
    margin: 30px 0;
  }
}

/* line 1184, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__products .products-title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 23px;
  letter-spacing: normal;
  margin: 0 0 20px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__products .products-title {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__products .products-title {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-products__products .products-title {
    font-size: 1.25rem;
  }
}

/* line 1194, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-products__products .products-list {
  display: flex;
  flex-wrap: wrap;
}

/* line 1201, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support {
  padding: 75px 0;
}

@media (max-width: 767px) {
  /* line 1201, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support {
    padding: 50px 0;
  }
}

@media (min-width: 1200px) {
  /* line 1206, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support.container {
    max-width: 1260px;
  }
}

/* line 1211, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 767px) {
  /* line 1211, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support__content {
    gap: 30px;
  }
}

/* line 1219, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__single {
  max-width: 420px;
  width: 100%;
  padding: 0 55px;
  border-right: 1px solid #2f323c;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  /* line 1219, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support__single {
    border-right: none;
    margin-bottom: 0;
  }
}

/* line 1229, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__single img {
  max-width: 70px;
  width: 100%;
  object-fit: cover;
}

/* line 1234, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__single .support-title {
  font-family: "Roboto";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: normal;
  margin: 10px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__single .support-title {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support__single .support-title {
    font-size: calc( 24px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support__single .support-title {
    font-size: 1.5rem;
  }
}

/* line 1244, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__single div {
  opacity: 0.75;
}

/* line 1246, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__single div p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__single div p {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support__single div p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support__single div p {
    font-size: 1rem;
  }
}

/* line 1256, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__single:nth-of-type(3n),
.applicatifs-template-default .applicatif-wrapper .group-support__single:last-of-type {
  border-right: none;
}

/* line 1261, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-support__buttons {
  margin-top: 75px;
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  /* line 1261, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support__buttons {
    flex-direction: column-reverse;
    margin-top: 40px;
    align-items: center;
  }

  /* line 1269, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-support__buttons .applicatif-bloc__button {
    width: 90%;
  }
}

/* line 1275, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download {
  background: #000000;
}

/* line 1277, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__wrapper {
  padding: 75px 0 100px 0;
}

@media (max-width: 767px) {
  /* line 1277, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__wrapper {
    padding: 50px 0;
  }
}

/* line 1283, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__title {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__title {
    font-size: calc( 24px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__title {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1283, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__title {
    display: flex;
    justify-content: center;
  }
}

/* line 1296, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__content {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  /* line 1296, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__content {
    justify-content: center;
  }
}

/* line 1303, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__single {
  display: flex;
  align-items: center;
  padding: 20px;
  margin: 0 20px 20px 0;
  max-width: 310px;
  width: 100%;
  border: 1px solid #21202c;
  border-radius: 5px;
}

@media (max-width: 767px) {
  /* line 1303, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__single {
    margin-right: 0;
  }
}

/* line 1315, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__single .download-icon {
  max-width: 40px;
  max-height: 40px;
  width: 100%;
  margin-right: 10px;
}

/* line 1320, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__single .download-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 1327, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__single .download-file__title {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  margin: 0 0 5px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__single .download-file__title {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__single .download-file__title {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__single .download-file__title {
    font-size: 1rem;
  }
}

/* line 1337, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__single .download-file__link {
  text-decoration: underline;
  color: #3769ff;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-download__single .download-file__link {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__single .download-file__link {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-download__single .download-file__link {
    font-size: 0.875rem;
  }
}

/* line 1351, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs {
  padding: 25px 0 75px 0;
  margin-top: 120px;
  background: linear-gradient(180deg, rgba(50, 0, 163, 0) 0%, #3200a3 100%);
}

@media (max-width: 767px) {
  /* line 1351, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 50px;
  }
}

/* line 1360, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__header {
  display: flex;
  margin-bottom: 20px;
  align-items: end;
}

@media (max-width: 767px) {
  /* line 1360, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__header {
    flex-direction: column;
    align-items: start;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 1371, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__title {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 46px;
  letter-spacing: normal;
  margin: 0 30px 0 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__title {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__title {
    font-size: calc( 40px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__title {
    font-size: 2.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1371, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__title {
    margin: 0 0 10px 0;
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__title {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__title {
    font-size: calc( 30px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__title {
    font-size: 1.875rem;
  }
}

/* line 1391, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__subtitle {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: normal;
  margin: 0 20px 0 0;
  color: #b944f7;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__subtitle {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__subtitle {
    font-size: calc( 24px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__subtitle {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1391, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__subtitle {
    margin: 0 0 10px 0;
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__subtitle {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__subtitle {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__subtitle {
    font-size: 1.25rem;
  }
}

/* line 1412, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__link {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  max-width: 264px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #b944f7;
  color: #ffffff;
  padding: 5px 14px;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__link {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__link {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__link {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 1412, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__link {
    padding: 5px 12px;
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__link {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__link {
    font-size: calc( 15px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__link {
    font-size: 0.9375rem;
  }
}

/* line 1440, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__desc {
  max-width: 970px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 1440, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 1447, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__desc p {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__desc p {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  /* line 1447, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p {
    font-size: 1rem;
  }
}

/* line 1465, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__desc p span {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  line-height: 30px;
  letter-spacing: normal;
  color: rgba(255, 255, 255, 0.6);
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__desc p span {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p span {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p span {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  /* line 1465, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p span {
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: italic;
    line-height: 26px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p span {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p span {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p span {
    font-size: 1rem;
  }
}

/* line 1484, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__desc p a {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  text-decoration: underline;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__desc p a {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p a {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p a {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  /* line 1484, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p a {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p a {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__desc p a {
    font-size: 1rem;
  }
}

/* line 1507, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper {
  margin-top: 35px;
}

@media (max-width: 767px) {
  /* line 1507, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper {
    margin-top: 50px;
  }
}

/* line 1512, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-titles {
  display: flex;
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  /* line 1512, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-titles {
    overflow-x: scroll;
    margin-bottom: 20px;
    padding-left: 20px;
    gap: 10px;
  }
}

/* line 1521, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-titles .tab-title {
  cursor: pointer;
  margin: 0 20px 0 0;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  padding: 15px 20px;
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 767px) {
  /* line 1521, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-titles .tab-title {
    padding: 10px 20px;
    margin: 0 10px 15px 0;
    min-width: 145px;
    text-align: center;
  }
}

/* line 1534, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-titles .tab-title.active {
  background-color: #ffffff;
  color: #3769ff;
  position: relative;
}

/* line 1538, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-titles .tab-title.active::before {
  content: "";
  position: absolute;
  display: block;
  top: 80%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translateX(-50%) rotate(-45deg);
  border-radius: 3px;
  background: #ffffff;
}

@media (max-width: 767px) {
  /* line 1538, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-titles .tab-title.active::before {
    top: 85%;
  }
}

/* line 1554, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards {
  display: flex;
}

@media (max-width: 992px) {
  /* line 1554, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards {
    flex-direction: column;
  }
}

/* line 1559, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper {
  border-radius: 5px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  padding: 40px;
  display: flex;
}

@media (max-width: 767px) {
  /* line 1559, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper {
    flex-direction: column;
  }
}

/* line 1568, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-title {
  font-family: "Roboto";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  color: #6ad7fe;
  margin: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-title {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-title {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-title {
    font-size: 1.25rem;
  }
}

/* line 1579, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin: 20px 0;
}

/* line 1584, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p {
  margin: 0;
  width: fit-content;
}

/* line 1587, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type {
  font-family: "Roboto";
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  margin-right: 20px;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type {
  font-size: 2.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type {
    font-size: calc( 40px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type {
    font-size: 2.5rem;
  }
}

/* line 1596, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type span {
  font-family: "Roboto";
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type span {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type span {
    font-size: calc( 24px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type span {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  /* line 1596, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type span {
    font-family: "Roboto";
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type span {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type span {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type span {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  /* line 1587, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:first-of-type {
    margin-right: 10px;
  }
}

/* line 1618, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:last-of-type {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  opacity: 0.5;
  text-decoration: line-through;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:last-of-type {
  font-size: 1.25rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:last-of-type {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices p:last-of-type {
    font-size: 1.25rem;
  }
}

/* line 1630, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly {
  display: flex;
  align-items: center;
}

/* line 1633, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p {
  margin: 0;
  width: fit-content;
}

/* line 1636, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p:first-of-type {
  font-family: "Roboto";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  letter-spacing: normal;
  margin-right: 10px;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p:first-of-type {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p:first-of-type {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p:first-of-type {
    font-size: 0.875rem;
  }
}

/* line 1646, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p:last-of-type {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  letter-spacing: normal;
  opacity: 0.6;
  text-decoration: line-through;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p:last-of-type {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p:last-of-type {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-prices__monthly p:last-of-type {
    font-size: 0.875rem;
  }
}

/* line 1660, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc {
  margin-top: 20px;
}

/* line 1662, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc p {
  opacity: 0.6;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc p {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc p {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc p {
    font-size: 0.875rem;
  }
}

/* line 1671, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc p a {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc p a {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc p a {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc p a {
    font-size: 0.875rem;
  }
}

/* line 1682, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul {
  margin-top: 0;
}

/* line 1684, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li {
  opacity: 0.6;
  margin-bottom: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li {
    font-size: 0.875rem;
  }
}

/* line 1694, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li a {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li a {
  font-size: 0.875rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li a {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li a {
    font-size: 0.875rem;
  }
}

/* line 1704, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body .card-desc ul li::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC42IiBkPSJNMSA0LjIwNDU5TDUgOC4yMDQ1OUwxMiAxLjIwNDU5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat;
}

/* line 1711, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body.multiple {
  max-width: 320px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 1711, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body.multiple {
    max-width: fit-content;
  }
}

/* line 1717, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body.multiple:first-of-type {
  margin: 0 5% 0 0;
  padding: 0 5% 0 0;
  border-right: 2px solid rgba(255, 255, 255, 0.25);
}

@media (max-width: 767px) {
  /* line 1717, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper .card-body.multiple:first-of-type {
    margin: 0 0 5% 0;
    padding: 0 0 5% 0;
    border-right: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.25);
  }
}

/* line 1730, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper.opt-card {
  margin-left: 20px;
  width: 100%;
  max-width: 420px;
}

@media (max-width: 992px) {
  /* line 1730, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper.opt-card {
    margin-left: 0;
    margin-top: 30px;
    max-width: fit-content;
  }
}

/* line 1739, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper.opt-card .card-body {
  width: 100%;
}

/* line 1741, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .single-tab-cards .card-wrapper.opt-card .card-body .card-title {
  color: #b944f7;
}

/* line 1748, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs .tabs-wrapper .not-active {
  display: none;
}

/* line 1752, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__buttons {
  margin-top: 75px;
  display: flex;
}

/* line 1755, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default .applicatif-wrapper .group-tabs__buttons .applicatif-bloc__button {
  margin-left: 0;
}

@media (max-width: 767px) {
  /* line 1752, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__buttons {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 60px;
  }

  /* line 1762, resources/assets/styles/layouts/_single-applicatifs.scss */

  .applicatifs-template-default .applicatif-wrapper .group-tabs__buttons .applicatif-bloc__button {
    width: 90%;
  }
}

/* line 1770, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default #lightbox {
  z-index: 110;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

/* line 1782, resources/assets/styles/layouts/_single-applicatifs.scss */

.applicatifs-template-default #lightbox img {
  width: 100%;
}

/* line 1, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs {
  display: none;
}

/* line 3, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__wrapper {
  margin-top: 100px;
}

@media (min-width: 1200px) {
  /* line 5, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__wrapper.container {
    max-width: 1300px;
  }
}

@media (max-width: 767px) {
  /* line 3, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__wrapper {
    margin-top: 50px;
  }

  /* line 12, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__wrapper.container {
    padding-left: 35px;
    padding-right: 35px;
  }
}

/* line 18, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__title {
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 70px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.menu-applicatifs__title {
  font-size: 3.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__title {
    font-size: calc( 60px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__title {
    font-size: 3.75rem;
  }
}

@media (max-width: 767px) {
  /* line 18, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__title {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__title {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__title {
    font-size: calc( 30px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__title {
    font-size: 1.875rem;
  }
}

/* line 37, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__main {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media (max-width: 767px) {
  /* line 37, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__main {
    flex-direction: column-reverse;
    justify-content: start;
    padding-top: 15px;
  }
}

/* line 49, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-header p {
  font-family: "Roboto";
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 40px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.menu-applicatifs__submenu .submenu-header p {
  font-size: 1.5625rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header p {
    font-size: calc( 25px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header p {
    font-size: 1.5625rem;
  }
}

@media (max-width: 767px) {
  /* line 49, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-header p {
    font-family: "Roboto";
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    color: #7b808e;
    margin: 0 0 30px 0;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header p {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header p {
    font-size: calc( 20px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header p {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  /* line 72, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-header__content img {
    max-width: 150px;
    width: 100%;
  }
}

/* line 78, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-header__content div {
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: normal;
  color: #e4e4e4;
  opacity: 0.75;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.menu-applicatifs__submenu .submenu-header__content div {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header__content div {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header__content div {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 78, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-header__content div {
    margin-bottom: 20px;
    font-family: "Roboto";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 21px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header__content div {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header__content div {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-header__content div {
    font-size: 0.875rem;
  }
}

/* line 103, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-lists {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  /* line 103, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-lists {
    display: block;
  }
}

/* line 109, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-lists__single {
  position: relative;
  color: #ffffff;
  max-width: 200px;
  width: 100%;
  height: auto;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  /* line 109, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-lists__single {
    max-width: 100%;
    flex-direction: row;
    margin: 10px 0;
    padding: 10px 0 10px 30px;
    justify-content: flex-start;
  }
}

/* line 130, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-lists__single a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* line 138, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-lists__single img {
  max-width: 55px;
  width: 100%;
  height: 55px;
  margin: 20px 0;
}

@media (max-width: 767px) {
  /* line 138, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-lists__single img {
    max-width: 35px;
    height: 35px;
    margin: 0 10px 0 0;
  }
}

/* line 149, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-lists__single .single-title {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #03d3ff;
  max-width: 150px;
  width: 100%;
  text-align: center;
  margin: 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.menu-applicatifs__submenu .submenu-lists__single .single-title {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-title {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-title {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 149, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-title {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: start;
    margin-right: 15px;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-title {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-title {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-title {
    font-size: 0.875rem;
  }
}

/* line 175, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-lists__single .single-subtitle {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  color: #ffffff;
  max-width: 150px;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.menu-applicatifs__submenu .submenu-lists__single .single-subtitle {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-subtitle {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-subtitle {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 175, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-subtitle {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: start;
    margin: 0;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-subtitle {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-subtitle {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-lists__single .single-subtitle {
    font-size: 0.875rem;
  }
}

/* line 200, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-lists__single:hover {
  background-color: #4348fe;
}

/* line 202, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-lists__single:hover .single-title {
  color: #ffffff;
}

/* line 208, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners {
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  /* line 208, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners {
    margin: 30px 0;
  }
}

/* line 213, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  /* line 213, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners:last-of-type {
    margin-bottom: 30px;
  }
}

/* line 219, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__header {
  margin-bottom: 30px;
}

/* line 221, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__header img {
  max-width: 200px;
  width: 100%;
  max-height: 70px;
  object-fit: cover;
}

@media (max-width: 767px) {
  /* line 219, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners__header {
    margin-bottom: 20px;
  }

  /* line 229, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners__header img {
    max-width: 150px;
    object-fit: cover;
  }
}

/* line 234, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__header div {
  color: #e4e4e4;
  opacity: 0.75;
}

@media (max-width: 767px) {
  /* line 234, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners__header div {
    margin-top: 10px;
  }
}

/* line 242, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__list {
  display: flex;
  flex-wrap: wrap;
}

/* line 246, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__single {
  position: relative;
  max-width: 200px;
  width: 100%;
  height: auto;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  /* line 246, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners__single {
    max-width: 100%;
    flex-direction: row;
    margin: 10px 0;
    padding: 10px 0 10px 30px;
    justify-content: flex-start;
  }
}

/* line 266, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__single img {
  max-width: 55px;
  width: 100%;
  height: 55px;
  margin: 20px 0;
}

@media (max-width: 767px) {
  /* line 266, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners__single img {
    max-width: 35px;
    height: 35px;
    margin: 0 10px 0 0;
  }
}

/* line 277, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__single p:first-of-type {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #03d3ff;
  max-width: 150px;
  width: 100%;
  margin: 0;
  text-align: center;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.menu-applicatifs__submenu .submenu-partners__single p:first-of-type {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:first-of-type {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:first-of-type {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 277, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:first-of-type {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: start;
    margin-right: 15px;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:first-of-type {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:first-of-type {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:first-of-type {
    font-size: 0.875rem;
  }
}

/* line 303, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__single p:last-of-type {
  font-family: "Roboto";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: normal;
  color: #ffffff;
  max-width: 150px;
  width: 100%;
  margin: 10px 0;
  text-align: center;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.menu-applicatifs__submenu .submenu-partners__single p:last-of-type {
  font-size: 1.125rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:last-of-type {
    font-size: calc( 18px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:last-of-type {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  /* line 303, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:last-of-type {
    font-family: "Roboto";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    margin: 0 0 0 15px;
    text-align: start;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:last-of-type {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:last-of-type {
    font-size: calc( 14px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .menu-applicatifs__submenu .submenu-partners__single p:last-of-type {
    font-size: 0.875rem;
  }
}

/* line 328, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__single a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* line 336, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__single:hover {
  background-color: #4348fe;
}

/* line 338, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu .submenu-partners__single:hover p:first-of-type {
  color: #ffffff;
}

/* line 344, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu:first-of-type {
  position: relative;
  width: calc(45% - 110px);
}

@media (max-width: 767px) {
  /* line 344, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu:first-of-type {
    width: 100%;
  }
}

/* line 350, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu:first-of-type::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: -50px;
  left: -110px;
  background: linear-gradient(180deg, #3769ff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.25;
  border-radius: 10px 0px 0px 0px;
  z-index: -1;
}

@media (max-width: 767px) {
  /* line 350, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu:first-of-type::before {
    display: none;
  }
}

/* line 370, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__submenu:last-of-type {
  margin-right: 120px;
  width: calc(60% - 120px);
}

@media (max-width: 767px) {
  /* line 370, resources/assets/styles/layouts/_menu-applicatifs.scss */

  .menu-applicatifs__submenu:last-of-type {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 0.5px solid #ffffff;
  }
}

/* line 382, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__close {
  display: none;
  cursor: pointer;
  position: fixed;
  top: -5px;
  right: 30px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  z-index: 101;
  transition: all 300ms ease-in-out;
}

/* line 393, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__close div {
  content: "";
  position: absolute;
  display: block;
  width: 45px;
  height: 2px;
  background-color: #ffffff;
  left: 17.5px;
  top: 50%;
  opacity: 0.5;
  transition: all 300ms ease-in-out;
}

/* line 402, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__close div:first-of-type {
  transform: rotate(45deg);
}

/* line 405, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__close div:last-of-type {
  transform: rotate(-45deg);
}

/* line 409, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__close:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 412, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__close:hover div:first-of-type {
  transform: rotate(45deg) scale(0.9);
}

/* line 415, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs__close:hover div:last-of-type {
  transform: rotate(-45deg) scale(0.9);
}

/* line 421, resources/assets/styles/layouts/_menu-applicatifs.scss */

.menu-applicatifs.active {
  background: rgba(0, 0, 0, 0.95);
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  overflow-x: hidden;
}

/* line 436, resources/assets/styles/layouts/_menu-applicatifs.scss */

.megamenu-active.home header {
  margin-top: 0;
}

/* line 439, resources/assets/styles/layouts/_menu-applicatifs.scss */

.megamenu-active.home .menu-applicatifs__close {
  top: -5px;
}

/* line 444, resources/assets/styles/layouts/_menu-applicatifs.scss */

.megamenu-active.applicatifs-template-default header {
  margin-top: 0;
}

/* line 448, resources/assets/styles/layouts/_menu-applicatifs.scss */

.megamenu-active header {
  background-color: rgba(0, 0, 0, 0.95);
  padding: 10px 0;
}

/* line 452, resources/assets/styles/layouts/_menu-applicatifs.scss */

.megamenu-active header .content nav {
  width: 100%;
  padding-right: 10%;
}

/* line 462, resources/assets/styles/layouts/_menu-applicatifs.scss */

.home .menu-applicatifs__close {
  top: -5px;
}

/* line 1, resources/assets/styles/layouts/_equipments.scss */

.single-product {
  display: flex;
  margin: 20px 60px 20px 0;
}

@media (max-width: 767px) {
  /* line 1, resources/assets/styles/layouts/_equipments.scss */

  .single-product {
    margin: 10px 0;
  }
}

/* line 7, resources/assets/styles/layouts/_equipments.scss */

.single-product__img {
  margin-right: 30px;
  max-width: 150px;
  width: 100%;
}

/* line 11, resources/assets/styles/layouts/_equipments.scss */

.single-product__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}

/* line 18, resources/assets/styles/layouts/_equipments.scss */

.single-product__content {
  max-width: 200px;
  width: 100%;
}

/* line 22, resources/assets/styles/layouts/_equipments.scss */

.single-product__title {
  font-family: "Roboto";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #ffffff;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.single-product__title {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__title {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__title {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 22, resources/assets/styles/layouts/_equipments.scss */

  .single-product__title {
    font-family: "Roboto";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
  }

  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__title {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__title {
    font-size: calc( 15px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (max-width: 767px) and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__title {
    font-size: 0.9375rem;
  }
}

/* line 41, resources/assets/styles/layouts/_equipments.scss */

.single-product__price {
  font-family: "Roboto";
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #ffffff;
  opacity: 0.6;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.single-product__price {
  font-size: 1rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__price {
    font-size: calc( 16px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__price {
    font-size: 1rem;
  }
}

/* line 52, resources/assets/styles/layouts/_equipments.scss */

.single-product__link {
  background-color: #4348fe;
  padding: 15px 0;
  max-width: 100px;
  width: 100%;
  height: 30px;
  font-family: "Poppins";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
}

/* line 49, resources/assets/styles/common/_mixins.scss */

.single-product__link {
  font-size: 0.75rem;
}

@media screen and (min-width: 400px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__link {
    font-size: calc( 12px + strip-unit(0px) * ( (100vw - 400px) / strip-unit(880px) ));
  }
}

@media screen and (min-width: 1280px) {
  /* line 49, resources/assets/styles/common/_mixins.scss */

  .single-product__link {
    font-size: 0.75rem;
  }
}


/*# sourceMappingURL=main.css.map*/