/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./public/assets/scss/main.scss ***!
  \*****************************************************************************************************************************************************************/
/*-------------
 	General
-------------*/
html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.landing-section {
  position: relative;
  justify-content: space-between;
  height: 100vh;
  color: #ffffff;
  text-align: center;
  background: transparent;
  padding: 10px 0px; }
  .landing-section .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: #6a6f72;
    z-index: -1; }
    .landing-section .background-image:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #414a4f;
      opacity: 0.75; }
  .landing-section .titleContainerDe, .landing-section .titleContainerEn {
    display: flex;
    justify-content: center; }
    .landing-section .titleContainerDe .animatedTitle, .landing-section .titleContainerEn .animatedTitle {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding-bottom: 30px; }
      .landing-section .titleContainerDe .animatedTitle p, .landing-section .titleContainerEn .animatedTitle p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        line-height: 1.5;
        color: #ffffff;
        display: flex;
        flex-wrap: nowrap;
        padding-right: 10px;
        height: 50px; }
        .landing-section .titleContainerDe .animatedTitle p > span, .landing-section .titleContainerEn .animatedTitle p > span {
          font-size: 3rem;
          font-family: 'Open Sans', sans-serif;
          display: inline-block;
          opacity: 0; }
  .landing-section h3 {
    color: #ffffff;
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 40px; }
  .landing-section a.btn {
    padding: 20px 46px; }
  .landing-section .more-button-link {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    min-height: 30px;
    padding: 0.5em 0em;
    font-weight: 500;
    text-decoration: none;
    color: #ffffff;
    border: 3px solid #ffffff;
    border-radius: 10px;
    z-index: 1000; }
    .landing-section .more-button-link:hover {
      color: #6a6f72;
      border: 3px solid #6a6f72; }
    .landing-section .more-button-link > i {
      margin-right: 1em; }
    .landing-section .more-button-link:hover i {
      color: #6a6f72 !important; }
  .landing-section #videoContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100; }
    .landing-section #videoContainer:before {
      content: "";
      z-index: -9;
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      background: black;
      opacity: 0.3; }
  .landing-section .sectionContentMain {
    width: 100%; }
  .landing-section #luconVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 102%;
    z-index: -10; }

@keyframes scaleBackground {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes animatedBackground {
  from {
    background-position: 0 100%; }
  to {
    background-position: 100% 0; } }
  .landing-section .landingImageContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden; }
  .landing-section .landingBackgroundImage {
    width: 100%;
    height: 100%; }
    .landing-section .landingBackgroundImage img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 0; }
  .landing-section .sectionContentHeader {
    flex-grow: 2; }
  .landing-section .sectionContentFooter {
    padding-bottom: 50px; }

@media (max-width: 920px) {
  .landing-section {
    min-height: 600px; }
    .landing-section a.btn {
      padding: 15px 40px; } }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.contact-form-section {
  background-color: #f7f7f7; }

.contact-form {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto; }
  .contact-form * {
    box-sizing: border-box; }

.missing-form-value {
  outline: 1px solid #ff3333 !important; }

#contact-form-error {
  color: #ff3333;
  font-size: 1.2rem; }

#contact-form-send-message {
  color: #6a6f72;
  font-size: 1.2rem; }

.flex-outer {
  list-style-type: none;
  padding: 0;
  max-width: 800px;
  margin: 0 auto; }
  .flex-outer li {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .flex-outer li label {
      flex: 1;
      padding: 8px;
      font-weight: 300;
      letter-spacing: 0.09em;
      text-transform: uppercase; }
    .flex-outer li p {
      padding: 8px;
      font-weight: 300;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      flex: 1 0 120px;
      max-width: 220px;
      margin: 0; }
    .flex-outer li input:not([type="checkbox"]) {
      padding: 15px;
      border: none; }
    .flex-outer li input[type="checkbox"] {
      margin-right: 15px; }
    .flex-outer li input:disabled {
      background-color: #f7f7f7; }
    .flex-outer li textarea {
      padding: 15px;
      border: none; }
      .flex-outer li textarea:disabled {
        background-color: #f7f7f7; }
    .flex-outer li button {
      margin-left: auto;
      padding: 8px 16px;
      border: none;
      background: #333;
      color: #f2f2f2;
      text-transform: uppercase;
      letter-spacing: 0.09em;
      border-radius: 2px; }
  .flex-outer > li:not(:last-child) {
    margin-bottom: 20px; }
  .flex-outer > li > label {
    flex: 1 0 120px;
    max-width: 220px; }
  .flex-outer > li > label + * {
    flex: 1 0 220px; }

.flex-inner {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 8px;
  justify-content: space-between;
  flex: 1 0 220px; }
  .flex-inner li {
    flex: 1; }

.submit-button {
  margin-left: auto;
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.9;
  color: #fff;
  border-radius: 4px;
  text-transform: uppercase;
  background-color: #2196f3;
  text-align: center;
  font-weight: 600;
  padding: 15px 15px; }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.sliders {
  display: flex;
  flex-direction: row;
  width: 100%; }

.slider-container {
  width: 50%;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center; }

.slider-button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 20px 5px;
  color: #414a4f;
  font-size: 2rem; }

.slider-button span {
  position: relative;
  display: inline-block;
  transform: translateX(0);
  transition: transform 0.3s ease; }

.previous:hover span {
  transform: translateX(-10px) scale(1.2); }

.next:hover span {
  transform: translateX(10px) scale(1.2); }

.slider-checkbox {
  display: flex;
  justify-content: center;
  flex-direction: row; }

.slider-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center; }

.slider-nav li {
  display: flex;
  flex: 2;
  text-align: center;
  justify-content: center;
  margin: 0 20px; }

.slider-nav .arrow {
  flex: 0 0 15%; }

.slider-nav a {
  flex-basis: 100%;
  display: flex;
  align-items: center; }

.slider-nav span {
  display: block;
  width: 100%; }

.slider-nav span i {
  font-size: xx-large; }

div.slider-item {
  display: none;
  width: 33.3%;
  border: 3px solid #f7f7f7;
  padding: 10px; }

div.slider-item img {
  width: 100%;
  align-items: center; }

div.active {
  display: flex;
  align-items: center; }

.slider-checkbox-controls label {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border: 4px solid white;
  border-radius: 50%;
  background-color: #cccccc;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  cursor: pointer; }

.navigation-btn {
  border: 2px solid #0775B1;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  transition: 1s; }

.slider-checkbox-input {
  display: none; }

.navigation-btn:not(:last-child) {
  margin-right: 20px; }

.navigation-btn:hover {
  background: #0775B1; }

.slider-checkbox-controls {
  margin: 20px auto;
  text-align: center; }

div.active, div.old-active, div.active-prev, div.old-active-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  width: 100%;
  align-items: center; }

div.active {
  -webkit-animation: slideIn 0.8s;
  animation: slideIn 0.8s; }

div.active-prev {
  -webkit-animation: slideInPrev 0.8s;
  animation: slideInPrev 0.8s; }

div.old-active {
  -webkit-animation: slideOut 0.8s;
  animation: slideOut 0.8s; }

div.old-active-prev {
  -webkit-animation: slideOutPrev 0.8s;
  animation: slideOutPrev 0.8s; }

@-webkit-keyframes fadeImg {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeImg {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translate(-30%, 0px);
    transform: translate(-30%, 0px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1; } }

@keyframes slideIn {
  from {
    -webkit-transform: translate(-30%, 0px);
    transform: translate(-30%, 0px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1; } }

@-webkit-keyframes slideInPrev {
  from {
    -webkit-transform: translate(30%, 0px);
    transform: translate(30%, 0px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1; } }

@keyframes slideInPrev {
  from {
    -webkit-transform: translate(30%, 0px);
    transform: translate(30%, 0px);
    opacity: 0; }
  to {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1; } }

@-webkit-keyframes slideOut {
  from {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1; }
  to {
    -webkit-transform: translate(30%, 0px);
    transform: translate(30%, 0px);
    opacity: 0; } }

@keyframes slideOut {
  from {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1; }
  to {
    -webkit-transform: translate(30%, 0px);
    transform: translate(30%, 0px);
    opacity: 0; } }

@-webkit-keyframes slideOutPrev {
  from {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1; }
  to {
    -webkit-transform: translate(-30%, 0px);
    transform: translate(-30%, 0px);
    opacity: 0; } }

@keyframes slideOutPrev {
  from {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1; }
  to {
    -webkit-transform: translate(-30%, 0px);
    transform: translate(-30%, 0px);
    opacity: 0; } }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.iotHubSection {
  background-color: #f7f7f7;
  width: 100%;
  height: 100%; }
  .iotHubSection .tabbed {
    width: 100%; }
    .iotHubSection .tabbed .tabs-content {
      display: flex;
      margin-left: 0;
      border-bottom: 1px solid silver;
      clear: both;
      width: 100%; }
    .iotHubSection .tabbed > input,
    .iotHubSection .tabbed .tabs-content > div {
      display: none; }
    .iotHubSection .tabbed .tabs-content .alltab {
      /*display: flex;*/
      flex-direction: column; }
      .iotHubSection .tabbed .tabs-content .alltab .animeAd {
        margin-top: 20px;
        text-align: center; }
        .iotHubSection .tabbed .tabs-content .alltab .animeAd > span {
          display: inline-block;
          line-height: 1em;
          font-size: xx-large;
          color: #0775B1; }
      .iotHubSection .tabbed .tabs-content .alltab hr {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px; }
      .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-around;
        align-items: flex-start;
        justify-content: space-between;
        gap: 50px; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer1 p {
          text-align: justify;
          line-height: 1.5;
          max-width: none; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer1 > .textLeftDiv {
          flex: 1 0 55%;
          /* Allow text div to grow, but limit its maximum width */
          /* Set maximum width to 50% of the container */ }
          .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer1 > .textLeftDiv > .flex-list {
            margin-top: 10px;
            list-style: none;
            padding: 0; }
            .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer1 > .textLeftDiv > .flex-list li {
              display: flex;
              align-items: flex-start;
              margin-bottom: 20px; }
              .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer1 > .textLeftDiv > .flex-list li i {
                margin-right: 10px;
                color: #0775B1;
                font-size: 24px; }
              .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer1 > .textLeftDiv > .flex-list li p {
                margin: 0;
                line-height: 1.5; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer1 .pictureRightDiv {
          flex: 1 0 calc(45% - 50px);
          justify-self: flex-start;
          min-width: 300px;
          padding-top: 20px;
          padding-bottom: 20px;
          padding-right: 0px; }
      .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer2 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        align-content: flex-start;
        row-gap: 30px;
        column-gap: 15px;
        margin-top: 80px;
        padding-left: 30px;
        padding-right: 30px; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer2 .highlightBlock {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          align-content: flex-start;
          max-width: 300px; }
          .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer2 .highlightBlock .highlightBlockHeader {
            color: #494b4d;
            font-size: large; }
          .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer2 .highlightBlock > p {
            text-align: left;
            margin-top: 2px;
            line-height: 1.4; }
            .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer2 .highlightBlock > p > i {
              margin-right: 10px;
              font-size: x-large;
              color: #0775B1; }
      .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer3 {
        margin-top: 30px;
        padding: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        border-radius: 20px;
        border: 1px solid silver;
        flex-wrap: wrap; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer3 > a {
          width: auto;
          height: 100%;
          align-content: center;
          display: contents; }
          .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer3 > a > img {
            max-width: 40% !important; }
            .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer3 > a > img:hover {
              transform: scale(1.2);
              transition: 0.5s ease; }
          .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer3 > a > h2 {
            max-width: 40%; }
            .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer3 > a > h2:hover {
              transform: scale(1.3);
              transition: 0.5s ease; }
          .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer3 > a > div {
            max-width: 30%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer3 > h2:hover {
          transform: scale(1.3);
          transition: 0.5s ease; }
      .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer4 {
        background-color: #e3e3e3;
        margin-top: 30px;
        padding: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        border-radius: 20px;
        border: 1px solid silver; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer4 > img {
          min-width: 110px;
          max-width: 20% !important;
          padding: 10px; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer4 > a {
          width: auto;
          height: 100%;
          align-content: center;
          display: contents; }
          .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainer4 > a > div {
            padding: 10px;
            min-width: 200px;
            max-width: 30%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center; }
      .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainerText {
        margin-top: 30px;
        padding: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center; }
        .iotHubSection .tabbed .tabs-content .alltab .tabContentHorizontalContainerText > p {
          margin-top: 0px;
          max-width: none;
          color: #0775B1; }
    .iotHubSection .tabbed .tabs-content > div {
      padding: 20px;
      width: 100%;
      border: 1px solid silver;
      line-height: 1.5;
      letter-spacing: 0.3px; }
    .iotHubSection .tabbed #tab1:checked ~ .tabs-content .tab1,
    .iotHubSection .tabbed #tab2:checked ~ .tabs-content .tab2,
    .iotHubSection .tabbed #tab3:checked ~ .tabs-content .tab3,
    .iotHubSection .tabbed #tab4:checked ~ .tabs-content .tab4 {
      display: flex; }
    .iotHubSection .tabbed nav {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
    .iotHubSection .tabbed nav label {
      display: flex;
      flex-direction: row;
      flex-wrap: none;
      align-items: center;
      gap: 8px;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 15px;
      padding-bottom: 15px;
      border-top: 1px solid silver;
      border-right: 1px solid silver;
      background: #f7f7f7;
      color: #555; }
      .iotHubSection .tabbed nav label > img {
        height: 40px; }
    .iotHubSection .tabbed nav > .tabHeaderStyle1 {
      padding-top: 5px;
      padding-bottom: 5px; }
    .iotHubSection .tabbed nav label:nth-child(1) {
      border-left: 1px solid silver; }
    .iotHubSection .tabbed nav label:hover {
      background: #6a6f72; }
    .iotHubSection .tabbed nav label:active {
      border-top: 3px solid #6a6f72; }
    .iotHubSection .tabbed #tab1:checked ~ nav label[for="tab1"],
    .iotHubSection .tabbed #tab2:checked ~ nav label[for="tab2"],
    .iotHubSection .tabbed #tab3:checked ~ nav label[for="tab3"],
    .iotHubSection .tabbed #tab4:checked ~ nav label[for="tab4"] {
      background: #f7f7f7;
      color: #555;
      position: relative;
      border-bottom: none; }
    .iotHubSection .tabbed #tab1:checked ~ nav label[for="tab1"]:after,
    .iotHubSection .tabbed #tab2:checked ~ nav label[for="tab2"]:after,
    .iotHubSection .tabbed #tab3:checked ~ nav label[for="tab3"]:after,
    .iotHubSection .tabbed #tab4:checked ~ nav label[for="tab4"]:after {
      content: "";
      display: block;
      position: absolute;
      height: 4px;
      width: 100%;
      background: #0775B1;
      left: 0;
      bottom: -1px; }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.showCaseSection1 {
  padding: 0px;
  background-color: #e3e3e3;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center; }
  .showCaseSection1 .hubInPraxisTitle {
    margin-top: 55px;
    font-weight: bold;
    margin-bottom: 10px; }
  .showCaseSection1 hr {
    background-color: #0775B1; }
  .showCaseSection1 .sectionContentHorizontalContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: flex-start;
    justify-content: space-around;
    width: 98%; }
    .showCaseSection1 .sectionContentHorizontalContainer .showCaseSectionMACDiv {
      flex: 1 1;
      min-width: 300px;
      max-width: 55%; }
    .showCaseSection1 .sectionContentHorizontalContainer .showCaseSectionMACCommentDiv {
      flex: 1 1;
      min-width: 250px;
      max-width: 35%;
      padding-top: 30px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .showCaseSection1 .sectionContentHorizontalContainer .showCaseSectionMACCommentDiv .flex-list {
        margin-top: 10px;
        list-style: none;
        padding: 0; }
        .showCaseSection1 .sectionContentHorizontalContainer .showCaseSectionMACCommentDiv .flex-list li {
          display: flex;
          align-items: flex-start;
          margin-bottom: 20px; }
          .showCaseSection1 .sectionContentHorizontalContainer .showCaseSectionMACCommentDiv .flex-list li i {
            margin-right: 10px;
            color: #0775B1;
            font-size: 24px; }
          .showCaseSection1 .sectionContentHorizontalContainer .showCaseSectionMACCommentDiv .flex-list li p {
            margin: 0;
            line-height: 1.5;
            text-align: start; }
      .showCaseSection1 .sectionContentHorizontalContainer .showCaseSectionMACCommentDiv h3 {
        color: #0775B1; }
      .showCaseSection1 .sectionContentHorizontalContainer .showCaseSectionMACCommentDiv > p {
        text-align: justify; }
  .showCaseSection1 .showCaseSectionPhonesDiv {
    display: flex;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
    gap: 20px; }
    .showCaseSection1 .showCaseSectionPhonesDiv .phoneSVG {
      min-width: 150px;
      max-width: 340px; }

@media (min-width: 430px) {
  .showCaseSectionPhonesDiv {
    width: 70%; } }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.luconSection {
  background-color: #e3e3e3;
  padding-top: 150px; }
  .luconSection .grid li {
    padding: 20px;
    height: 350px;
    border-radius: 3px;
    background-clip: content-box;
    background-size: cover;
    background-position: center;
    background-color: #f7f7f7; }
  .luconSection .grid li.small {
    flex-basis: 40%; }
  .luconSection .grid li.large {
    flex-basis: 60%; }

@media (max-width: 1000px) {
  .luconSection .grid li.small {
    flex-basis: 100%; }
  .luconSection .grid li.large {
    flex-basis: 100%; } }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.services-section {
  background-color: #f7f7f7; }
  .services-section p {
    text-align: center; }
  .services-section .slogan1 {
    text-align: center; }
  .services-section .grid li {
    padding: 0 30px;
    flex-basis: 33%;
    text-align: center; }
    .services-section .grid li i {
      color: #0775B1;
      margin-bottom: 25px; }
    .services-section .grid li h4 {
      color: #0775B1;
      margin-bottom: 25px; }
    .services-section .grid li p {
      margin: 0; }

@media (max-width: 1000px) {
  .services-section .grid li {
    flex-basis: 70%;
    margin-bottom: 65px; }
    .services-section .grid li:last-child {
      margin-bottom: 0; } }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.counter-section {
  display: flex;
  background-color: #f7f7f7; }

.counter-container {
  width: 80%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 100px;
  justify-content: space-around;
  align-items: center; }
  .counter-container .counter {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .counter-container .counter h3 {
      padding: 0.5rem 0;
      font-size: 2.5rem;
      font-weight: 800;
      min-width: 8ch;
      color: #0775B1; }
    .counter-container .counter h6 {
      font-size: 2rem;
      padding-bottom: 1rem;
      color: #0775B1; }
    .counter-container .counter .icon {
      height: 5rem;
      width: auto;
      filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(280deg) brightness(10%) contrast(35%); }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.our-network-section {
  background-color: #e3e3e3;
  color: #ffffff;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px; }
  .our-network-section .title-desc {
    color: #555; }
  .our-network-section .tile-container .tile {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 200px;
    min-width: 200px;
    text-align: center;
    flex-grow: 1; }
    .our-network-section .tile-container .tile > img {
      transition: 0.5s ease; }
    .our-network-section .tile-container .tile .tile-desktop {
      width: 100%;
      display: none;
      justify-content: space-around;
      align-content: stretch;
      transition: 0.5s ease;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center; }
      .our-network-section .tile-container .tile .tile-desktop > div {
        width: 100%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; }
        .our-network-section .tile-container .tile .tile-desktop > div .tile-button-link {
          margin-top: auto;
          margin-bottom: auto;
          padding-left: 1rem;
          padding-right: 1rem;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 5rem;
          color: #ffffff;
          border: 3px solid #ffffff;
          border-radius: 10px; }
          .our-network-section .tile-container .tile .tile-desktop > div .tile-button-link:hover {
            color: #6a6f72;
            border: 3px solid #6a6f72; }
          .our-network-section .tile-container .tile .tile-desktop > div .tile-button-link:hover i {
            color: #6a6f72; }
          .our-network-section .tile-container .tile .tile-desktop > div .tile-button-link > i {
            margin-right: 10px;
            color: white; }
    .our-network-section .tile-container .tile .icon-mobile {
      display: none; }
      .our-network-section .tile-container .tile .icon-mobile img {
        width: 100%; }
    .our-network-section .tile-container .tile:hover {
      background-color: #404040; }
      .our-network-section .tile-container .tile:hover > img {
        opacity: 0.3; }
      .our-network-section .tile-container .tile:hover .tile-desktop {
        opacity: 1;
        display: flex; }
    .our-network-section .tile-container .tile p {
      text-align: center; }
    .our-network-section .tile-container .tile.third {
      flex-basis: 30%; }
  .our-network-section .carousel-container {
    max-width: 80%; }
    .our-network-section .carousel-container .carousel-inner {
      display: flex;
      scroll-behavior: smooth;
      align-items: center;
      overflow: hidden; }
      .our-network-section .carousel-container .carousel-inner .carousel-item {
        flex: 0 0 auto;
        align-items: center; }
      .our-network-section .carousel-container .carousel-inner .carousel-item img {
        width: 100%;
        height: 100%;
        padding: 50px; }
    .our-network-section .carousel-container .carousel-nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center; }
      .our-network-section .carousel-container .carousel-nav ul li {
        display: flex;
        flex: 2;
        text-align: center;
        justify-content: center;
        margin: 0 20px;
        flex: 0 0 15%; }
        .our-network-section .carousel-container .carousel-nav ul li .carousel-button {
          position: relative;
          display: inline-block;
          cursor: pointer;
          outline: none;
          border: 0;
          vertical-align: middle;
          text-decoration: none;
          background: transparent;
          padding: 20px 5px;
          color: #414a4f;
          font-size: 2rem; }
          .our-network-section .carousel-container .carousel-nav ul li .carousel-button span {
            position: relative;
            display: inline-block;
            transform: translateX(0);
            transition: transform 0.3s ease; }
            .our-network-section .carousel-container .carousel-nav ul li .carousel-button span i {
              font-size: xx-large; }
        .our-network-section .carousel-container .carousel-nav ul li .previous:hover span {
          transform: translateX(-10px) scale(1.2); }
        .our-network-section .carousel-container .carousel-nav ul li .next:hover span {
          transform: translateX(10px) scale(1.2); }

@media (max-width: 611px) {
  .carousel-container .carousel-inner .carousel-item {
    width: calc(100% / 1);
    min-width: 100%; } }

@media (max-width: 860px) {
  .carousel-container .carousel-inner .carousel-item {
    width: calc(100% / 2) !important; } }

@media (max-width: 1000px) {
  .tile .icon-desktop {
    min-width: 150px; }
  .tile .icon-mobile {
    display: flex; }
  .tile:hover {
    background-color: transparent; }
    .tile:hover > img {
      opacity: 1; }
    .tile:hover .tile-desktop {
      min-width: 150px; }
  .carousel-container .carousel-inner .carousel-item {
    width: calc(100% / 3); } }

@media (min-width: 1000px) {
  .carousel-container .carousel-inner .carousel-item {
    width: calc(100% / 3) !important; } }

html {
  font: normal 1rem "Raleway", sans-serif;
  color: #6a6f72; }
  @media (min-width: 768px) {
    html {
      font-size: 85%; } }
  @media (min-width: 992px) {
    html {
      font-size: 90%; } }
  @media (min-width: 1200px) {
    html {
      font-size: 100%; } }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons-svg {
  margin-top: -4px;
  padding-bottom: 15px; }

.material-icons-svg-small {
  margin: 10px;
  width: 48px; }

.highlights-section {
  background-color: #e3e3e3; }
  .highlights-section h2 {
    font-weight: 600;
    padding-bottom: 50px; }
  .highlights-section .highlightsSectionContainer {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap; }
    .highlights-section .highlightsSectionContainer .highlights {
      display: flex;
      flex-direction: row;
      width: 40%;
      justify-content: space-evenly;
      flex-wrap: wrap; }
      .highlights-section .highlightsSectionContainer .highlights .highlightsColumn {
        padding-right: 20px; }
        .highlights-section .highlightsSectionContainer .highlights .highlightsColumn p {
          display: flex;
          align-items: center;
          justify-content: space-evenly; }
          .highlights-section .highlightsSectionContainer .highlights .highlightsColumn p i {
            color: #0775B1;
            font-size: 25px;
            padding-right: 5px; }

@media (max-width: 700px) {
  .highlights-section .highlightsSectionContainer .highlights {
    width: 100% !important; } }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font: normal 1rem "Raleway", sans-serif;
  max-width: 100%; }

body {
  width: 100%;
  height: 100%; }

i {
  color: #6a6f72; }

ul {
  list-style: none; }

nav {
  list-style: none; }

h1 {
  color: #6a6f72;
  font-size: 3rem; }

h2,
h3,
h4,
h6 {
  color: #0775B1; }

h2 {
  font-size: 2.5rem; }

h3 {
  font-size: 2rem; }

h4 {
  font-size: 1.5rem; }

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  /* remove extra space below image */ }

a.btn {
  color: #ffffff;
  border-radius: 4px;
  text-transform: uppercase;
  background-color: #6a6f72;
  font-weight: 600;
  text-align: center; }

hr {
  width: 150px;
  height: 3px;
  background-color: #0775B1;
  border: 0;
  margin-bottom: 80px; }

.unselect-language {
  display: none; }

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 100px 50px; }
  section h3.title {
    text-transform: capitalize;
    font: bold 32px "Open Sans", sans-serif;
    margin-bottom: 35px;
    text-align: center; }
  section p {
    max-width: 800px;
    text-align: left;
    margin-top: 15px;
    line-height: 2; }

ul.grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 20px 100px 0; }
  header h2 {
    font-family: "Quicksand", sans-serif; }
  header .logo {
    flex: 1; }
  header .menu {
    padding-left: 40px; }
    header .menu .active-lang {
      font-weight: 800;
      font-size: 1.2rem; }
    header .menu .btn-lang {
      background-color: transparent;
      border: none;
      color: #ffffff; }
      header .menu .btn-lang:hover {
        cursor: pointer; }

.navbar ul {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 66px;
  line-height: 66px;
  background-color: #0775B1;
  z-index: 100;
  flex-wrap: wrap; }
  .navbar ul li {
    margin: 0 15px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .navbar ul li:first-child {
      margin-left: 0; }
    .navbar ul li:last-child {
      margin-right: 0; }
    .navbar ul li a {
      font-size: 1.5rem;
      color: #ffffff; }

.sticky-navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

.reviews {
  background-color: #ffffff; }
  .reviews .quote {
    text-align: center;
    width: 80%;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 0;
    font-size: 1.5rem; }
  .reviews .author {
    margin-bottom: 50px;
    font-size: 1.2rem; }
    .reviews .author:last-child {
      margin-bottom: 0; }

.contact {
  background-color: #f7f7f7; }
  .contact form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 800px;
    width: 80%; }
    .contact form input {
      padding: 15px;
      flex: 1;
      margin-right: 30px;
      color: #000; }
    .contact form .btn {
      padding: 15px 15px; }

footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #ffffff;
  background-color: #414a4f; }
  footer .footer-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly; }
    footer .footer-inner .left ul {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      margin: 25px; }
      footer .footer-inner .left ul li {
        display: flex;
        align-items: center; }
        footer .footer-inner .left ul li i {
          color: #E3E3E3; }
        footer .footer-inner .left ul li .contact-footer {
          margin: auto;
          margin-left: 10px;
          align-content: stretch;
          /*text-transform: uppercase;*/
          color: #E3E3E3; }
          footer .footer-inner .left ul li .contact-footer a {
            color: #ffffff; }
        footer .footer-inner .left ul li .address-footer {
          /*text-transform: uppercase;*/
          color: #E3E3E3; }
    footer .footer-inner .right {
      padding: 10px; }
      footer .footer-inner .right .map {
        height: 100%;
        width: 420px; }
  footer .footer-bottom {
    min-height: 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 10px;
    gap: 10px;
    align-items: center;
    text-align: center;
    color: #ffffff;
    background-color: #000; }
    footer .footer-bottom .copyright {
      color: rgba(255, 255, 255, 0.5); }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animate__animated.animate__bounce {
  --animate-duration: 2s; }

#scroll-top-right {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  z-index: 100;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.luconSectionSvg {
  width: 100%;
  height: auto; }

.keywords .keyword-list {
  max-width: 400px;
  color: #6a6f72;
  font-size: 1.2rem; }

@media (max-width: 700px) {
  header .menu .active-lang {
    font-weight: 800;
    font-size: 1rem; }
  section h1 {
    font-size: 2rem; }
  section h2 {
    font-size: 1.5rem; }
  section h3 {
    font-size: 1.2rem; } }

@media (max-width: 800px) {
  .navbar ul li {
    margin: 0; }
    .navbar ul li a {
      font-size: 1.2rem; }
  .contact form input {
    flex-basis: 100%;
    margin: 0 0 20px 0; }
  footer .footer-inner {
    justify-content: center; }
    footer .footer-inner .left ul li {
      justify-content: center; }
      footer .footer-inner .left ul li .contact-footer {
        margin-right: 0px; }
    footer .footer-inner .right .map {
      height: 100%;
      width: 350px; } }

@media (max-width: 1000px) {
  h2,
  #h3AboveGrid {
    text-align: center; }
  section {
    padding: 25px 15px; }
  header {
    padding: 20px 50px; }
  .reviews .quote {
    font-size: 1.2rem; }
  .reviews .author {
    font-size: 1rem; } }

@media (max-width: 1200px) {
  #bsaHolder {
    display: none; } }