/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/views/front-pages/landing-page/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_heroSectionBg__9sxBe {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: -12%;
  pointer-events: none;
  z-index: -2;
}

.styles_heroSecDashboard__dRLwS {
  inline-size: 85%;
  z-index: -1;
}

.styles_heroSectionElements__7RNMw {
  inset-block-start: 18%;
  inset-inline-end: 3%;
}

.styles_heroSectionElements__7RNMw img {
    inline-size: 100%;
  }

.styles_featureIcon__9Te2B {
  cursor: pointer;
}

.styles_featureIcon__9Te2B > div:first-child {
    border-color: var(--mui-palette-primary-darkOpacity);
  }

.styles_featureIcon__9Te2B > div:hover {
    background-color: var(--mui-palette-primary-mainOpacity);
  }

.styles_featureIcon__9Te2B > div:hover svg {
      pointer-events: none;
    }

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/views/front-pages/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.styles_layoutSpacing__R__T6 {
  margin-inline: auto;
  padding-inline: 1.5rem;
}

  @media (min-width: 900px) {.styles_layoutSpacing__R__T6 {
    max-inline-size: 900px
}
  }

  @media (min-width: 1200px) {.styles_layoutSpacing__R__T6 {
    max-inline-size: 1200px
}
  }

  @media (min-width: 1920px) {.styles_layoutSpacing__R__T6 {
    max-inline-size: 1440px
}
  }