@font-face {
  font-family: Clashgrotesk;
  src: url('../fonts/ClashGrotesk-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashgrotesk;
  src: url('../fonts/ClashGrotesk-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashgrotesk;
  src: url('../fonts/ClashGrotesk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashgrotesk;
  src: url('../fonts/ClashGrotesk-Extralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashgrotesk;
  src: url('../fonts/ClashGrotesk-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashgrotesk;
  src: url('../fonts/ClashGrotesk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --green-quanteec: #2cac8a;
  --d-blue-quanteec: #002545;
  --l-blue-quanteec: #2f90b0;
  --white: white;
  --grisfooter: #ffffff4d;
  --orange-quanteec: #fa6440;
  --untitled-ui-primary600\<deleted\|variable-c514c1b4\>: #7f56d9;
  --untitled-ui-primary100\<deleted\|variable-35a3c723\>: #f4ebff;
  --untitled-ui-gray300\<deleted\|variable-51e0117e\>: #d0d5dd;
  --untitled-ui-gray700\<deleted\|variable-d4f37b50\>: #344054;
  --untitled-ui-gray50\<deleted\|variable-8a511359\>: #f9fafb;
  --untitled-ui-gray800\<deleted\|variable-0a1a9f61\>: #fff6;
  --untitled-ui-gray100\<deleted\|variable-4a47ec41\>: #f2f4f700;
  --untitled-ui-primary500\<deleted\|variable-2fc4bf9f\>: #9e77ed;
  --untitled-ui-gray600\<deleted\|variable-10a0cd12\>: #475467;
  --untitled-ui-primary300: #d6bbfb;
  --elements-webflow-library-accent--primary-1: #4a3aff;
  --elements-webflow-library-neutral--100: #fff;
  --elements-webflow-library-secondary--color-1: #281ca5;
  --elements-webflow-library-neutral--350: #eff0f6;
  --elements-webflow-library-general--shadow-03: #14142b1a;
  --elements-webflow-library-general--shadow-02: #14142b14;
  --elements-webflow-library-neutral--600: #202022;
  --elements-webflow-library-general--shadow-01: #14142b0f;
  --elements-webflow-library-neutral--200: #f7f7fc;
  --elements-webflow-library-neutral--800: #211f54;
  --grey: #cbcbcb;
  --grey_font: #002545b3;
  --d-blue-quanteec-non-select: #00254580;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--pink50: #fdf2fa;
  --untitled-ui--pink700: #c11574;
  --untitled-ui--indigo50: #eef4ff;
  --untitled-ui--indigo700: #3538cd;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--primary800: #53389e;
  --black: var(--color);
  --red_problems: #fb3130;
  --flowui-component-library--gray-900: #160042;
  --flowui-component-library--white: white;
  --flowui-component-library--primary-base: #642eff;
  --flowui-component-library--gray-700: #282556;
  --flowui-component-library--primary-dark: #2d0896;
  --relume-library-lite--rl-white: white;
  --relume-library-lite--rl-black: black;
  --color: #000;
  --flowui-component-library--gray-500: #6b7094;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.navbar-logo-left {
  background-color: #002545;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 60px;
  padding-left: 24px;
  display: flex;
}

.navbarcontainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-content {
  opacity: 1;
  mix-blend-mode: normal;
  border: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1382px;
  font-family: Montserrat, sans-serif;
  font-size: 9px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.navbar-brand {
  justify-content: flex-start;
  align-items: flex-start;
  width: 152px;
  display: flex;
  position: relative;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 152px;
  height: 35.5432px;
  display: flex;
  position: absolute;
  top: .5px;
  left: 0;
}

.navbar-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  display: flex;
}

.text {
  color: #fff;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
}

.navbar-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #002545;
  justify-content: center;
  align-items: center;
  width: 154px;
  padding: 8px 20px;
  display: flex;
}

.get-started {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.vectors-wrapper-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 146.413px;
  height: 43.8409px;
  display: flex;
}

.text-2 {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 140%;
  position: absolute;
  top: 16.4204px;
  left: 18.2061px;
}

.navbar-button-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #002545;
  justify-content: center;
  align-items: center;
  width: 157px;
  padding: 8px 20px;
  display: flex;
}

.get-started-2 {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 140%;
  position: absolute;
  top: 16.4204px;
  left: 28.7061px;
}

.navbarcontainer-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1009px;
  display: flex;
}

.navbar-menu-2 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-button-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #002545;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 202px;
  padding: 8px 20px;
  display: flex;
}

.vectors-wrapper-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 146.413px;
  height: 43.8409px;
  display: flex;
}

.text-3 {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 140%;
  position: absolute;
  top: 16.4204px;
  left: 18.2061px;
}

.navbar-button-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #002545;
  justify-content: center;
  align-items: center;
  width: 181px;
  padding: 8px 20px;
  display: flex;
}

.navbar {
  z-index: 99;
  color: #022545;
  background-color: #022545;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar_containe {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar_containe.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  background-color: #002545;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-brand-2.contact_us.w--current {
  flex-direction: column;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #fff;
  letter-spacing: .25px;
  cursor: pointer;
  background-color: #bd949400;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #2f90b0;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link._2 {
  padding-left: 10px;
  font-weight: 600;
}

.nav-link._2.w--current {
  padding-left: 5px;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  color: #fff;
  cursor: pointer;
  border: 1px #fff;
  margin-right: 0;
}

.nav-dropdown-icon:hover {
  color: #2f90b0;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide {
  transform-style: preserve-3d;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  color: #fff;
  -webkit-text-stroke-color: #002545;
  background-color: #022545;
  border-radius: 0;
  transform: translate3d(11px, -11px, 65px);
}

.nav-dropdown-link {
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
}

.nav-dropdown-link:hover {
  color: var(--green-quanteec);
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #fa6440;
  letter-spacing: .25px;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #14bf98;
}

.button-primary {
  color: var(--d-blue-quanteec);
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1a1b1f00;
  background-image: url('../images/Exclude.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 176.55px;
  height: 44px;
  padding: 8px 25px;
  font-family: Open Sans, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 20px;
  transition: all .2s;
  display: flex;
}

.button-primary:hover {
  color: #fff;
  background-color: #23293a00;
}

.button-primary:active {
  mix-blend-mode: luminosity;
  background-color: #3761c200;
}

.button-primary.ott_button_graph {
  opacity: 0;
  display: none;
}

.button-primary.home {
  width: auto;
  height: auto;
  font-size: 10px;
}

.text-block {
  color: #fff;
}

.image {
  min-width: 50%;
  max-width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  display: block;
}

.image.logo-cu {
  width: 271px;
  min-width: 193px;
  max-width: 200%;
  height: 63.37px;
  margin-top: 20px;
}

.sectionhead {
  background-color: #032545;
  background-image: url('../images/Hero.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 55vw;
  display: flex;
}

.sectionhead.integration {
  background-color: #03254500;
  background-image: none;
  min-height: 500px;
}

.headcontainer {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.heading.txt_p2p {
  color: var(--l-blue-quanteec);
  padding-left: .5rem;
  padding-right: .5rem;
}

.heading.txt_ecdn {
  color: var(--green-quanteec);
  margin-top: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}

.paragraph {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 155px;
  padding-right: 155px;
  font-family: Montserrat, sans-serif;
  line-height: 22px;
}

.paragraph.integration {
  color: #002545;
  text-align: center;
  max-width: 60%;
  padding-left: 18px;
  padding-right: 18px;
}

.button.button-live-demo {
  color: #002545;
  text-align: center;
  object-fit: fill;
  background-color: #14bf9800;
  background-image: url('../images/Navbar-Button.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  justify-content: center;
  align-items: center;
  min-width: 135px;
  max-width: none;
  margin-top: 0%;
  margin-right: 10px;
  padding: 10px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.button.button-live-demo:hover {
  color: var(--d-blue-quanteec);
  background-image: url('../images/Navbar-Button_1.svg');
}

.button.button-live-demo.integration {
  color: var(--white);
  text-transform: uppercase;
  background-image: url('../images/Button-GetQ.svg');
  align-self: center;
  min-width: 180px;
  max-width: none;
  min-height: 53px;
  margin-right: 0;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.button.button-live-demo.integration:hover {
  color: var(--green-quanteec);
  background-image: url('../images/Navbar-Button_2.svg');
}

.button.button-live-demo.aboutus {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 3%;
  display: flex;
}

.button.button-live-demo.bmessage {
  aspect-ratio: auto;
  text-align: center;
  background-image: url('../images/Group-166.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-end;
  min-width: 190px;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 45px;
  padding-right: 0;
  font-size: 12px;
  font-weight: 600;
  display: block;
  position: static;
}

.button.button-live-demo.bgetq {
  background-image: url('../images/Group-165.svg');
  min-width: 180px;
  padding-left: 28px;
  font-size: 12px;
}

.button.button-live-demo.b_learnmore {
  text-transform: uppercase;
  background-image: url('../images/Property-1Default.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: center;
  min-width: 160px;
  max-width: 180px;
  margin-right: 0;
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: opacity .2s, background-color .5s;
  display: flex;
}

.button.button-live-demo.b_learnmore:hover {
  color: #fff;
  background-image: radial-gradient(circle, #00254591, #72717100), url('../images/Property-1Variant2.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 100%;
}

.button.button-live-demo.home {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 135px;
  max-width: none;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.button.button-live-demo.home:hover {
  color: var(--white);
}

.button.button-live-demo.home._1 {
  justify-content: center;
  display: flex;
}

.button.button-tff {
  color: var(--white);
  text-align: center;
  background-color: #3898ec00;
  background-image: url('../images/Navbar-Button_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px #14bf9800;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  min-width: 140px;
  max-width: 130px;
  margin-top: 0%;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.button.button-tff:hover {
  color: var(--white);
  background-image: url('../images/Vectors-Wrapper_1.svg');
}

.button.button-tff.integration {
  color: #0d304f;
  margin-left: 20px;
}

.container-3 {
  flex-direction: row;
  margin-top: 29px;
  display: flex;
}

.container-3.container-4 {
  flex-direction: row;
  width: 0%;
  max-width: 0;
  margin: 0;
}

.container-3.integration {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  display: flex;
}

.div-two-buttons-home {
  max-width: 0;
}

.div-two-buttons-home.divstandar {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.hero-learn-more {
  background-color: #f5f7fa00;
  border-bottom: 1px #e4ebf3;
  justify-content: center;
  align-items: center;
  min-height: 600px;
  padding: 27% 30px 80px;
  display: flex;
  position: relative;
}

.container-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 51%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  color: #002545;
  text-indent: -3px;
  flex: 1;
  align-self: center;
  margin-bottom: 35px;
  font-family: Montserrat, sans-serif;
  line-height: 26px;
}

.button-primary-2 {
  color: #002545;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #14bf98;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 12px 25px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  transition: all .6s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.features-list {
  border-bottom: 1px #e4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 167px 30px 80px;
  display: flex;
  position: relative;
}

.container-5 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.features-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.features-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.features-paragraph {
  color: #002545;
  text-align: left;
  align-self: auto;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.features-paragraph.integration {
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
  padding-right: 0;
}

.features-paragraph.integration._1 {
  padding-left: 32px;
  padding-right: 32px;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.features-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  margin-bottom: -16px;
  display: flex;
}

.features-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.features-image {
  object-fit: cover;
  width: 80px;
  height: 80px;
  margin-right: 16px;
}

.divgeneralbg {
  background-image: url('../images/Background.svg');
  background-position: 50% 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.container-6 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.features-wrapper-two-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.features-right-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: none;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.features-block-two-2 {
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 0%;
  min-height: 0%;
  margin-bottom: 6%;
  margin-left: 0;
  margin-right: 0;
  list-style-type: none;
  display: flex;
  position: relative;
}

.features-image-2 {
  object-fit: cover;
  width: auto;
  max-width: 17%;
  height: auto;
  margin-right: 5%;
}

.heading-2 {
  color: #002545;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 19px;
}

.heading-2.head-ott-perfo {
  text-align: left;
  text-transform: none;
  margin-bottom: 10px;
}

.heading-2.integration {
  color: #fff;
  text-transform: none;
  margin-bottom: 35px;
}

.logos-title-large {
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 60px 30px;
  position: static;
}

.container-7 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 134px;
  padding-right: 134px;
}

.clients-title {
  color: #14bf98;
  text-align: center;
  margin-bottom: 13px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.clients-wrapper {
  justify-content: space-between;
  align-items: center;
  max-width: 750px;
  margin-top: 49px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-2 {
  text-align: center;
  background-color: #3898ec00;
  background-image: url('../images/Button-GetQ.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 130px;
  min-height: 50px;
  padding-top: 14px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.button-2:hover {
  color: var(--d-blue-quanteec);
  background-image: url('../images/Navbar-Button_2.svg');
  background-size: contain;
  min-width: 160px;
  min-height: 50px;
}

.div-block-5 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.featuresmetrics {
  background-color: #f5f7fa00;
  border-bottom: 1px #e4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 60px 30px;
  display: flex;
  position: relative;
}

.container-8 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.features-wrapper {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.features-block {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.figuresmetrics {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 48px;
  display: flex;
}

.features-title-small {
  font-size: 24px;
  line-height: 32px;
}

.heading-3 {
  min-width: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.heading-3.heading_es {
  color: var(--white);
  text-transform: uppercase;
  min-width: 0;
  margin-top: 10px;
  margin-right: 0%;
  padding-right: 0%;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
}

.greenscore {
  color: #fff;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 11px;
  font-family: Montserrat, sans-serif;
  font-size: 81px;
}

.text-span {
  color: #002545;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 29px;
  line-height: 40px;
}

.column-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-4 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.divfooterfondo {
  background-image: url('../images/ENERGY-SAVED.svg');
  background-position: 50%;
  background-size: cover;
  min-height: 0;
  margin-top: 120px;
}

.textmetrics {
  color: #002545;
  text-transform: uppercase;
  margin-left: 17px;
  margin-right: 17px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.textmetrics.vertbar {
  color: #fff;
  text-align: center;
  object-fit: fill;
  align-self: center;
  margin-bottom: 3px;
  margin-left: 13px;
  margin-right: 13px;
  font-size: 40px;
  font-weight: 100;
  line-height: 42px;
}

.button-3.blinkedin {
  background-color: #3898ec00;
  background-image: url('../images/Frame-44.svg');
  background-position: 0 0;
  background-size: auto;
  min-width: 173px;
  min-height: 0;
  max-height: 43px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.button-3.btwitter {
  background-color: #3898ec00;
  background-image: url('../images/Frame-45.svg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  align-self: auto;
  min-width: 173px;
  min-height: 0;
  max-height: 43px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.div-block-7 {
  flex-direction: row;
  order: 1;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  min-height: 65px;
  margin-top: 80px;
  display: flex;
}

.footer-dark {
  float: none;
  clear: none;
  border-bottom: 1px solid var(--grisfooter);
  background-color: #000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 30vh;
  margin: 0% auto 0;
  padding: 70px 0 15px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.footer-dark.footer_int {
  margin-top: -2%;
}

.container-9 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: none;
  margin-left: 50px;
  margin-right: auto;
  display: flex;
}

.footer-brand {
  margin-right: 20px;
}

.footer-content {
  grid-column-gap: 93px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 3.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
}

.title-small.follow {
  margin-left: 7px;
}

.footer-link {
  color: #fff;
  margin-top: 12px;
  margin-bottom: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--orange-quanteec);
}

.footer-link.w--current {
  font-size: 12px;
}

.footer-link.w--current:hover {
  color: var(--orange-quanteec);
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: var(--grisfooter);
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.columns {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.bold-text {
  color: #002545;
  text-transform: uppercase;
  font-weight: 500;
}

.image-5 {
  max-width: 0%;
  max-height: 0%;
}

.button-4 {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-indent: 0;
  text-transform: uppercase;
  background-color: #14bf98;
  max-width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: block;
  position: relative;
  top: 80px;
}

.button-4.switch_ecdn {
  text-transform: none;
  background-color: #2f91b1;
  position: relative;
  top: 80px;
}

.heading-4 {
  color: #072545;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 2%;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 700;
  display: flex;
}

.heading-4.ecdntxth1 {
  color: var(--l-blue-quanteec);
  text-transform: capitalize;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
}

.heading-4.otttxth1 {
  flex-direction: column;
  padding-left: 0;
  padding-right: 0;
}

.paragraph-3 {
  color: #022545;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: 23%;
  margin-right: 23%;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 150%;
  display: inline-block;
}

.text-span-2 {
  color: #052545;
  text-transform: none;
  font-weight: 500;
}

.text-span-2.aboutus {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
}

.text-span-3 {
  color: #072545;
  text-transform: none;
  margin-left: 7px;
  margin-right: 0;
  padding-right: 0;
}

.text-span-3.for {
  margin-right: 7px;
  font-weight: 500;
}

.text-span-3.integration {
  color: #14bf98;
  text-transform: capitalize;
  margin-left: 7px;
  margin-right: 7px;
}

.text-span-3.aboutus {
  color: #14bf98;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 7px;
}

.bold-text-2 {
  font-weight: 600;
}

.bold-text-2.ott {
  color: var(--l-blue-quanteec);
  text-transform: capitalize;
}

.section-2 {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 440px;
  min-height: 900px;
  padding-top: 0%;
  display: flex;
}

.hero-heading-left {
  background-color: #fff0;
  border-bottom: 1px #e4ebf3;
  margin-top: 10%;
  margin-bottom: 11%;
  padding: 80px 30px;
  position: relative;
}

.container-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-10.ecdn {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  border-bottom: 1px solid #d8d7d7;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  padding-bottom: 80px;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 46%;
  margin-left: 22px;
  margin-right: 0;
  display: flex;
}

.margin-bottom-24px-2 {
  color: #072545;
  justify-content: center;
  align-items: center;
  max-width: 381px;
  max-height: none;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 150%;
  display: flex;
}

.button-primary-3 {
  color: #072545;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fa644000;
  background-image: url('../images/Button_Oragne.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 12px 25px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-3:hover {
  color: #fff;
  background-color: #32343a00;
}

.button-primary-3:active {
  background-color: #43464d;
}

.button-primary-3.contactus {
  background-image: url('../images/Group-4838.svg');
  background-size: contain;
  min-width: 160px;
  max-width: none;
  min-height: 45px;
  max-height: none;
  margin-left: 15px;
}

.button-primary-3.contactus:hover {
  color: var(--d-blue-quanteec);
  background-image: url('../images/Group-4837.svg');
}

.button-primary-3.register {
  background-image: url('../images/Group-4837.svg');
  min-width: 160px;
  max-width: none;
  min-height: 45px;
  max-height: none;
  margin-right: 15px;
  padding-left: 18px;
  padding-right: 18px;
}

.button-primary-3.register:hover {
  color: var(--green-quanteec);
}

.shadow-two {
  opacity: 0;
  cursor: pointer;
  transition: opacity .3s;
}

.shadow-two:hover {
  opacity: 1;
  background-image: url('../images/state2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.heading-5 {
  color: var(--green-quanteec);
  text-transform: none;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.text-span-4 {
  color: #14bf98;
}

.hero-stack {
  background-color: #f5f7fa00;
  border-bottom: 1px #e4ebf3;
  padding: 0 30px 80px;
  position: relative;
}

.hero-wrapper-two-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.margin-bottom-24px-3 {
  color: #092545;
  align-self: center;
  max-width: none;
  margin: 20px 0 40px;
  padding-left: 250px;
  padding-right: 250px;
  font-family: Montserrat, sans-serif;
  font-size: 1.03rem;
}

.margin-bottom-24px-3.compatibility {
  width: auto;
  min-width: 0;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
}

.hero-image {
  width: 100%;
  margin-top: 50px;
}

.hero-image.shadow-two {
  background-color: #0000;
  margin-top: 35px;
}

.hero-image.shadow-two.ottgraphique {
  opacity: 1;
  margin-top: 0;
  transition-property: none;
  display: block;
}

.hero-image.shadow-two.ottgraphique:hover {
  background-image: none;
}

.heading-6 {
  color: #14bf98;
  margin-bottom: 35px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.heading-6.integration {
  margin: 0 15px;
  font-size: 30px;
}

.bold-text-3 {
  font-weight: 600;
}

.bold-text-4 {
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
}

.gallery-slider {
  border-bottom: 1px #e4ebf3;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  display: flex;
  position: relative;
}

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  margin-right: 0;
  display: grid;
}

.gallery-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallery-slide {
  background-color: #0000;
  height: auto;
}

.gallery-slide-wrapper {
  max-width: 47%;
  margin-right: 6%;
}

.gallery-slide-image {
  position: relative;
}

.gallery-image {
  width: 100%;
}

.gallery-slide-text {
  color: #f5f7fa;
  margin-bottom: 0;
  line-height: 32px;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.gallery-slider-left {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  left: -50px;
}

.gallery-slider-left:focus-visible, .gallery-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.slider-arrow-embed {
  color: #1a1b1f;
}

.gallery-slider-right {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  right: -50px;
}

.gallery-slider-right:focus-visible, .gallery-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.gallery-slide-nav {
  display: none;
}

.heading-7 {
  color: #022545;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2%;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.heading-7._2 {
  margin-bottom: 5%;
}

.paragraph-4 {
  color: #052545;
  text-align: center;
  margin-bottom: 5%;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.text-span-5 {
  color: #14bf98;
  font-weight: 600;
}

.div-block-8 {
  background-image: url('../images/V3---TECH-OTT.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.hero-without-image-2 {
  background-color: #f5f7fa00;
  border-top: 1px #000;
  border-bottom: 1px #e4ebf3;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding: 80px 30px;
  display: flex;
  position: relative;
}

.container-11 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two-3 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 750px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px-4 {
  margin-bottom: 24px;
}

.heading-8 {
  color: var(--white);
  text-transform: uppercase;
  max-width: 400px;
  margin-bottom: 45px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.heading-8.morefeatures {
  color: var(--d-blue-quanteec);
  max-width: 400px;
  margin-bottom: 60px;
  font-size: 30px;
}

.div-block-9 {
  background-image: url('../images/Frame-179.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 0;
  max-height: none;
  display: block;
  position: static;
}

.ottcdn_mobile {
  max-height: 100%;
}

.div_2b_home_mobile {
  opacity: 1;
  width: 0%;
  height: 0%;
  display: none;
  overflow: visible;
}

.ott-ecdn-button {
  width: 0%;
  max-width: 0%;
  height: 0%;
  max-height: 0%;
  padding: 0;
}

.text-span-6, .text-span-7 {
  font-weight: 500;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.dropdown-link {
  color: #fff;
  font-size: 12px;
}

.dropdown-link:hover {
  color: var(--green-quanteec);
}

.div-block-11 {
  background-image: url('../images/V3---INTEGRATION.png');
  background-position: 50% 100%;
  background-size: cover;
}

.testimonial-slider-small {
  background-color: #f5f7fa00;
  border-bottom: 1px #e4ebf3;
  margin-bottom: 0;
  padding: 80px 30px;
  position: relative;
}

.container-13 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  color: #002545;
  text-align: center;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 500;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slider {
  background-color: #0000;
  max-width: 800px;
  height: auto;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slide-wrapper {
  max-width: 48%;
  margin-right: 4%;
}

.testimonial-card {
  background-color: #fff;
  border: 1px solid #0d304f36;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 20px -6px #0003;
}

.testimonial-info {
  align-self: stretch;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-author {
  margin-bottom: 2px;
}

.tagline {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
}

.testimonial-icon-wrapper {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.testimonial-slider-left {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  left: -70px;
}

.testimonial-slider-left:focus-visible, .testimonial-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.slider-arrow-embed-2 {
  color: #1a1b1f;
}

.testimonial-slider-right {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  right: -70px;
}

.testimonial-slider-right:focus-visible, .testimonial-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slide-nav {
  display: none;
}

.bold-text-5 {
  font-weight: 500;
}

.paragraph-5 {
  border: 1px solid #002545;
}

.div-block-12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 54px;
  padding-right: 54px;
  display: flex;
}

.features_int {
  border-bottom: 1px #14bf98;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.features_int.sub {
  font-size: 20px;
}

.text-span-9 {
  border-bottom: 2px solid #14bf98;
}

.text-span-10 {
  border-bottom: 1px solid #000;
}

.button-7 {
  color: #002545;
  cursor: pointer;
  background-color: #3898ec00;
  background-image: url('../images/Navbar-Button.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 15px;
  margin-left: 40px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.button-7:hover {
  color: var(--d-blue-quanteec);
  background-image: url('../images/Navbar-Button_1.svg');
}

.container-14 {
  border: 1px solid #00254536;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  margin-left: 40px;
  margin-right: 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.container-14.c2 {
  margin-left: 10px;
  margin-right: 40px;
  box-shadow: 0 2px 5px #0003;
}

.container-15 {
  max-width: none;
  margin-left: 30px;
  margin-right: 30px;
  padding-left: 0;
  padding-right: 0;
}

.container-16 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-6 {
  margin-bottom: 30px;
}

.paragraph-7 {
  color: #002545;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.heading-9 {
  margin-left: 40px;
}

.div-block-13 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-image: url('../images/Mask-group.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around center;
  align-items: center;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.div-block-14 {
  background-image: url('../images/V3---ABOUT-US-1st-sect.png');
  background-position: 50% 90%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-content: space-around;
  place-items: start;
}

.ourvaluestxt {
  color: #022545;
  margin-top: 85%;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.text-span-11 {
  color: #14bf98;
  font-weight: 700;
}

.paragraph-8 {
  margin-top: 105%;
}

.image-6 {
  z-index: 3;
  margin-top: 9%;
  margin-left: 20%;
  padding-left: 0;
  position: relative;
}

.image-7 {
  z-index: 3;
  opacity: 1;
  outline-offset: 0px;
  outline: 0 #333;
  max-width: 50%;
  margin-top: 3.5%;
  margin-right: 4.5%;
  position: relative;
  overflow: visible;
}

.image-7:hover {
  background-image: url('../images/QualityMini.png');
  background-position: 50%;
  background-size: contain;
  overflow: auto;
}

.image-8 {
  z-index: 3;
  max-width: 50%;
  margin-top: 4.5%;
  margin-left: 0;
  margin-right: 4.5%;
  position: relative;
}

.block-quote {
  opacity: 1;
  text-align: right;
  text-transform: uppercase;
  border-left-style: none;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 0;
  padding-top: 2%;
  padding-bottom: 2%;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-style: italic;
  font-weight: 600;
  transition: opacity .4s;
  display: flex;
  overflow: hidden;
}

.block-quote:hover {
  opacity: 1;
}

.section-3 {
  justify-content: center;
  align-items: center;
  min-height: 700px;
  margin-bottom: 200px;
  display: flex;
}

.block-quote-2 {
  opacity: 1;
  text-align: right;
  text-transform: uppercase;
  border-left-style: none;
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 50%;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.block-quote-2:hover {
  opacity: 1;
}

.div-block-15 {
  opacity: 1;
  margin-bottom: 100px;
  overflow: hidden;
}

.div-block-15:hover {
  opacity: 1;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--green-quanteec);
  background-color: var(--green-quanteec);
}

.uui-button:focus {
  background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-primary100\<deleted\|variable-35a3c723\>);
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white);
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui-gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui-gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray:focus {
  background-color: var(--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-gray100\<deleted\|variable-4a47ec41\>);
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row.button-row-center {
  justify-content: center;
}

.uui-text-size-medium {
  color: var(--d-blue-quanteec);
  text-align: center;
  letter-spacing: normal;
  margin-top: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 2;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall {
  color: var(--d-blue-quanteec);
  text-align: center;
  letter-spacing: normal;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 6%;
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-space-xxlarge {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-height: 5rem;
  display: flex;
}

.uui-icon-1x1-xsmall {
  width: 2.2rem;
  height: 2.2rem;
}

.icon-featured-square-large {
  background-color: var(--untitled-ui-primary500\<deleted\|variable-2fc4bf9f\>);
  color: var(--white);
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.uui-layout78_item-content {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.founderbox {
  background-color: var(--untitled-ui-gray100\<deleted\|variable-4a47ec41\>);
  opacity: 1;
  color: #002545;
  border-right: 2px #00000059;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-right: 0;
  padding: 1.5rem 6rem;
  display: flex;
}

.founderbox.f2 {
  border-right-style: none;
  align-self: center;
  margin-right: 0;
  padding: 1.5rem 9rem;
}

.founderbox.f1 {
  padding: 1.5rem 9rem;
}

.uui-layout78_list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  place-items: center start;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
}

.uui-text-size-large {
  color: var(--d-blue-quanteec);
  text-align: center;
  letter-spacing: normal;
  padding-left: 187px;
  padding-right: 187px;
  font-family: Montserrat, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium {
  color: var(--d-blue-quanteec);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.3;
}

.uui-heading-subheading {
  color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-max-width-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 48rem;
  margin-bottom: 5%;
  display: flex;
}

.uui-layout78_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-padding-vertical-xhuge {
  justify-content: center;
  align-items: center;
  padding-top: 7rem;
  padding-bottom: 7rem;
  display: flex;
}

.uui-container-large {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-section_layout78 {
  display: none;
}

.text-span-12 {
  color: var(--green-quanteec);
  font-weight: 600;
}

.paragraph-9 {
  color: #2f90b0;
  text-align: center;
  border-bottom: 2px solid #14bf98;
  margin-bottom: 5%;
  margin-left: 38%;
  margin-right: 38%;
  padding-bottom: 7%;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr;
}

.container_title_about {
  color: var(--green-quanteec);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0%;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 800;
  display: flex;
}

.container_title_about.commitment {
  margin-bottom: 15%;
  padding-left: 58px;
  padding-right: 58px;
}

.container_title_about.videon_result {
  margin-bottom: 100px;
}

.text-block-2 {
  text-align: center;
  margin-top: 3%;
  padding-left: 15%;
  padding-right: 15%;
  font-family: Montserrat, sans-serif;
}

.image-9 {
  max-width: 40%;
  margin-right: 45%;
}

.image-9.hex2 {
  margin-top: 18%;
  margin-left: -15%;
  margin-right: 73%;
}

.image-9.hex3 {
  margin-top: 18%;
  margin-left: 73%;
  margin-right: -15%;
  overflow: hidden;
}

.image-9.hex4 {
  margin: 23% 0% 0% -37%;
}

.image-9.hex5 {
  margin-top: 23%;
  margin-left: 96%;
  margin-right: -37%;
  overflow: hidden;
}

.image-10 {
  max-width: 40%;
  margin-left: 45%;
}

.image-11 {
  max-width: 40%;
  margin-top: 18%;
}

.image-12 {
  max-width: 40%;
  margin-top: 18%;
  margin-left: 27%;
}

.image-13 {
  max-width: 40%;
  margin-top: 23%;
  margin-left: 7%;
}

.text-span-13, .text-span-14 {
  color: #2f90b0;
}

.image-14 {
  max-width: 40%;
  margin-top: 23%;
  margin-right: 9%;
}

.image-15 {
  max-width: 40%;
  margin-top: 26%;
  margin-left: -4%;
}

.image-16 {
  max-width: 40%;
  margin-right: 3%;
}

.memberof_img {
  max-width: 13%;
}

.memberof_img.tech4good {
  max-width: 15.6%;
}

.memberof_img.frenchtech_ico {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/Group-214.png');
  background-position: 0 0;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 15%;
  display: block;
}

.uui-layout38_logo-row {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 4rem;
  display: flex;
}

.uui-text-size-medium-2 {
  color: var(--untitled-ui-gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-text-size-large-2 {
  color: var(--d-blue-quanteec);
  letter-spacing: normal;
  margin-bottom: 0;
  padding-left: 118px;
  padding-right: 118px;
  font-family: Open Sans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-heading-medium-2 {
  color: var(--d-blue-quanteec);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.3;
}

.uui-max-width-large-2 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-2.align-center, .align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-text-align-center {
  text-align: center;
  margin-top: 5%;
}

.uui-padding-vertical-xhuge-2 {
  margin-top: 10%;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-section_layout37 {
  background-image: url('../images/V3---ABOUT-US.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0%;
  overflow: hidden;
}

.text-span-15 {
  color: var(--green-quanteec);
  font-weight: 700;
}

.heading-11 {
  color: #2f90b0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.heading-11.green {
  color: #14bf98;
}

.heading-11.withq {
  color: #002545;
  font-weight: 600;
}

.paragraph-10 {
  color: #002545;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.section-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10%;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.div-block-16 {
  background-image: url('../images/Mask-group.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  padding-top: 1px;
}

.image-18 {
  display: block;
}

.div {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-17 {
  overflow: hidden;
}

.error-text {
  color: #e23939;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.success-text {
  font-weight: 600;
}

.success-message {
  background-color: #f4f4f4;
  padding: 1.5rem;
}

.uui-form-button-wrapper {
  flex-direction: column;
  margin-top: .5rem;
  display: flex;
}

.uui-text-style-link {
  color: var(--untitled-ui-gray600\<deleted\|variable-10a0cd12\>);
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link:hover {
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
}

.uui-form-checkbox-label {
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.uui-form-checkbox-icon {
  border: 1px solid var(--untitled-ui-gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white);
  cursor: pointer;
  border-radius: .375rem;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .75rem;
  transition: all .3s;
}

.uui-form-checkbox-icon:hover {
  border-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--l-blue-quanteec);
}

.uui-form-checkbox-icon.w--redirected-checked {
  border-width: 1px;
  border-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--l-blue-quanteec);
  box-shadow: none;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875rem .875rem;
  background-attachment: scroll;
  border-radius: .25rem;
}

.uui-form-checkbox-icon.w--redirected-focus {
  border-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--l-blue-quanteec);
  box-shadow: 0 0 0 4px var(--untitled-ui-primary100\<deleted\|variable-35a3c723\>);
  border-radius: .25rem;
}

.uui-form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.uui-form_input {
  border: 1px solid var(--untitled-ui-gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--untitled-ui-gray800\<deleted\|variable-0a1a9f61\>);
  color: var(--d-blue-quanteec);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 0;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  margin-left: -18px;
  padding: .5rem 0 .5rem 3.375rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  border-color: var(--untitled-ui-primary300);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-primary100\<deleted\|variable-35a3c723\>);
  color: var(--d-blue-quanteec);
}

.uui-form_input::placeholder {
  color: var(--orange-quanteec);
}

.uui-form_input.text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.uui-field-label {
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  margin-bottom: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
}

.uui-form-field-wrapper {
  display: flex;
  position: relative;
}

.uui-contact03_form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-contact03_form-wrapper {
  flex-direction: column;
  align-items: stretch;
}

.uui-text-style-link-02 {
  color: var(--white);
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
}

.uui-contact03_icon-wrapper {
  color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  flex: 1;
  align-self: flex-start;
  margin-right: 1rem;
}

.uui-contact03_item {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.uui-contact03_contact-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3rem;
  display: grid;
}

.uui-text-size-large-3 {
  color: var(--white);
  letter-spacing: normal;
  text-transform: uppercase;
  margin-top: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
}

.uui-heading-medium-3 {
  color: var(--d-blue-quanteec);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-contact03_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 0%;
  display: grid;
}

.uui-padding-vertical-xhuge-3 {
  padding-top: 0;
  padding-bottom: 0;
}

.uui-section_contact03 {
  min-height: 100%;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.body-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #002545;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-18 {
  min-height: 1200px;
  padding-top: 18%;
  padding-bottom: 0%;
}

.text-span-16 {
  color: var(--green-quanteec);
  font-weight: 800;
}

.image-20 {
  width: 30px;
  max-width: 100%;
  height: 30px;
}

.paragraph-11 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.brix---half-bg-right---width-36 {
  z-index: -1;
  background-color: var(--elements-webflow-library-accent--primary-1);
  width: 36%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.brix---error-message {
  color: var(--orange-quanteec);
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
  font-size: 18px;
  line-height: 30px;
}

.brix---color-neutral-100 {
  color: var(--elements-webflow-library-neutral--100);
}

.brix---icon-success-message-big {
  width: 60px;
  margin-bottom: 10px;
}

.brix---success-message {
  background-color: var(--l-blue-quanteec);
  color: var(--white);
  border-radius: 12px;
  padding: 28px 28px 32px;
  font-size: 18px;
  line-height: 30px;
}

.brix---btn-primary {
  background-color: var(--elements-webflow-library-accent--primary-1);
  color: var(--elements-webflow-library-neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary:hover {
  background-color: var(--elements-webflow-library-secondary--color-1);
  color: var(--elements-webflow-library-neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---text-area {
  border: 1px solid var(--elements-webflow-library-neutral--350);
  background-color: var(--elements-webflow-library-general--shadow-03);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library-general--shadow-02);
  border-radius: 0;
  min-height: 144px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---text-area:hover {
  border-color: var(--elements-webflow-library-accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library-general--shadow-03);
}

.brix---text-area:focus {
  border-color: var(--elements-webflow-library-accent--primary-1);
  color: var(--elements-webflow-library-neutral--100);
}

.brix---text-area::placeholder {
  color: var(--elements-webflow-library-neutral--600);
  font-size: 18px;
}

.brix---input-label {
  color: var(--white);
  margin-bottom: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.brix---input {
  border: 1px solid var(--elements-webflow-library-neutral--350);
  background-color: var(--elements-webflow-library-general--shadow-03);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library-general--shadow-02);
  color: #fff;
  border-radius: 0;
  min-height: 0;
  margin-bottom: 0;
  padding: 16px 24px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 50%;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---input:hover {
  border-color: var(--elements-webflow-library-accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library-general--shadow-03);
}

.brix---input:focus {
  border-color: var(--elements-webflow-library-accent--primary-1);
  color: var(--elements-webflow-library-neutral--100);
}

.brix---input::placeholder {
  color: var(--elements-webflow-library-neutral--600);
  font-size: 18px;
}

.brix---form-grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix---card-form {
  border: 1px none var(--elements-webflow-library-neutral--350);
  background-color: var(--elements-webflow-library-general--shadow-03);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library-general--shadow-01);
  border-radius: 24px;
  margin-bottom: 0;
  padding: 56px 129px;
}

.brix---card-form.contact-us {
  padding-left: 20px;
  padding-right: 20px;
}

.brix---text-200-bold {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---color-accent-1 {
  color: var(--elements-webflow-library-accent--primary-1);
}

.brix---text-200 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.brix---mg-bottom-8px {
  margin-bottom: 8px;
}

.brix---big-icon-left {
  border-radius: 16px;
  margin-right: 16px;
}

.brix---card-link-icon-wrapper {
  border: 1px solid var(--elements-webflow-library-neutral--200);
  background-color: var(--elements-webflow-library-neutral--100);
  box-shadow: 0 2px 6px 0 var(--elements-webflow-library-general--shadow-01);
  color: var(--elements-webflow-library-neutral--600);
  transform-style: preserve-3d;
  border-radius: 14px;
  align-items: center;
  padding: 14px 18px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  transition: transform .3s, border-color .3s, color .3s;
  display: flex;
}

.brix---card-link-icon-wrapper:hover {
  border-color: var(--elements-webflow-library-accent--primary-1);
  transform: scale3d(.96, .96, 1.01);
}

.brix---grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---inner-container-400px {
  max-width: 400px;
}

.opensanstxt {
  color: var(--elements-webflow-library-neutral--100);
  margin-bottom: 0;
  margin-right: 0%;
  padding-right: 23%;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.opensanstxt.privacy {
  padding-right: 0%;
  font-size: 10px;
  text-decoration: none;
}

.opensanstxt.contact-us {
  object-fit: fill;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0%;
  display: block;
}

.opensanstxt.contact_us {
  padding-right: 26%;
}

.brix---color-neutral-800 {
  color: var(--elements-webflow-library-neutral--800);
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  min-width: 70%;
  margin-top: 2%;
  margin-right: 0;
  display: flex;
}

.brix---mg-bottom-40px {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.brix---paragraph-default {
  color: var(--elements-webflow-library-neutral--100);
  text-align: center;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 16%;
  padding-right: 16%;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.brix---paragraph-default.contact-us {
  text-align: left;
  padding-left: 0%;
}

.brix---color-neutral-600 {
  color: var(--elements-webflow-library-neutral--600);
}

.brix---heading-h1-size {
  color: var(--elements-webflow-library-neutral--100);
  text-transform: uppercase;
  align-self: center;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 45px;
}

.brix---subtitle {
  color: var(--elements-webflow-library-accent--primary-1);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---grid-contact-v1 {
  grid-column-gap: 0px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix---container-default {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---section-position-relative {
  background-color: var(--d-blue-quanteec);
  background-image: url('../images/BG-ContactUs.png');
  background-position: 50%;
  background-size: cover;
  padding-top: 176px;
  padding-bottom: 176px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px 2px #ffffff73;
}

.text-span-17 {
  color: var(--green-quanteec);
  font-size: 40px;
  font-weight: 700;
  line-height: 34px;
}

.text-span-18 {
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.div-block-19 {
  min-width: 12px;
  margin-right: 2%;
  padding-right: 0;
  display: block;
}

.div-block-20 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.container-17 {
  flex-flow: wrap;
  place-content: flex-end center;
  align-items: center;
  display: flex;
}

.div-block-23 {
  background-image: url('../images/Hexa-video.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-block-3 {
  align-self: center;
  margin-right: 5px;
  padding-top: 1px;
  font-size: 13px;
  text-decoration: none;
}

.image-21 {
  color: var(--white);
  -webkit-text-stroke-color: var(--white);
  max-width: 17%;
  margin-left: 5px;
  padding-top: 2px;
}

.text-span-19 {
  font-size: 1px;
}

.bold-text-6 {
  color: var(--d-blue-quanteec);
  font-weight: 500;
}

.div-block-25 {
  opacity: 0;
}

.image-22 {
  max-width: 100%;
}

.two-buttons-home {
  overflow: hidden;
}

.wrapper {
  flex: 0 auto;
  order: 0;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 90px;
  margin-top: 40px;
  display: flex;
  overflow: hidden;
}

.loop-container {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin-left: 0;
  display: flex;
}

.loop-container.loop-2 {
  margin-left: 0;
}

.carousel-img {
  max-width: none;
  max-height: 100%;
  margin-right: 40px;
}

.carousel-img.fnation_img {
  width: 100px;
  max-width: 100%;
  height: 127px;
  max-height: 0%;
}

.carousel-img.c-imglittle {
  align-self: center;
  width: 17%;
  max-width: 100%;
  height: auto;
  max-height: none;
}

.carousel-img.c-imglittle.c-correct1 {
  width: 14%;
}

.carousel-img.c-imglittle.c-correct1.c-correct-down1 {
  width: 9%;
  margin-left: -18px;
}

.carousel-img.c-imglittle.c-correct-down1 {
  width: 11%;
  margin-right: 0;
}

.carousel-img.c-imglittle2 {
  align-self: center;
  width: 55%;
  max-height: none;
}

.carousel-img.c-imglittle2.c-correct1 {
  width: 14%;
}

.carousel-img.c-imagebig {
  align-self: center;
  max-height: 65%;
}

.carousel-img.c-imagebig.c-finalimg {
  max-height: 75%;
  margin-right: 0;
}

.carousel-img.c-imagebig.c-correct1 {
  max-height: 52%;
}

.carousel-img.c-imagebig.c-correct2 {
  max-height: 30%;
}

.carousel-img.c-imagebig.c-correct-down, .carousel-img.c-imagebig.c-correct-up {
  margin-right: 0;
}

.carousel-img.c-imagebig.c-correct-up.viewsurf_logo {
  margin-right: 7px;
}

.carousel-img.c-imagebig.c-correct3 {
  max-height: 75%;
}

.carousel-img.c-imagebig.c-correct4 {
  max-height: 40%;
}

.carousel-img.c-imagebig.digiteka_logo {
  margin-right: 10px;
}

.carousel-img.c-correct-down {
  margin-left: 0;
}

.content-holder {
  clear: none;
  object-fit: fill;
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 90px;
  max-height: none;
  margin-left: -424px;
  margin-right: 30px;
  display: flex;
  position: relative;
  right: auto;
  overflow: visible;
}

.content-holder.c-contentdown {
  flex: 0 auto;
  order: 1;
  width: auto;
  min-width: 150%;
  margin-left: -1789px;
}

.content-holder.content-holderup {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  order: 0;
  min-width: 2280px;
  margin-left: 0;
  margin-right: 20px;
  bottom: auto;
  right: auto;
}

.content-holder.content-holderdown {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  min-width: 3210px;
  margin-left: 0;
  margin-right: 20px;
  right: auto;
}

.content-holder.content-holderdown.ibc_mode {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  min-width: 1500px;
  right: auto;
}

.content-holder.content-holderdown.ibc_mode.mode-off {
  min-width: 1300px;
  margin-right: 0;
  right: auto;
}

.community_txt {
  color: var(--d-blue-quanteec);
  text-align: center;
  font-family: Open Sans, sans-serif;
}

.pricing_list_header {
  color: #fff;
  margin-top: 3.8rem;
  font-size: 2rem;
  font-weight: 400;
}

.setup_col {
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.check_icon {
  width: 2.6rem;
  height: 2.6rem;
  margin-right: 1.5rem;
}

.toggle_wrapper {
  background-color: #fff5f40d;
  align-self: flex-start;
  margin-bottom: 3.2rem;
}

.setup_video {
  z-index: 2;
  height: 33rem;
}

.toggle {
  color: #ffe5e445;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  padding: 3.4rem 3.8rem;
  font-size: 2rem;
}

.toggle.w--current {
  color: #ff9cad;
  background-color: #282a36;
}

.setup {
  margin-top: 12rem;
  margin-bottom: 0;
}

.pricing_list_item {
  color: #ffebeb;
  margin-top: 1.5rem;
  display: flex;
}

.pricing_card_tab {
  flex-direction: column;
  align-items: stretch;
  margin-top: 4rem;
  display: flex;
}

.video_wrapper {
  z-index: 1;
  background-color: #fff5f40d;
  padding: 4rem;
  position: relative;
}

.margin_3_top {
  margin-top: 3rem;
}

.pricing_card {
  color: #ffebeb;
  border: 1px solid #212121;
  padding: 4rem 3.8rem;
}

.margin_1_top {
  margin-top: 1rem;
}

.container-18 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.flex {
  display: flex;
}

.flex.align_center {
  align-items: center;
}

.flex.is_space_between {
  justify-content: space-between;
}

.margin_2_top {
  margin-top: 2rem;
}

.button_primary {
  color: #ffebeb;
  background-color: #121521;
  justify-content: center;
  width: 100%;
  padding: 1.5rem 2rem;
  font-size: 2.4rem;
  display: flex;
}

.button_primary:hover {
  background-color: #000;
  border: 1px solid #212121;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

.pricing_list {
  margin-top: 2rem;
  font-size: 2rem;
}

.number {
  margin-right: 1rem;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1;
}

.grid_3_col {
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text_4-5 {
  font-size: 4.5rem;
}

.text_1-5 {
  font-size: 1.5rem;
}

.text_2-2 {
  font-size: 2.2rem;
}

.description_wrap {
  color: #fffc;
  max-width: 65rem;
  font-weight: 300;
}

.text_grey {
  color: #ffebeb70;
}

.text-block-4 {
  color: var(--d-blue-quanteec);
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-weight: 600;
}

.tab-link-tab-2 {
  color: var(--d-blue-quanteec);
  background-color: #ddd0;
  margin-right: 40px;
  padding: 14px 85px;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-weight: 600;
}

.tab-link-tab-2:active {
  color: var(--d-blue-quanteec);
}

.tab-link-tab-2.w--current {
  border-bottom: 1px solid var(--l-blue-quanteec);
  color: var(--d-blue-quanteec);
  background-color: #c8c8c800;
  margin-right: 40px;
  padding: 14px 85px;
}

.tab-link-tab-2.tab3 {
  margin-right: 0;
}

.tab-link-tab-2.tab3:active {
  color: var(--d-blue-quanteec);
}

.image-23 {
  max-width: 42%;
  padding-left: 32px;
}

.image-24 {
  max-width: 60%;
}

.paragraph-12 {
  color: var(--d-blue-quanteec);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 31px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.paragraph-12.drm {
  margin-top: 20px;
}

.grid-3 {
  grid-row-gap: 0px;
  grid-template-rows: 20%;
  grid-auto-rows: 21%;
  place-content: center stretch;
  place-items: stretch start;
  margin-left: 0;
}

.div-block-26 {
  height: 40px;
}

.div-block-27 {
  background-image: linear-gradient(#2f90b040, #2f90b040);
  max-width: none;
  max-height: 100%;
  margin: 0 104px;
}

.image-25 {
  max-width: 100%;
  max-height: 100%;
  margin-right: 40px;
}

.image-25.drm {
  flex: 0 auto;
  max-width: 45%;
  max-height: none;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.image-26 {
  max-width: 27%;
  max-height: 100%;
}

.image-26.logo-bp {
  max-width: 45%;
}

.div-block-28 {
  align-items: center;
  max-height: 182px;
  margin-left: 20px;
  margin-right: 0;
  display: flex;
  overflow: visible;
}

.div-block-28.div-table-up {
  max-height: 350px;
}

.div-block-28.div-table-up.drm {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 0%;
  max-height: none;
  margin-top: 20px;
  margin-left: 0;
  display: flex;
}

.div-block-28.div-table-mid {
  align-items: center;
  max-height: 80px;
  margin-top: 15px;
  margin-left: 21px;
  padding-top: 0;
}

.div-block-28.div-table-mid.table-mid2 {
  align-items: center;
  min-height: 80px;
  max-height: 80px;
  margin-top: 21px;
}

.div-block-28.div-table-mid.table-mid2.drm {
  max-width: 100%;
  min-height: 0;
}

.div-block-28.div-table-mid.table-mid2.table-player {
  min-height: 0%;
  max-height: 100%;
  margin-top: 45px;
}

.div-block-28.div-table-mid.drm {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-height: 100px;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-28.div-table-mid.table-player {
  margin-bottom: 0;
}

.div-block-28.div-table-mid.table-cdn {
  max-height: 75px;
  margin-top: 40px;
}

.image-27 {
  max-height: 70%;
  margin-left: 40px;
}

.div-block-29 {
  max-height: 100%;
  margin-top: 0;
  margin-left: 15px;
}

.img-table-hor {
  max-width: 50%;
  max-height: 30%;
  margin-right: 30px;
}

.img-table-hor.corect1 {
  max-width: 52%;
  max-height: 53%;
}

.img-table-hor.correct2 {
  max-width: 19%;
  max-height: 26%;
}

.img-table-hor.correct3 {
  max-width: 80%;
  max-height: 75%;
}

.img-table-hor.rxplayer {
  width: 13%;
  min-width: 13%;
  max-width: 13%;
  min-height: 11%;
  max-height: 11%;
}

.img-table-hor.bitmovin {
  max-width: 15%;
  min-height: 30%;
}

.img-table-hor.logo-bunny {
  max-width: 60%;
  max-height: 60%;
  margin-right: 0;
  display: block;
}

.img-table-hor.logo-fatsly {
  max-height: 50%;
}

.img-table-hor.logo-cdn77 {
  max-width: 59%;
  max-height: 43%;
}

.img-table-hor.logo-aws {
  max-height: 54%;
}

.img-table-hor.logo-akamai {
  max-height: 50%;
}

.img-table-hor.logo-cloudflare {
  max-height: 52%;
}

.img-table-hor.logo-fairplay {
  max-width: 60%;
  max-height: 70%;
  margin-left: 60px;
  margin-right: 0;
  padding-left: 60px;
  padding-right: 60px;
  display: block;
}

.img-table-hor.exo-player {
  max-width: 17%;
  max-height: 8%;
}

.img-table-hor.chromecast {
  max-width: 17%;
  max-height: 13%;
}

.img-table-hor.ios {
  max-width: 8%;
  max-height: 15%;
}

.img-table-hor.ap-tv {
  max-width: 7%;
  max-height: 20%;
}

.tab-pane-tab-2 {
  max-height: none;
}

.text-span-20 {
  border: 1px #000;
  border-bottom: 2px solid #2cac8a;
  text-decoration: none;
}

.text-span-21, .text-span-22 {
  border-bottom: 2px solid var(--green-quanteec);
}

.text-span-23 {
  color: var(--green-quanteec);
}

.div_gnr_ecdn {
  background-image: url('../images/div1.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.bold-text-7 {
  color: var(--d-blue-quanteec);
}

.button_ovh {
  background-image: url('../images/Group-214.png');
  background-position: 0 0;
  background-size: contain;
}

.button_ovh.memberof_img {
  overflow: visible;
}

.div-block-31 {
  align-items: center;
  min-height: 300px;
  padding-top: 0;
  display: flex;
}

.div-block-32 {
  background-image: url('../images/Group-214.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14vw;
  height: 16vh;
  margin-left: 1%;
  margin-right: 1%;
  transition: transform .5s cubic-bezier(1, .124, .064, 1.194);
}

.div-block-32:hover {
  background-image: url('../images/FrenchTech_Dep.png');
  margin-left: 7%;
  margin-right: 10%;
  transform: scale(2.9);
}

.div-block-32.frencht {
  flex: 0 auto;
  transition-property: none;
}

.div-block-32.frencht:hover {
  margin-left: 10%;
}

.div-block-32.coqvert {
  background-image: url('../images/Group-216.png');
  transition-property: none;
}

.div-block-32.coqvert:hover {
  background-image: url('../images/coqv_dep.png');
  margin-left: 10%;
}

.div-block-32.dpp {
  background-image: url('../images/Group-217.png');
  transition-property: none;
}

.div-block-32.dpp:hover {
  background-image: url('../images/dpp_dep.png');
  margin-left: 10%;
}

.div-block-32.gs {
  background-image: url('../images/Group-221.png');
  transition-property: none;
}

.div-block-32.gs:hover {
  background-image: url('../images/GS_dep.png');
  margin-left: 10%;
}

.div-block-32.ovhcloud {
  background-image: url('../images/Group-222.png');
  transition-property: none;
}

.div-block-32.ovhcloud:hover {
  background-image: url('../images/OVH_dep.png');
  margin-left: 10%;
}

.div-block-32.t4g {
  background-image: url('../images/Property-1Default.png');
  transition-property: none;
}

.div-block-32.t4g:hover {
  background-image: url('../images/Tech_dep.png');
  margin-left: 10%;
}

.html-embed {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 26vh;
  margin-top: 27px;
  display: block;
  position: static;
}

.div-block-33 {
  background-image: url('../images/Group-216.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 8vw;
  height: 16vh;
}

.div_hex_install {
  aspect-ratio: auto;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: static;
  overflow: hidden;
}

.quality_ott {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.quality_ott.cost_slide {
  opacity: .5;
  cursor: pointer;
  background-image: url('../images/Group-154.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 475px;
  height: 262px;
  margin-left: 30px;
  margin-right: 30px;
  overflow: hidden;
}

.quality_ott.cost_slide.ecdn {
  cursor: pointer;
  background-image: url('../images/Group-261.svg');
}

.quality_ott.cost_slide.integration {
  z-index: 2;
  opacity: 1;
  background-image: url('../images/Group-150.svg');
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 300px;
  margin-top: 147px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
  transform: scale(.9);
}

.quality_ott.perfor_slide {
  cursor: pointer;
  background-image: url('../images/Group-258.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 475px;
  height: 262px;
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 1.5%;
  padding-left: 2%;
}

.quality_ott.perfor_slide.ecdn {
  background-image: url('../images/Group-259.svg');
}

.quality_ott.perfor_slide.integration {
  z-index: 3;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  transform: scale(1);
}

.quality_ott.eco_slide {
  opacity: .5;
  background-image: url('../images/Group-257.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 475px;
  height: 262px;
  margin-left: 30px;
  margin-right: 30px;
}

.quality_ott.eco_slide.integration {
  z-index: 2;
  opacity: 1;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 300px;
  margin-top: 147px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  transform: scale(.9);
}

.quality_ott.eco_slide._2 {
  cursor: pointer;
  overflow: hidden;
}

.quality_ott.eco_slide._2.ecdn {
  cursor: pointer;
}

.div_txt_install {
  margin-bottom: 40px;
}

.perfo_txt_ott {
  text-align: center;
  margin: 0 40px 0%;
  padding-top: 0%;
  padding-bottom: 0;
  padding-left: 2%;
}

.perfo_txt_ott.connect {
  margin-top: 0%;
  padding-top: 0;
  padding-left: 0;
  position: relative;
  overflow: visible;
}

.perfo_txt_ott.alt_1 {
  z-index: 3;
  background-image: url('../images/Group-148.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-top: 70px;
  padding-left: 0;
  display: block;
  position: relative;
}

.perfo_txt_ott.st_1 {
  z-index: 2;
  background-image: url('../images/Group-150.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 65px;
  display: none;
  position: relative;
}

.perfo_txt_ott.expenses {
  padding-top: 8%;
  padding-left: 8%;
}

.perfo_txt_ott.energy {
  padding-top: 5%;
  padding-left: 8%;
}

.text-span-24 {
  border-bottom: 2px solid #24bf98;
}

.text-span-25 {
  border-bottom: 2px #24bf98;
}

.text-span-26 {
  border: 2px #8edfcd;
  border-bottom: 2px solid #24bf98;
}

.text-span-27 {
  border-bottom: 2px solid #24bf98;
}

.rea {
  border-style: none none solid;
  border-width: 2px;
  border-color: var(--green-quanteec);
}

.section_addon-int {
  height: 85vh;
  margin-bottom: 80px;
}

.text-span-28, .text-span-29, .text-span-30 {
  border-bottom: 1.5px solid #24bf98;
}

.div-block-36 {
  background-image: url('../images/Vector.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.div-block-37 {
  background-image: url('../images/Vector1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.div_2b_home_pc {
  background-image: url('../images/Group-4859.png');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 38vh;
  min-height: 38vh;
  display: flex;
  overflow: hidden;
}

.div-block-39 {
  z-index: 5;
  opacity: 0;
  object-fit: contain;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  min-width: 0;
  max-width: none;
  height: 100%;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-39:hover {
  z-index: 10;
  clear: both;
  opacity: 1;
  align-items: center;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  left: auto;
  overflow: hidden;
  transform: none;
}

.div-block-40 {
  z-index: 5;
  opacity: 0;
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  min-width: 0;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  text-decoration: none;
  transition: transform .2s, opacity .25s;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: scale(.9);
}

.div-block-40:hover {
  z-index: 10;
  clear: both;
  opacity: 1;
  width: 50%;
  min-width: 0;
  height: 102%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  overflow: hidden;
  transform: scale(1.1)scale(.9);
}

.heading-12 {
  color: #fff;
  text-align: right;
  margin-top: 3%;
  margin-right: 7%;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.heading-12:hover {
  margin-right: 7%;
}

.heading-12.button2 {
  text-align: left;
  margin: 0%;
  font-size: 55px;
}

.heading-12.button2.v2 {
  margin-top: 12vh;
  margin-bottom: 0%;
  margin-left: 0;
  font-size: 38px;
}

.heading-12.button2.v2:hover {
  margin-top: 12vh;
  margin-left: 0;
  font-size: 38px;
}

.heading-12.ott_2, .heading-12.ott_2:hover {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.buttons-bar-home {
  width: 100%;
  max-width: none;
  height: 100%;
  text-decoration: none;
}

.buttons-bar-home.button2 {
  object-fit: contain;
  background-image: url('../images/Frame-4801.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-right: 0;
  padding: 15%;
  transition: transform .8s cubic-bezier(.515, .088, 0, 1.012);
  display: flex;
  overflow: hidden;
}

.buttons-bar-home.button2:hover {
  z-index: 10;
  background-size: cover;
  flex: 0 auto;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-right: 0;
  padding: 15%;
  display: flex;
  position: relative;
  transform: scale(1.1);
}

.buttons-bar-home.button1 {
  object-fit: contain;
  background-image: url('../images/Frame-4800.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 15%;
  transition: transform .8s cubic-bezier(.515, .088, 0, 1.012);
  display: flex;
  overflow: hidden;
}

.buttons-bar-home.button1:hover {
  z-index: 10;
  background-image: url('../images/Frame-4800.png');
  background-position: 50%;
  background-size: cover;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  margin-left: 0;
  padding: 15%;
  position: relative;
  transform: scale(1.1);
}

.text-block-7 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
}

.text-block-7:hover {
  margin-top: 0;
  margin-left: 0;
  padding-right: 0;
}

.text-block-7.button1 {
  text-align: right;
  margin-top: 10vh;
  margin-bottom: 0%;
  margin-left: 0;
  padding-right: 0;
}

.text-block-7.button1:hover {
  margin-top: 10vh;
  margin-left: 0;
  padding-right: 0;
}

.image-28 {
  z-index: 3;
  margin-top: 8%;
  margin-right: 17.5%;
  position: relative;
}

.showcase-slider-columns {
  align-items: center;
  display: flex;
}

.marker-line {
  perspective-origin: 100%;
  transform-origin: 100%;
  background-color: #ccc;
  width: 0%;
  height: 1px;
  margin: 10px;
}

.marker-line.show {
  width: 86%;
}

.img-container-3 {
  z-index: 4;
  position: absolute;
  transform: scale(.8)translate(-35%);
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  align-items: center;
  position: relative;
}

.menu-item-text {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  display: inline-block;
  transform: translate(0);
}

.img-wrapper-1 {
  color: #fff;
  text-align: center;
  background-color: #d6626200;
  background-image: url('../images/Group-150.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 500px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 150px;
  display: flex;
  position: relative;
  box-shadow: -11px 11px 15px #0003;
}

.img-container-1b {
  z-index: 3;
  opacity: 0;
  position: absolute;
  transform: scale(.7)translate(-55%);
}

.section-homepage {
  width: 100%;
  height: 100vh;
}

.menu-item-header-container {
  color: #666;
  padding: 5px;
  font-family: Great Vibes, cursive;
  font-size: 36px;
  line-height: 48px;
}

.menu-item-text-wrapper {
  cursor: pointer;
  transition: all .2s;
  display: inline-block;
}

.menu-item-text-wrapper:hover {
  text-shadow: 4px 4px 3px #ccc;
  transform: translate(-5px, -5px);
}

.marker-number {
  color: #fff;
}

.img-container-1 {
  z-index: 6;
  position: absolute;
}

.showcase-images-wrapper {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  transform: perspective(1000px);
}

.img-wrapper-2 {
  color: #fff;
  background-color: #7bcea3;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 500px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 150px;
  line-height: 150px;
  display: flex;
  position: relative;
  box-shadow: -11px 11px 15px #0003;
}

.showcase-slider-container {
  width: 100%;
  max-width: 1300px;
}

.images-showcase-col {
  text-align: center;
}

.img-container-2 {
  z-index: 5;
  position: absolute;
  transform: scale(.9)translate(-20%);
}

.showcase-images-container {
  position: relative;
}

.marker-container {
  color: #aaa;
  justify-content: flex-end;
  align-items: center;
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.marker-container.hide {
  opacity: 0;
}

.menu-item-text-container {
  color: #aaa;
  margin: 10px;
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.img-container-2b {
  z-index: 2;
  opacity: 0;
  position: absolute;
  transform: scale(.7)translate(-55%);
}

.container-homepage {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.images-text-menu-col {
  z-index: 999;
  left: -90px;
}

.img-wrapper-3 {
  color: #fff;
  background-color: #92a4c2;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 500px;
  font-size: 150px;
  line-height: 150px;
  display: flex;
  position: relative;
  box-shadow: -11px 11px 15px #0003;
}

.text-block-8 {
  margin-right: -49px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.div-block-42 {
  z-index: 1;
  opacity: 1;
  background-image: none;
  background-size: auto;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-42._2 {
  z-index: 1;
  background-image: url('../images/Group-148.svg');
  background-size: cover;
  display: none;
}

.div-block-42._1 {
  z-index: 2;
  background-image: url('../images/Group-150.svg');
  background-position: 0 0;
  background-size: cover;
  display: flex;
}

.modal_m {
  z-index: 10;
  width: 100%;
  margin-left: 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.div-block-48 {
  opacity: 0;
  width: 100%;
  display: none;
}

.div-block-49 {
  opacity: 1;
  margin-right: 15%;
}

.modal {
  z-index: 999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal.modal2, .modal.modal1, .modal.modal1.modal_info {
  display: none;
}

.modal_bg {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #00000080;
  width: 100%;
  height: 100%;
}

.modal_container {
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: 600px;
  height: auto;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 14px 8px #080808cc;
}

.modal_container.modal_info {
  background-image: url('../images/Frame-4935.jpg');
  background-position: 50%;
  background-size: contain;
  flex: 0 auto;
  width: 600px;
  height: 400px;
  min-height: 0;
  position: absolute;
  inset: auto;
}

.heading-13 {
  color: #000;
  background-color: #fff;
}

.close-modal {
  color: #fff;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  text-decoration: none;
  transform: rotate(45deg);
}

.close-modal:hover {
  color: var(--orange-quanteec);
}

.link-block {
  text-decoration: none;
  position: absolute;
  inset: .5rem .5rem auto auto;
}

.html-embed-2 {
  width: 90vw;
  max-width: 600px;
  display: block;
}

.html-embed-2.home_modal {
  width: 100%;
  height: 100%;
  display: block;
}

.link {
  color: var(--green-quanteec);
  text-decoration: none;
}

.link:hover {
  color: var(--orange-quanteec);
}

.link-2 {
  color: var(--green-quanteec);
  text-decoration: none;
}

.link-2:hover {
  color: var(--orange-quanteec);
}

.image-30 {
  text-align: center;
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  display: block;
}

.link-block-2 {
  margin-top: 10%;
  margin-left: 43%;
  margin-right: 43%;
}

.link-block-2.dnegru, .link-block-2.mlacaud {
  margin-left: 45%;
  margin-right: 45%;
}

.container_add-on {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.div_add-on_1 {
  cursor: pointer;
  background-color: #002545;
  width: 300px;
  height: 300px;
  margin-right: 5%;
  padding-right: 0;
}

.div_add-on_3 {
  cursor: pointer;
  background-color: #0025451a;
  width: 300px;
  height: 300px;
}

.div_add-on_2 {
  cursor: pointer;
  background-color: #0025451a;
  width: 300px;
  height: 300px;
  margin-right: 5%;
}

.heading_add-on {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 19px;
}

.heading_add-on._2 {
  color: #00254566;
}

.txt_add-on {
  color: #fff;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Open Sans, sans-serif;
}

.txt_add-on._2 {
  color: #00254566;
}

.div-block-50 {
  padding-top: 0;
}

.div-block-51 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 19%;
  margin-bottom: 11%;
  display: flex;
}

.img_add-on_des-1, .img_add-on_act-2, .img_add-on_act-3 {
  display: none;
}

.div-block-52 {
  margin-bottom: 0%;
  display: flex;
}

.wrapper_home {
  align-self: flex-start;
  height: 50px;
  padding-left: 0%;
  padding-right: 0%;
  overflow: hidden;
}

.image-32 {
  margin-right: 0;
}

.div_ott {
  z-index: 1;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.div_ecdn {
  z-index: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-53 {
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-54 {
  object-fit: contain;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}

.div-block-54:hover {
  overflow: hidden;
}

.image-33 {
  margin-right: 2%;
}

.body-3 {
  overflow: visible;
}

.div-block-56 {
  border: 1px solid #00000059;
  align-self: stretch;
  height: auto;
  margin-top: 3%;
  margin-bottom: 3%;
}

.div-block-57 {
  background-image: url('../images/Mask-group.png');
  background-position: 0%;
  background-size: cover;
}

.div-block-58 {
  height: auto;
  margin-bottom: 20px;
  position: relative;
  top: 80px;
}

.html-embed-3 {
  color: var(--green-quanteec);
  height: auto;
}

.text-span-31, .text-span-32 {
  font-family: Open Sans, sans-serif;
}

.div-block-59 {
  border: 1px solid var(--d-blue-quanteec);
  max-height: 50px;
  margin-left: 15px;
  margin-right: 15px;
}

.bold-text-8, .text-span-33, .text-span-34 {
  font-family: Open Sans, sans-serif;
}

.text-block-10 {
  color: var(--grey);
  text-transform: uppercase;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  line-height: 21px;
}

.text-block-10.delivery {
  background-image: url('../images/Frame.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 15px;
  padding-right: 15px;
}

.text-block-10.costreduction {
  background-image: url('../images/Frame1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 15px;
  padding-right: 15px;
}

.text-block-10.batery {
  background-image: url('../images/Frame-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 15px;
}

.text-block-10.improve {
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-left: 5px;
  display: flex;
}

.div-block-60 {
  flex-direction: row;
  margin-bottom: 3%;
  display: flex;
}

.bold-text-9 {
  color: var(--d-blue-quanteec);
}

.lottie-animation {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  display: block;
  position: static;
  inset: 0 auto auto;
}

.div-block-61 {
  background-color: #031a3a;
  height: 130vh;
}

.brix---btn-secondary-full-width {
  border: 1px solid var(--elements-webflow-library-neutral--350);
  background-color: var(--elements-webflow-library-neutral--100);
  color: var(--elements-webflow-library-neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  width: 100%;
  padding: 26px 38px;
  font-size: 18px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.brix---btn-secondary-full-width:hover {
  border-color: var(--elements-webflow-library-accent--primary-1);
  background-color: var(--elements-webflow-library-accent--primary-1);
  color: var(--elements-webflow-library-neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---color-neutral-801 {
  color: var(--elements-webflow-library-neutral--600);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 110%;
  display: flex;
}

.brix---paragraph-default-2 {
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---mg-bottom-24px {
  margin-bottom: 24px;
}

.brix---heading-h3-size {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.brix---color-neutral-802 {
  color: var(--elements-webflow-library-neutral--800);
}

.brix---mg-bottom-8px-2 {
  margin-bottom: 8px;
}

.brix---card-link-content-center {
  border: 1px solid var(--elements-webflow-library-neutral--350);
  background-color: var(--elements-webflow-library-neutral--100);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library-general--shadow-01);
  color: var(--elements-webflow-library-neutral--600);
  text-align: center;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -12px;
  margin-bottom: 0;
  padding: 48px 24px;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.brix---card-link-content-center:hover {
  border-color: var(--elements-webflow-library-neutral--800);
}

.brix---card-link-content-center._2, .brix---card-link-content-center._3 {
  flex-direction: column;
}

.brix---3-columns-1-col-tablet {
  grid-column-gap: 28px;
  grid-row-gap: 0px;
  grid-template: "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.brix---heading-h2-size {
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
}

.brix---mg-bottom-12px {
  margin-bottom: 12px;
}

.brix---text-center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.brix---inner-container-600px---center {
  width: 100%;
  max-width: 600px;
  margin-left: 0;
  margin-right: 0;
}

.brix---mg-bottom-48px {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.brix---container-default-2 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---section {
  color: var(--elements-webflow-library-neutral--100);
  padding-top: 50px;
  padding-bottom: 176px;
}

.box_title {
  color: var(--d-blue-quanteec);
  text-transform: uppercase;
  border-bottom: 2px solid #2f90b0;
  padding-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
}

.image-34 {
  max-width: 143px;
  max-height: 33px;
}

.icono_player {
  max-width: 147px;
  max-height: 33px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.icono_player.radiant {
  max-width: 150px;
  max-height: 100px;
  padding-bottom: 0;
}

.icono_player.hls {
  max-height: 54px;
  margin-top: 0;
}

.icono_player.flow {
  margin-bottom: 22px;
}

.icono_player.visualon {
  max-height: 50px;
}

.div-block-62 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  max-width: 50%;
  height: 100%;
  margin-right: 5px;
  padding-right: 0;
  display: flex;
}

.div-block-63 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  margin-bottom: 72px;
  margin-left: 5px;
  padding-right: 0;
  display: flex;
}

.image-35 {
  max-width: 70%;
  margin-bottom: 20px;
}

.image-36 {
  margin-bottom: 35px;
}

.smarttv {
  max-width: 70%;
  margin-bottom: 35px;
}

.smarttv2 {
  max-width: 60%;
  margin-bottom: 45px;
}

.image-37 {
  max-width: 50%;
  margin-bottom: 30px;
}

.image-38, .image-39 {
  max-width: 50%;
}

.paragraph-13 {
  color: var(--d-blue-quanteec);
  align-items: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 13.5px;
  display: flex;
}

.div-block-64 {
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
}

.image-40 {
  margin-bottom: 20px;
  margin-right: 10px;
}

.text-span-35 {
  font-family: Open Sans, sans-serif;
}

.uui-layout02_image {
  width: 100%;
  max-width: 100%;
}

.uui-layout02_image._2 {
  width: 100%;
  max-width: 80%;
}

.uui-layout02_image._3 {
  width: 100%;
  max-width: 79%;
}

.uui-layout02_image._4 {
  width: 125%;
  max-width: 140%;
}

.uui-layout02_image._6 {
  width: 120%;
  max-width: 120%;
}

.uui-layout02_image.micro {
  width: 25%;
  max-width: 25%;
}

.uui-layout02_image-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-radius: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  padding: 2rem;
  display: grid;
}

.uui-layout02_image-wrapper._3 {
  justify-content: center;
  display: flex;
}

.uui-button-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-2:hover {
  border-color: var(--green-quanteec);
  background-color: var(--green-quanteec);
}

.uui-button-2:focus {
  background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-primary100\<deleted\|variable-35a3c723\>);
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white);
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui-gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui-gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-gray100\<deleted\|variable-4a47ec41\>);
}

.uui-button-row-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-space-medium-2 {
  align-items: center;
  width: 100%;
  min-height: 2rem;
  margin-left: 100px;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.uui-space-medium-2._2 {
  justify-content: center;
  align-self: center;
  margin-top: 20px;
  margin-left: 0;
}

.uui-space-medium-2._2.dual_right {
  margin-left: 200px;
}

.uui-space-medium-2.dual_right {
  margin-bottom: 15px;
}

.uui-space-medium-2.dual_right.descript {
  width: auto;
  margin-left: 0;
  padding-right: 15px;
}

.uui-text-size-large-4 {
  color: var(--grey_font);
  text-align: right;
  letter-spacing: normal;
  font-family: Open Sans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-text-size-large-4._1 {
  color: var(--grey_font);
  text-align: left;
}

.uui-text-size-large-4.security {
  color: #475467;
  text-align: left;
  width: 270px;
  font-weight: 600;
}

.uui-text-size-large-4.security2 {
  color: #475467;
  text-align: left;
  width: 350px;
  font-weight: 700;
}

.uui-text-size-large-4.security2.descrip_panel {
  width: auto;
  font-weight: 400;
}

.uui-text-size-large-4.security3 {
  color: var(--d-blue-quanteec);
  text-align: left;
  width: auto;
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
}

.uui-text-size-large-4.analytics {
  color: #475467;
  text-align: left;
  width: 350px;
  font-weight: 700;
}

.uui-text-size-large-4.analytics.panel {
  font-size: 1.3rem;
}

.uui-space-xsmall-2 {
  align-items: center;
  width: 100%;
  min-height: 1rem;
  margin-left: 30px;
  display: flex;
}

.uui-space-xsmall-2.dual_right {
  margin-bottom: 15px;
}

.uui-heading-medium-4 {
  color: var(--d-blue-quanteec);
  text-align: right;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-heading-medium-4._1 {
  text-align: left;
  font-size: 2rem;
}

.uui-badge {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui-gray100\<deleted\|variable-4a47ec41\>);
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge.is-primary {
  background-color: var(--l-blue-quanteec);
  color: var(--green-quanteec);
  border-radius: .5rem;
  align-self: center;
}

.uui-badge.is-primary._2 {
  background-color: var(--d-blue-quanteec);
  justify-content: flex-start;
  align-self: flex-end;
}

.uui-badge.is-primary._2._3 {
  justify-content: center;
  align-items: center;
}

.uui-badge.is-primary._1 {
  align-self: flex-start;
}

.uui-badge.is-primary.security {
  background-color: var(--orange-quanteec);
  justify-content: flex-start;
  align-self: center;
  margin-top: 0;
  margin-bottom: 40px;
}

.uui-badge.is-primary.security.full-api {
  margin-top: 0;
  margin-bottom: 0;
}

.uui-badge.is-primary.dual_right {
  background-color: var(--green-quanteec);
  align-self: flex-start;
  margin-bottom: 50px;
  margin-left: 30px;
}

.uui-badge.is-primary.dual_right.panel {
  background-color: var(--d-blue-quanteec);
}

.uui-badge.is-primary.dual_right.ultra-low {
  background-color: var(--l-blue-quanteec);
}

.uui-badge.is-primary.dual_left {
  background-color: var(--d-blue-quanteec);
  align-self: flex-start;
  margin-bottom: 50px;
  margin-left: 30px;
}

.uui-badge.is-primary.dual_left.testing_suite {
  background-color: var(--l-blue-quanteec);
}

.uui-badge.is-primary.dual_left.energy-metrics {
  background-color: var(--green-quanteec);
}

.uui-layout02_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.uui-layout02_content._2.dual_left {
  flex-direction: column;
  align-items: center;
}

.uui-layout02_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-bottom: 2px #cecece;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-bottom: 35px;
  display: grid;
}

.uui-layout02_component._3 {
  grid-template-columns: 1fr;
}

.uui-padding-vertical-xhuge-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 2rem;
  display: flex;
}

.uui-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-page-padding-2._2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-11 {
  color: var(--white);
  align-self: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
}

.text-block-11.full-api {
  font-size: 2.3rem;
}

.lgweb, .image-41 {
  width: 150px;
  max-width: 150%;
}

.image-42 {
  max-width: 100%;
  padding-right: .5rem;
}

.image-42.orange {
  width: 20px;
  max-width: 100%;
  height: 10px;
}

.div-block-65 {
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.div-block-65._2 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 30px;
  margin-left: 0;
}

.div-block-65.dual {
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  margin-left: 30px;
}

.div-block-65.dual.down {
  align-self: flex-start;
  align-items: flex-start;
  margin-left: 30px;
}

.div-block-65.dual_left {
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 80px;
}

.div-block-65.dual_left.testing {
  margin-left: 50px;
  padding-right: 138px;
}

.div-block-65.dual_left.testing.energy {
  margin-top: 0;
  margin-bottom: 30px;
  padding-right: 60px;
}

.div-block-65.dual_left.low-latency {
  align-self: flex-start;
  margin-left: 40px;
}

.div-block-65.dual_left.low-latency.img {
  margin-top: 0;
  margin-bottom: 19px;
  margin-left: 0;
}

.div-block-65.dual_left.low-latency.img._2 {
  margin-bottom: 7px;
}

.wide {
  width: 20%;
  max-width: 20%;
}

.faireplay {
  align-self: center;
  width: 20%;
  max-width: 20%;
}

.lin_sep {
  border-bottom: 2px solid var(--d-blue-quanteec-non-select);
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
}

.dual_features {
  height: 400px;
  margin-top: 30px;
  display: flex;
}

.dual_features.first {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  padding-left: 0;
}

.dual_features.second, .dual_features.third {
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.left {
  align-self: center;
  width: 50%;
  height: 100%;
  padding-left: 0;
}

.right {
  width: 50%;
  height: 100%;
}

.div-block-66 {
  border: 1px solid var(--d-blue-quanteec-non-select);
  align-self: center;
  height: 60%;
}

.div-block-67 {
  display: flex;
}

.div-block-67.down {
  margin-bottom: 10px;
}

.image-43 {
  align-self: center;
  max-width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}

.div-block-68 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-44 {
  flex: 0 auto;
  align-self: center;
  max-width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}

.image-45 {
  align-self: center;
  max-width: 30%;
  display: block;
}

.div-block-69 {
  width: 100%;
  display: flex;
}

.div-block-70, .div-block-71 {
  width: 50%;
}

.image-46 {
  width: 35%;
}

.image-47 {
  width: 55%;
}

.image-48 {
  width: 60%;
}

.our_commitment-div {
  margin-top: 10%;
}

.our_commitment-div.quanteec_ecosystem {
  margin-top: 20%;
  margin-bottom: 10%;
}

.testimonial-column-dark {
  border-bottom: 1px solid #e4ebf3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 80px 30px;
  display: flex;
  position: relative;
}

.container-19 {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.centered-heading-2 {
  text-align: center;
  margin-bottom: 16px;
}

.testimonial-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.testimonial-block-main {
  background-color: #fafafa;
  justify-content: space-between;
  padding: 32px 24px;
  display: flex;
}

.testimonial-main-image {
  object-fit: cover;
  width: 200px;
  height: 280px;
  margin-right: 24px;
}

.testimonial-main-content {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.margin-bottom-24px-5 {
  margin-bottom: 24px;
}

.testimonial-main-heading {
  margin-bottom: 2px;
  font-weight: 600;
}

.testimonial-block {
  background-color: #f5f7fa;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px;
  display: flex;
}

.testimonial-info-two {
  align-items: center;
  display: flex;
}

.testimonial-image-2 {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-author-name {
  font-weight: 700;
}

.paragraph-14 {
  color: var(--d-blue-quanteec);
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.text-span-36 {
  color: var(--d-blue-quanteec);
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding-right: 0;
  font-weight: 500;
  display: flex;
}

.separador {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 3%;
  display: flex;
}

.separador._2 {
  margin-bottom: 0;
}

.separador.plus_line {
  margin-bottom: 0%;
}

.div-block-73 {
  background-image: url('../images/Group-4812.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 29%;
  height: 30px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-73.supported_by {
  width: 35%;
}

.div-block-74 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 4%;
  display: flex;
}

.div-block-75 {
  width: 48%;
}

.paragraph-15 {
  color: var(--d-blue-quanteec);
  text-align: center;
  margin-left: 0%;
  margin-right: 0%;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.proud_member_green {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  margin-bottom: 10%;
  display: flex;
}

.proud_member_green.general {
  margin-top: 60px;
  margin-bottom: 15%;
}

.proud_member_green.general.ibc_mode {
  margin-top: 120px;
  margin-bottom: 220px;
}

.proud_member_green.awards {
  margin-top: 0;
}

.proud_member_green.support_by {
  margin-top: 15%;
  margin-bottom: 20%;
}

.container_logos {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container_logos.recognition, .container_logos.proud_member, .container_logos.proud_member.down {
  width: 80%;
}

.conteiner_area_logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 318px;
  height: 369px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.container_single_logo {
  background-image: url('../images/Group-4813.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88%;
  display: flex;
}

.container_single_logo:hover {
  background-image: url('../images/Group-4827.png');
}

.container_single_logo.green {
  background-image: url('../images/Group-4827_1.png');
}

.container_single_logo.tech, .container_single_logo.nominee {
  background-image: url('../images/Group-4828.png');
}

.container_single_logo.nominee._2 {
  background-image: url('../images/Group-4829_1.png');
}

.container_single_logo.tfft {
  background-image: url('../images/Group-4892.svg');
}

.container_single_logo.tfft:hover {
  background-image: url('../images/Group-4827.png');
}

.container_txt_logo {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12%;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  display: flex;
}

.container_txt_logo.ibc_mode {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.container_recognition {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
  display: flex;
}

.container_mapping {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 20px;
  display: flex;
}

.banner_mapping {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100px;
  display: flex;
}

.image-49 {
  width: auto;
}

.logo_recognition {
  max-width: 60%;
}

.logo_recognition._1 {
  max-width: 70%;
}

.logo_recognition.sport_innovation {
  max-width: 80%;
}

.image-50, .image-51, .image-52 {
  max-width: 70%;
}

.text_mapping {
  width: 20%;
  margin-right: 1%;
}

.txt_impact_mapping {
  background-image: url('../images/8811a4f4-6782-491f-b479-6e1d6ab0b291-6.png');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12%;
  height: 100%;
  margin-right: 2%;
}

.separador_mapping {
  border: 1px solid #d2d8de;
  width: 2px;
  height: 50%;
  margin-top: 0%;
  margin-bottom: 10px;
}

._3logos_mapping {
  background-image: url('../images/8811a4f4-6782-491f-b479-6e1d6ab0b291-7.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35%;
  height: 70px;
  margin-bottom: 1%;
  margin-left: 2%;
}

.paragraph-16 {
  color: var(--d-blue-quanteec);
  font-family: Clashgrotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.container_mapping_intern {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-53 {
  max-width: 60%;
}

.image-54 {
  max-width: 70%;
}

.image-54.csa {
  max-width: 60%;
}

.image-55 {
  max-width: 55%;
}

.image-55.hub_awards {
  max-width: 50%;
}

.image-56, .image-57 {
  max-width: 60%;
}

.image-57.nabshow {
  max-width: 70%;
}

.image-58 {
  max-width: 55%;
}

.image-58.ott {
  max-width: 65%;
}

.image-58.cdn_alliance {
  max-width: 91%;
}

.container_banner_sportsx {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 10%;
  display: flex;
}

.container_sub_sportsx {
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.container_txt_sportsx {
  width: 75%;
  margin-right: 0;
}

.container_logo_sportsx {
  width: 25%;
}

.text-block-12 {
  color: var(--d-blue-quanteec);
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.image-59 {
  max-width: 80%;
}

.text-span-37 {
  color: var(--d-blue-quanteec);
  font-weight: 500;
}

.div-block-76 {
  background-image: url('../images/Group-4829.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
}

.div-block-77 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-60 {
  z-index: 10;
  display: block;
  position: relative;
}

.paragraph_carte {
  z-index: 1;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Open Sans, sans-serif;
  display: flex;
  position: relative;
}

.paragraph_carte._2, .paragraph_carte._3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph_carte._4 {
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 210px;
  padding: 0 10px;
  display: none;
}

.paragraph_carte._5 {
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.image-61, .image-62, .image-63, .image-64 {
  display: block;
}

.text-span-38 {
  padding-right: 4px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 26px;
}

.section_compatibility {
  flex-direction: column;
  display: flex;
}

.titre_compatibility {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.h2_compatibility {
  justify-content: center;
  width: 60%;
  display: flex;
}

.h3_compatibility {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.container_3points_compatibility {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container_grill_compatibility {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 120px;
  display: flex;
}

.grid-5 {
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: stretch stretch;
  width: 95%;
}

.titles_box_compatibility {
  border-bottom: 2px solid var(--l-blue-quanteec);
}

.heading-14 {
  color: var(--d-blue-quanteec);
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  display: flex;
}

.container_logo_compatibility {
  border: 1px none var(--d-blue-quanteec-non-select);
  box-shadow: 0 0 3px 0 var(--d-blue-quanteec-non-select);
  flex-direction: row;
  padding: 25px 10px 26px;
  display: flex;
}

.container_logo_compatibility:hover {
  box-shadow: 2px 1px 8px 0 var(--grey_font);
}

.container_logo_compatibility.b {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.container_logo_compatibility.c {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container_features_general {
  width: 100%;
  display: flex;
}

.left_general, .right_general {
  width: 50%;
}

.bold-text-11 {
  font-family: Montserrat, sans-serif;
}

.div-block-79 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-block-3 {
  background-image: url('../images/Group-4830.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35.56px;
  height: 31px;
  margin-left: 0;
  margin-right: 5px;
}

.link-block-4 {
  background-image: url('../images/Group-4831.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35.56px;
  height: 31px;
  margin-left: 5px;
  margin-right: 0;
}

.div-block-80 {
  display: flex;
}

.paragraph-17 {
  margin-bottom: 0;
}

.backtothehome_txt {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  display: flex;
}

.image-65 {
  width: 24px;
  height: 21.31px;
}

.paragraph-18 {
  color: var(--white);
  padding-right: 200px;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
}

.link-block-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fs-cc-prefs2_close {
  background-color: var(--orange-quanteec);
  color: var(--l-blue-quanteec);
  cursor: pointer;
  padding: .75rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: 0 0 auto auto;
  box-shadow: -1px 1px 4px #3333331a;
}

.fs-cc-prefs2_overlay {
  z-index: -1;
  background-color: #010440e6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_form-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox-label {
  display: none;
}

.fs-cc-preferences2_close-icon {
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
}

.fs-cc-prefs2_form {
  color: #fff;
  background-color: #333;
  width: 100%;
  max-width: 25rem;
  max-height: 85vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs2_buttons-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 1rem;
  display: flex;
}

.fs-cc-prefs2_label {
  color: var(--l-blue-quanteec);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-prefs2_checkbox {
  z-index: 1;
  border-width: 2px;
  border-color: var(--l-blue-quanteec);
  cursor: pointer;
  background-color: #fff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox.w--redirected-checked {
  background-color: #0540f2;
  background-size: auto;
  border-color: #0540f2;
}

.fs-cc-prefs2_button {
  border: 1px solid var(--d-blue-quanteec);
  background-color: var(--d-blue-quanteec);
  color: var(--white);
  text-align: center;
  padding: .75rem 1.25rem;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.fs-cc-prefs2_button.fs-cc-button-alt {
  border-color: var(--d-blue-quanteec);
  color: var(--d-blue-quanteec);
  background-color: #fff;
  margin-bottom: .75rem;
  font-family: Montserrat, sans-serif;
}

.fs-cc-prefs2_option {
  border-bottom: 1px solid #c0c0c04d;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs2_space-small {
  margin-bottom: .75rem;
}

.fs-cc-prefs2_submit {
  background-color: var(--d-blue-quanteec);
  color: var(--white);
  text-align: center;
  margin-top: .75rem;
  padding: .75rem 1.25rem;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.fs-cc-prefs2_component {
  z-index: 997;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 2rem;
  display: flex;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs2_content {
  color: #000;
  background-color: #fff;
  height: 100%;
  padding: 2.5rem 2rem;
}

.fs-cc-prefs2_title {
  color: var(--d-blue-quanteec);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs2_checkbox-field {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-prefs2_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fs-cc-prefs2_close-2 {
  color: #fff;
  cursor: pointer;
  background-color: #0540f2;
  padding: .75rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: 0 0 auto auto;
  box-shadow: -1px 1px 4px #3333331a;
}

.fs-cc-banner2_container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-banner2_buttons-wrapper {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.fs-cc-prefs2_label-2 {
  color: #0540f2;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-banner2_text {
  font-size: 1rem;
}

.set-all-components-to-display-none-and-use-this-div-to-create-a-symbol {
  display: block;
}

.fs-cc-manager2_component {
  z-index: 999;
  display: block;
  position: fixed;
  inset: auto auto 1.25rem 1.25rem;
}

.fs-cc-prefs2_checkbox-2 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border-width: 2px;
  border-color: #0540f2;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox-2.w--redirected-checked {
  background-color: #0540f2;
  background-size: auto;
  border-color: #0540f2;
}

.fs-cc-prefs2_button-2 {
  text-align: center;
  background-color: #0540f2;
  border: 1px solid #0540f2;
  padding: .75rem 1.25rem;
  font-weight: 700;
}

.fs-cc-prefs2_button-2.fs-cc-button-alt {
  color: #0540f2;
  background-color: #fff;
  border-color: #0540f2;
  margin-bottom: .75rem;
}

.fs-cc-banner2_button {
  color: #0540f2;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  flex: 1;
  min-width: 7.5rem;
  margin-left: 0;
  margin-right: 1rem;
  padding: .5rem 1.25rem;
  font-weight: 700;
}

.fs-cc-banner2_button.fs-cc-button-alt {
  color: #fff9;
  background-color: #02087366;
}

.fs-cc-prefs2_submit-2 {
  text-align: center;
  background-color: #010440;
  margin-top: .75rem;
  padding: .75rem 1.25rem;
  font-weight: 700;
}

.fs-cc-prefs2_title-2 {
  color: #010440;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-manager2_button {
  color: #0540f2;
  cursor: pointer;
  background-color: #fff;
  flex-direction: column;
  width: 3rem;
  padding: .5rem;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager2_button:hover {
  color: #4353ff;
}

.fs-cc-banner2_text-link {
  color: #fff;
  border-bottom: 2px solid #fff;
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-banner2_component {
  z-index: 999;
  color: #fff;
  background-color: #0540f2;
  width: 28.125rem;
  padding: 2rem;
  display: block;
  position: fixed;
  inset: auto 0% 0% auto;
}

.fs-cc-banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-manager_component {
  z-index: 999;
  justify-content: center;
  align-items: center;
  max-width: none;
  max-height: none;
  display: flex;
  position: fixed;
  inset: auto auto 1.25rem 1.25rem;
}

.fs-cc-manager_component.nabshow {
  left: 4rem;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_close-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_close {
  z-index: 1;
  box-shadow: -1px 1px 17px 0 var(--d-blue-quanteec-non-select);
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  padding: .625rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: -.75rem -.75rem auto auto;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs_space-small {
  margin-bottom: .75rem;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-prefs_title {
  color: var(--d-blue-quanteec);
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_text {
  color: #021a69;
  font-family: Open Sans, sans-serif;
  font-size: .75rem;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-right: -.5rem;
  display: flex;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 2.5rem;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 2.75rem;
  height: 1.5rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-prefs_content {
  border-radius: 0;
  height: 100%;
  padding: 2.5rem 2rem;
  overflow: scroll;
}

.fs-cc-banner_text-link {
  border-bottom: 2px solid var(--d-blue-quanteec);
  color: var(--d-blue-quanteec);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-prefs_form {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  max-width: 36rem;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_close-icon {
  color: #021a7c;
  width: 1rem;
  height: 1rem;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 999rem;
  margin-left: .75rem;
  padding: .625rem;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #03052499;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-manager_icon {
  width: 2rem;
  height: 2rem;
}

.fs-cc-banner_text {
  color: var(--d-blue-quanteec-non-select);
  margin-right: 1.5rem;
  font-family: Open Sans, sans-serif;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-manager_button {
  color: #333;
  cursor: pointer;
  background-color: #fff0;
  border-radius: 999rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  padding: 0;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-prefs_component {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs_label {
  color: var(--d-blue-quanteec);
  -webkit-text-stroke-color: var(--d-blue-quanteec);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-prefs_button {
  border: 2px solid var(--d-blue-quanteec);
  background-color: var(--d-blue-quanteec);
  color: var(--white);
  border-radius: 0;
  margin-right: .5rem;
  padding: .625rem 1.5rem;
  font-family: Montserrat, sans-serif;
  font-size: .875rem;
  font-weight: 700;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  border-color: var(--d-blue-quanteec);
  color: var(--d-blue-quanteec);
  -webkit-text-stroke-color: var(--d-blue-quanteec);
  background-color: #fff;
  border-radius: 0;
}

.fs-cc-banner_button {
  border: 2px solid var(--d-blue-quanteec);
  background-color: var(--d-blue-quanteec);
  color: #fff;
  text-align: center;
  border-radius: 0;
  min-width: 8.75rem;
  margin-left: 1rem;
  padding: .625rem 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.fs-cc-banner_button.fs-cc-button-alt {
  border-color: var(--d-blue-quanteec);
  color: var(--d-blue-quanteec);
  background-color: #f5f5f5;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
}

.fs-cc-banner_component {
  z-index: 998;
  background-color: #f5f6ff;
  border-top: 1px solid #4353ff29;
  padding: 1.5rem 2rem;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 1.25rem;
  height: 1.25rem;
}

.lottie-section {
  width: 100%;
  height: 340vh;
}

.lottie-container {
  background-color: var(--d-blue-quanteec);
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.section-6 {
  background-color: var(--d-blue-quanteec);
}

.div-block-81 {
  width: 29px;
  height: 29px;
}

.div-block-82 {
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.image-66 {
  width: 29px;
  height: 29px;
  padding-bottom: 0;
}

.div-block-83 {
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 29px;
  display: flex;
}

.div-block-84 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-85 {
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  display: flex;
}

.image-68 {
  padding-right: 5px;
}

.div-block-86 {
  width: 29px;
  height: 29px;
}

.html-embed-4 {
  width: 90vw;
  max-width: 600px;
  height: auto;
  display: block;
}

.image-70 {
  width: 35px;
  height: 30px;
}

.image-70._2 {
  width: 60px;
  height: 60px;
}

.section-7 {
  color: var(--d-blue-quanteec);
  background-image: linear-gradient(#f3fbfb, #f3fbfb);
  justify-content: center;
  align-items: center;
  height: 800px;
  display: flex;
}

.big-container {
  margin-top: 20px;
}

.heading-15 {
  color: var(--d-blue-quanteec);
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
}

.h3-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-19 {
  color: var(--d-blue-quanteec);
  font-family: Montserrat, sans-serif;
  font-size: 17px;
}

.text-span-39 {
  color: var(--orange-quanteec);
  font-weight: 600;
}

.box-general-container {
  margin-top: 60px;
  display: flex;
}

.box-link-container {
  width: 277px;
  height: 265px;
  margin-left: 20px;
  margin-right: 20px;
}

.link-block-6 {
  width: 100%;
  height: 100%;
}

.div-block-88 {
  height: 70%;
}

.div-block-89 {
  background-color: #f3f3f3;
  height: 30%;
  display: flex;
}

.text_inbox {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.text-span-40 {
  font-weight: 600;
  display: inline;
}

.div-block-90 {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  padding-left: 20px;
  display: flex;
}

.div-block-91 {
  justify-content: center;
  align-items: center;
  width: 30%;
  transition: background-color .425s;
  display: flex;
}

.div-block-91:hover {
  background-image: url('../images/arrow_full.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.bot_contain {
  justify-content: center;
  align-items: center;
  margin-top: 90px;
  display: none;
}

.text-block-13 {
  color: #686868;
  padding-left: 0;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.img_arrow:hover {
  opacity: 0;
}

.uui-space-xhuge {
  width: 100%;
  min-height: 7rem;
}

.uui-text-size-medium-3 {
  color: var(--untitled-ui-gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-divider {
  color: var(--untitled-ui-gray600\<deleted\|variable-10a0cd12\>);
  margin-left: .25rem;
  margin-right: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-divider.text-color-white {
  color: var(--white);
}

.uui-blogpost02_date-wrapper {
  align-items: center;
  margin-top: .25rem;
  display: flex;
}

.uui-blogpost02_author-heading {
  color: var(--d-blue-quanteec);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
}

.uui-blogpost02_author-image {
  object-fit: cover;
  border-radius: 0%;
  width: 4rem;
  min-width: 3.5rem;
  height: 4rem;
  min-height: 3.5rem;
  margin-bottom: 0;
  padding: 5px;
}

.uui-blogpost02_author-image-wrapper {
  margin-bottom: 1rem;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.uui-blogpost02_author-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.uui-blogpost02_divider {
  background-color: var(--untitled-ui--gray200);
  width: 100%;
  max-width: 48rem;
  height: 1px;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.uui-badge-2 {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui-gray100\<deleted\|variable-4a47ec41\>);
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge-2.is-pink {
  background-color: var(--untitled-ui--pink50);
  color: var(--untitled-ui--pink700);
}

.uui-badge-2.is-indigo {
  background-color: var(--untitled-ui--indigo50);
  color: var(--untitled-ui--indigo700);
}

.uui-badge-2.is-primary {
  background-color: var(--l-blue-quanteec);
  color: var(--green-quanteec);
}

.uui-blogpost02_tag-list {
  grid-column-gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.uui-blogpost02_tag-list-wrapper {
  width: 100%;
}

.uui-button-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-2.text-color-gray400 {
  color: var(--untitled-ui--gray400);
}

.uui-button-secondary-gray-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white);
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-3:hover {
  background-color: var(--untitled-ui-gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui-gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray-3:focus {
  background-color: var(--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-gray100\<deleted\|variable-4a47ec41\>);
}

.uui-button-secondary-gray-3.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.uui-button-secondary-gray-3.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.uui-button-secondary-gray-3.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.uui-blogpost02_share {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  display: grid;
}

.uui-blogpost02_share-heading {
  color: var(--d-blue-quanteec);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.uui-blogpost02_share-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-blogpost02_content-bottom {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uui-text-rich-text {
  color: var(--d-blue-quanteec);
  font-family: Montserrat, sans-serif;
}

.uui-text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.uui-text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text h5, .uui-text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text p {
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-style: italic;
}

.uui-text-rich-text a {
  text-decoration: underline;
}

.uui-text-rich-text figcaption {
  color: var(--orange-quanteec);
  text-align: left;
  margin-top: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
}

.uui-blogpost02_content {
  margin-bottom: 4rem;
}

.uui-breadcrumb-link {
  color: var(--untitled-ui-gray600\<deleted\|variable-10a0cd12\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.uui-breadcrumb-link:hover {
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
}

.uui-breadcrumb-link.w--current {
  color: var(--green-quanteec);
  font-weight: 600;
}

.uui-breadcrumb-link.w--current:hover {
  color: var(--untitled-ui--primary800);
}

.uui-breadcrumb-divider {
  color: var(--orange-quanteec);
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
  margin-right: .5rem;
  display: flex;
}

.uui-blogpost02_breadcrumb {
  align-items: center;
  width: 100%;
  display: flex;
}

.uui-blogpost02_content-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2.5rem;
  display: flex;
}

.uui-max-width-large-3 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-3.align-center, .align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-3 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-text-size-small {
  color: var(--untitled-ui-gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small.text-color-white {
  color: var(--white);
}

.uui-heading-tiny {
  color: var(--d-blue-quanteec);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-tiny.text-color-white {
  color: var(--white);
}

.uui-heading-large {
  color: var(--d-blue-quanteec);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-large.text-color-white {
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

.uui-blogpost02_category-link {
  color: #fff;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.uui-blogpost02_category-link.w--current {
  border-bottom: 2px solid #000;
}

.uui-blogpost02_title-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-padding-vertical-xhuge-5 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-small {
  width: 100%;
  max-width: 48rem;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.uui-blogpost02_background {
  z-index: -1;
  background-image: linear-gradient(to bottom, var(--d-blue-quanteec), var(--d-blue-quanteec));
}

.uui-blogpost02_header {
  margin-bottom: 0;
  position: relative;
}

.div-block-92, .div-block-93 {
  width: 100%;
}

.div-block-94, .div-block-95 {
  width: 50%;
}

.div-block-96 {
  width: 100%;
  display: flex;
}

.heading-16 {
  color: var(--d-blue-quanteec);
  font-family: Montserrat, sans-serif;
}

.paragraph-20 {
  color: var(--d-blue-quanteec);
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.paragraph-21, .paragraph-22, .paragraph-23 {
  color: var(--d-blue-quanteec);
  font-family: Open Sans, sans-serif;
}

.rich-text-block {
  color: var(--d-blue-quanteec);
  letter-spacing: 0;
  text-indent: 0;
  column-count: 0;
  white-space: normal;
  word-break: normal;
  font-family: Open Sans, sans-serif;
  line-height: 21px;
}

.list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10, .list-item-11 {
  margin-bottom: 10px;
}

.popup-4-form---brix {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.popup-4---illustration---brix {
  object-fit: cover;
  width: 100%;
  height: 130%;
  position: relative;
}

.popup-form-block---brix {
  width: 100%;
  margin-bottom: 0;
}

.error-message---brix {
  border-radius: 16px;
  padding: 20px;
}

.popup-content-wrapper---brix {
  z-index: 100;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 14px #4a3aff29, 0 -2px 4px #14142b1f, 0 12px 44px #14142b57;
}

.popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
}

.popup-title---brix {
  margin-bottom: 8px;
}

.input---brix {
  color: #170f49;
  border: 1px solid #eff0f6;
  border-radius: 500px;
  min-height: 60px;
  margin-bottom: 0;
  padding: 30px 20px;
  font-size: 18px;
  line-height: 20px;
  transition: color .2s, border-color .2s;
}

.input---brix:hover, .input---brix:focus {
  color: #4a3aff;
  border-color: #4a3aff;
}

.input---brix::placeholder {
  color: #6f6c90;
}

.input---brix.mg-bottom-16 {
  margin-bottom: 16px;
}

.input---brix.large---brix {
  min-height: 74px;
  padding: 24px 40px;
}

.popup-4-image-wrapper---brix {
  align-items: center;
  max-width: 45%;
  display: flex;
}

.subscribe-button---brix {
  color: #fff;
  text-align: center;
  background-color: #4a3aff;
  background-image: none;
  border-radius: 80px;
  padding: 16px 32px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  position: absolute;
  inset: auto 12px auto auto;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.subscribe-button---brix:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.subscribe-button---brix.ebook-button---brix {
  background-image: none;
  margin-top: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
}

.popup-4---brix {
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 55%;
  padding: 58px 48px;
  display: flex;
  position: relative;
}

.success-message---brix {
  color: #fff;
  background-color: #4a3aff;
  border-radius: 16px;
}

.close-popup---brix {
  cursor: pointer;
  transition: transform .2s;
  position: absolute;
  inset: 24px 24px auto auto;
}

.close-popup---brix:hover {
  transform: scale(.9);
}

.dummy-display {
  color: #a0a3bd;
  margin-bottom: 16px;
  line-height: 1.2;
}

.button-arrow {
  margin-left: 6px;
}

.overlay---brix {
  z-index: 10;
  background-color: #0000009c;
  position: absolute;
  inset: 0%;
}

.limit-content---brix {
  align-self: center;
  width: 100%;
  max-width: 456px;
}

.cloneable-container-default {
  background-color: #f7f7fb;
  border-radius: 20px;
  min-height: 624px;
  padding-top: 132px;
  padding-bottom: 132px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.dummy-hero-wrapper---brix {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.dummy-hero-wrapper---brix.preview-page---brix {
  padding: 32px 50px;
}

.popup-wrapper---brix {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-wrapper---brix.preview-page {
  position: absolute;
}

.paragraph-24.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.image-thumbnail-illustration---brix {
  width: 100%;
  height: 100%;
  max-height: 440px;
}

.dummy-hero-button---brix {
  color: #6f6c90;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #d9dbe9;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  max-width: 260px;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #0000000a;
}

.dummy-hero-button---brix:hover {
  transform: scale3d(1, 1, .01)translate(0, -2px);
  box-shadow: 0 4px 10px #00000014;
}

.column-5 {
  justify-content: flex-end;
  width: 100%;
  margin-left: 40px;
  display: flex;
}

.paragraph-25.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.column-6 {
  justify-content: flex-end;
  width: 100%;
  margin-left: 40px;
  display: flex;
}

.popup-1---brix {
  text-align: center;
  background-color: #fff;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  padding: 64px 64px 80px;
  display: flex;
  position: relative;
}

.popup-1-form---brix {
  align-items: center;
  display: flex;
  position: relative;
}

.paragraph-26.dummy-paragraph {
  color: #a0a3bd;
  margin-bottom: 32px;
}

.popup-1-illustration---brix {
  margin-bottom: 24px;
}

.heading-17 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15.5px;
}

.heading-17._2 {
  margin-top: -10px;
  font-size: 27px;
}

.button-9 {
  background-color: var(--green-quanteec);
  color: #fff;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  display: flex;
}

.div-block-97 {
  background-color: #2f90b000;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.image-71 {
  width: 22px;
  height: 20px;
}

.div-block-98 {
  background-color: var(--green-quanteec);
  justify-content: center;
  align-items: center;
  width: 171px;
  display: flex;
}

.div-block-99 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-14 {
  z-index: 999;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  position: relative;
  box-shadow: -2px 2px 20px -1px #050505;
}

.div-block-100 {
  z-index: 5;
  position: relative;
}

.div-block-101 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-72 {
  text-align: left;
}

.div-block-102 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-103 {
  margin-top: 20px;
}

.nab_show_close-modal {
  z-index: 999;
  cursor: pointer;
  display: none;
  position: fixed;
  inset: 10% 3% auto auto;
}

.modal_info {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-105 {
  margin-bottom: 20px;
  display: flex;
}

.div-block-106 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 15px;
  display: flex;
}

.image-73 {
  margin-right: 15px;
}

.text-block-15 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.text-block-16 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
}

.div-block-107 {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  margin-top: 0%;
  display: flex;
}

.div-block-107.mode_off {
  width: 90%;
  height: auto;
}

.calendly-daniel, .cadenly-michael {
  width: 50%;
  height: 100%;
}

.uui-layout15_lightbox-image {
  width: 48rem;
  min-width: 48rem;
  position: absolute;
  inset: auto auto auto 3rem;
}

.uui-lightbox_play-icon {
  z-index: 2;
  -webkit-backdrop-filter: saturate(150%) blur(12px);
  backdrop-filter: saturate(150%) blur(12px);
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 100%;
  width: 8rem;
  height: 8rem;
  position: absolute;
}

.lightbox_video-overlay-layer {
  z-index: 1;
  background-color: #1d29391a;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.uui-layout15_lightbox {
  background-color: var(--untitled-ui-gray100\<deleted\|variable-4a47ec41\>);
  background-image: url('../images/Study-Case---31.07.2024-09.10.22.png');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 429px;
  height: 100%;
  min-height: 569px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-button-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-3:hover {
  border-color: var(--green-quanteec);
  background-color: var(--green-quanteec);
}

.uui-button-3:focus {
  background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-primary100\<deleted\|variable-35a3c723\>);
}

.uui-button-secondary-gray-4 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white);
  color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-4:hover {
  background-color: var(--untitled-ui-gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui-gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray-4:focus {
  background-color: var(--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-gray100\<deleted\|variable-4a47ec41\>);
}

.uui-button-row-3 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-text-size-medium-4 {
  color: var(--d-blue-quanteec);
  letter-spacing: normal;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-space-xxsmall-2 {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall-2 {
  color: var(--d-blue-quanteec);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-space-xsmall-3 {
  width: 100%;
  min-height: 1rem;
}

.uui-icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-icon-featured-outline-large {
  border: .5rem solid var(--l-blue-quanteec);
  background-color: var(--untitled-ui-primary100\<deleted\|variable-35a3c723\>);
  color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.uui-layout15_item-list {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  margin-bottom: 2.5rem;
}

.uui-layout15_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center end;
  min-height: 569px;
  display: grid;
}

.uui-padding-vertical-xhuge-6 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large-5 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.heading-18 {
  color: var(--d-blue-quanteec);
  font-family: Montserrat, sans-serif;
}

.div-block-108 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-74 {
  min-width: 10px;
  min-height: 10px;
}

.head_ibc {
  background-image: url('../images/forweb1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 69vh;
  display: flex;
}

.container-h1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.heading-19 {
  color: #fff;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  line-height: 44px;
}

.heading-20 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.body-4 {
  background-color: #000;
  background-image: url('../images/MacBook-Air---82.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1500px 6500px;
}

.button-10 {
  color: #fff;
  background-color: #3898ec00;
  border-bottom: 1px #000;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button-10.mode_off._2 {
  color: #fff;
  padding-left: 20px;
  font-size: 20px;
}

.button_book-a-demo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(90deg, #14bf98, #2f90b0);
  justify-content: center;
  align-items: center;
  min-width: 160px;
  max-width: 160px;
  min-height: 32px;
  max-height: 32px;
  text-decoration: none;
  display: flex;
}

.button_book-a-demo.mode_off {
  min-width: 320px;
  max-width: 320px;
  min-height: 64px;
  max-height: 64px;
}

.image-75 {
  margin-right: 0;
}

.h2_ibc {
  font-size: 24px;
}

.h2_ibc.ibc_mode {
  color: var(--white);
  margin-bottom: 0;
}

.h2_ibc.ibc_mode.videon {
  max-width: 40%;
  padding-left: 0;
  padding-right: 0;
}

.h2_ibc.ibc_mode.videon._2 {
  max-width: 45%;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  line-height: 25px;
}

.h2_ibc.ibc_mode.videon._2.off-demo {
  color: var(--black);
}

.separador_ibc {
  text-align: left;
  border-top: 3px solid #14bf98;
  min-width: 52px;
  max-width: 52px;
}

.separador_ibc.plus_line {
  border-top-color: var(--red_problems);
  min-width: 65%;
  max-width: none;
}

.container_use-case {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-bottom: 200px;
  display: flex;
}

.use_case {
  padding-left: 150px;
  padding-right: 150px;
}

.use_case._2 {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.use_case._1 {
  margin-bottom: 200px;
  padding-left: 0;
  padding-right: 0;
}

.use_case._3 {
  margin-bottom: 220px;
}

.container-text {
  max-width: 500px;
}

.container-img {
  flex: 0 auto;
  max-width: 429px;
  max-height: 569px;
}

.container-img.mode_off {
  border-radius: 20px;
}

.image-76 {
  vertical-align: baseline;
  border-radius: 0;
  max-width: none;
  max-height: none;
  display: inline-block;
  overflow: clip;
}

.image-76.mode_off {
  border-radius: 20px;
}

.title_use_case {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.title_use_case.mode_off {
  color: #000;
}

.heading-21 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}

.div-block-112 {
  border-top: 2px solid #14bf98;
  width: 20%;
  max-width: 52px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.text-block-17 {
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.content-text-intro {
  margin-bottom: 10px;
}

.div-block-113 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.title-detailes {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}

.title-detailes._2 {
  font-size: 13.5px;
}

.text-detail {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.div-block-114 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #ffffff1a;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 210px;
  max-width: 210px;
  min-height: 170px;
  max-height: 170px;
  padding: 10px 20px 20px;
  display: flex;
}

.div-block-114._3 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
}

.div-block-114._1.mode_off {
  border-color: #2f90b042;
  border-radius: 20px;
}

.div-block-114.mode_off {
  border-color: #2cac8a5c;
  border-radius: 20px;
}

.winners {
  margin-bottom: 150px;
}

.we_are_winners {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.we_are_winners.problem {
  margin-bottom: 0;
  line-height: 20px;
}

.we_are_winners.problem.off-demo {
  color: var(--black);
}

.we_are_winners.eco-flow {
  font-size: 30px;
  line-height: 30px;
}

.we_are_winners.off-demo {
  color: var(--black);
}

.we_are_winners.mode-off {
  color: #000;
}

.container_we-are._2 {
  min-width: 0;
  max-width: none;
}

.container_we-are._2.videon {
  max-width: none;
}

.container_we-are._2._3 {
  max-width: 60%;
}

.div-block-115 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.awards_c2 {
  background-image: url('../images/Group-5133.svg');
  background-position: 50%;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 186px;
  height: 193px;
  margin-bottom: 10px;
  display: flex;
}

.content-area {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 186px;
  display: flex;
}

.item_descr {
  color: #fff;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.book_a_meeting {
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  padding-top: 60px;
  display: flex;
}

.book_a_meeting.mode_off {
  background-image: none;
  height: 100vh;
  padding-top: 0;
}

.section-8 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-22 {
  color: #fff;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
}

.h1_ibc_container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  display: flex;
}

.text-span-41 {
  color: #fa6440;
}

.text-span-42 {
  color: #14bf98;
}

.text-span-43 {
  color: #2f90b0;
}

.div-block-116 {
  width: 70%;
  margin-top: 25px;
}

.heading-23 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text-span-44 {
  color: var(--green-quanteec);
  font-weight: 600;
}

.text-span-45 {
  color: var(--l-blue-quanteec);
  font-weight: 600;
}

.text-span-46 {
  color: var(--l-blue-quanteec);
  -webkit-text-stroke-color: var(--green-quanteec);
  font-weight: 600;
}

.text-span-47 {
  color: var(--white);
  font-weight: 600;
}

.text-span-47.mode_off {
  color: var(--green-quanteec);
}

.text-span-48 {
  color: var(--green-quanteec);
  font-weight: 600;
}

.text-span-49 {
  color: var(--l-blue-quanteec);
  font-weight: 600;
}

.text-span-50 {
  color: var(--orange-quanteec);
  font-weight: 600;
}

.ecoflow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 220px;
  display: flex;
  overflow: hidden;
}

.container-text-ecoflow {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.container-ecoflow-title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 105px;
  display: flex;
}

.container-champions {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.container-logo_champions {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-height: 0;
  max-height: none;
  margin-bottom: 30px;
  display: flex;
}

.container-logo_champions._2 {
  min-height: 0;
  max-height: none;
  padding-left: 15px;
}

.container-separator.mode-off._2 {
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.text-block-18 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text-block-18.mode-off {
  color: #000;
}

.image-77 {
  margin-bottom: 10px;
}

.container_participants {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-bottom: 30px;
  display: flex;
  overflow: hidden;
}

.container_participants.mode-off {
  width: 80%;
}

.container-ecoflow_details {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-ecoflow_details.videon {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-top: 70px;
}

.container-ecoflow_details.videon_avantage {
  margin-top: 110px;
}

.container-ecoflow_details2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-ecoflow_details2.videon {
  margin-bottom: 20px;
}

.divisor {
  border-right: 2px solid #14bf98;
  min-width: 0;
  height: 100%;
  min-height: 75px;
}

.divisor.videon {
  border-right-style: none;
  min-width: 30px;
  max-width: none;
  height: auto;
  min-height: 30px;
}

.divisor.off-demo._2 {
  margin-left: 15px;
}

.container-ecoflow_detail {
  max-width: 215px;
}

.text-ecoflow_detail {
  color: #fff;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.text-ecoflow_detail._1 {
  min-width: 237px;
  margin-right: 0;
}

.text-ecoflow_detail._1.off-demo {
  margin-right: 0;
}

.text-ecoflow_detail.off-demo {
  color: var(--black);
}

.text-ecoflow_detail.mode-off {
  color: #000;
}

.div-block-117 {
  border-right: 2px solid #14bf98;
  justify-content: center;
  align-items: center;
  height: 66px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div-block-117._2 {
  margin-right: 30px;
}

.min-img-carru {
  width: 112px;
  max-width: none;
  height: 59px;
}

.image-78 {
  width: 200px;
  max-width: none;
  height: 60px;
  margin-right: 20px;
  padding-right: 0;
}

.image-79 {
  width: 204px;
  max-width: none;
  height: 45px;
  margin-right: 20px;
}

.img_clarin {
  width: 154px;
  height: 59px;
}

.image-80 {
  max-width: none;
}

.image-81 {
  width: 124px;
  height: 38px;
  margin-right: 0;
}

.image-81.sportall {
  margin-right: 20px;
}

.image-81._2 {
  width: 150px;
}

.image-81._3 {
  width: 200px;
}

.image-81._3.go_surf {
  margin-right: 10px;
}

.mini_carru_baj {
  width: 69px;
  height: 44.3px;
}

.image-82 {
  width: 150px;
  height: 75px;
}

.image-82.zebra {
  width: 200px;
  height: 50px;
}

.viewsurf_carru {
  height: 70px;
}

.videonxquanteec {
  margin-bottom: 220px;
}

.img_plus {
  width: 30px;
  min-width: 0;
  height: 30px;
}

.container_videon-comparative {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 140px;
  display: flex;
}

.container_img_comparative {
  max-width: 329px;
  max-height: 510px;
}

.text-span-51 {
  color: var(--red_problems);
  -webkit-text-stroke-color: var(--red_problems);
  font-weight: 600;
}

.text-span-52 {
  color: var(--l-blue-quanteec);
  font-weight: 600;
}

.text-span-53, .text-span-54 {
  color: var(--red_problems);
  font-weight: 600;
}

.text-span-55 {
  color: var(--red_problems);
}

.text-span-56, .text-span-57 {
  color: var(--l-blue-quanteec);
}

.text-span-58 {
  color: var(--green-quanteec);
}

.container_cta {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 70px;
  display: flex;
}

.container_cta._2 {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  margin-top: 30px;
}

.container_cta._3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}

.text-span-59 {
  color: #ff6c08;
}

.text-span-60 {
  color: #ff6c01;
}

.text-span-61 {
  color: var(--l-blue-quanteec);
}

.text-span-62, .text-span-63 {
  color: var(--orange-quanteec);
}

.text-span-64, .text-span-65 {
  color: var(--green-quanteec);
}

.text-span-66 {
  color: var(--green-quanteec);
  font-weight: 600;
}

.bold-text-12 {
  color: var(--l-blue-quanteec);
}

.text-span-67 {
  color: red;
}

.div-block-118 {
  height: 45px;
}

.div-block-119 {
  height: 53px;
}

.div-block-120, .image-83, .image-84, .div-block-121, .div-block-122 {
  max-height: 100%;
}

.navbar-logo-left-2 {
  background-image: linear-gradient(90deg, #14bf98, #2f90b0);
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-20 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper-2 {
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
}

.nav-menu-two-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-2 {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #fff;
  background-image: linear-gradient(#fff3, #fff3);
  border-radius: 8px;
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2:visited {
  background-image: linear-gradient(#fff3, #fff3);
  border-radius: 8px;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider-2 {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent-2:hover {
  color: #1a1b1fbf;
}

.button-primary-4 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-4:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-4:active {
  background-color: #43464d;
}

.list-item-12 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.section_header {
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  margin-bottom: 120px;
  padding-left: 110px;
  padding-right: 110px;
  display: flex;
}

.section_videon {
  background-image: linear-gradient(#fff7f2, #fff7f2);
  height: auto;
  padding-bottom: 150px;
}

.section_ecoflow {
  background-image: linear-gradient(#fff3f3, #fff3f3);
  border-radius: 3px;
  height: auto;
  padding-bottom: 150px;
}

.section_visualon {
  background-image: linear-gradient(#f3f5f6, #f3f5f6);
  height: auto;
  padding-bottom: 150px;
}

.section_case-study {
  background-image: linear-gradient(#f4fafc, #f4fafc);
  height: auto;
  padding-bottom: 200px;
}

.section_demo {
  background-image: linear-gradient(#f3fbfb, #f3fbfb);
  height: 200vh;
}

.main-container {
  margin-bottom: 0;
}

.title-container {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  top: auto;
}

.jer-container {
  background-image: url('../images/Slice-1-min-1.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 120px;
  padding-bottom: 20px;
  display: flex;
}

.jer-container.ecoflow {
  background-image: url('../images/Slice-3-min.jpg');
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
}

.jer-container.visualon {
  background-image: url('../images/Slice-4-min.jpg');
}

.jer-container.casestudies {
  background-image: url('../images/Slice-5-min.jpg');
  background-position: 50% 35%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.jer-container.demos {
  background-image: url('../images/Slice-6-min.jpg');
  background-position: 50% 38%;
  margin-bottom: 0;
}

.heading-24 {
  color: #000;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.container_video {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: block;
}

.container-visual_back {
  background-image: linear-gradient(#fb30301a, #fb30301a);
  border-radius: 0 0 300px 300px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 42%;
  height: 65px;
  display: flex;
}

.mode_off {
  color: #000;
}

.div-block-123 {
  width: 100%;
  height: auto;
  padding-top: 0;
}

.stand_eco_flow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 150px;
  display: flex;
}

.heading-25 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  border: 1px #fc5f60;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
}

.heading-25.visual_on {
  border-color: #2c4a63;
}

.text-span-68 {
  color: red;
  font-size: 40px;
}

.text-span-68.visual_on, .text-span-68._2 {
  color: var(--green-quanteec);
}

.container_visual-on_render {
  justify-content: center;
  align-items: center;
  margin-bottom: 150px;
  display: flex;
}

.container_h1_visual_on {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.heading-26 {
  color: var(--green-quanteec);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 800;
}

.image-85 {
  max-width: 80%;
}

.container_logo_q {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.container_logo_videon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo_q, .logo_vdon {
  max-width: 60%;
}

.body-5 {
  background-color: #f3fbfb;
}

.heading-28 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  line-height: 26px;
}

.div-block-124 {
  border-bottom: 2px solid var(--green-quanteec);
  width: 100px;
}

.heading-29 {
  color: #000;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.bold-text-13 {
  color: var(--l-blue-quanteec);
}

.bold-text-14 {
  color: #000;
  font-weight: 400;
}

.text-span-69 {
  color: var(--green-quanteec);
  font-weight: 600;
}

.f-banner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--flowui-component-library--gray-900);
  color: var(--flowui-component-library--white);
  justify-content: center;
  align-items: center;
  min-height: 56px;
  padding: 16px 5%;
  display: flex;
}

.f-icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.f-paragraph-regular {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.f-icon-small {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.f-banner-text-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.f-banner-text-span {
  color: var(--flowui-component-library--primary-base);
}

.f-banner-dropdown-toggle {
  grid-column-gap: 4px;
  color: var(--flowui-component-library--white);
  align-items: center;
  padding: 4px;
  transition: all .2s;
  display: flex;
}

.f-banner-caption {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.f-banner-dropdown-link {
  color: #000;
  border-radius: 4px;
}

.f-banner-dropdown-link:hover {
  background-color: #dedfe3;
}

.f-banner-dropdown-list {
  background-color: #947777;
}

.f-banner-dropdown-list.w--open {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 20px #0000000d;
}

.f-banner-icon {
  background-color: var(--flowui-component-library--gray-700);
  color: var(--flowui-component-library--white);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  display: flex;
}

.f-banner-button {
  background-color: var(--flowui-component-library--primary-base);
  color: #fff;
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 16px;
  transition: background-color .3s;
  display: flex;
}

.f-banner-button:hover {
  background-color: var(--flowui-component-library--primary-dark);
}

.f-banner-container-center {
  z-index: 5;
  justify-content: center;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.f-banner-language-wrapper-absolute {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.rl-padding-section-large {
  padding-top: 3rem;
  padding-bottom: 7rem;
}

.block_div_ibc2025 {
  background-color: var(--relume-library-lite--rl-white);
}

.rl-button-secondary {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-black);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-button {
  border: 1px none var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-white);
  text-align: center;
  background-color: #2f90b0;
  border-radius: 6px;
  padding: .75rem 1.5rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.rl_heading1_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_header1_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.rl_header1_component._2 {
  margin-bottom: 0;
}

.rl-text-style-medium {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_heading1_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rl-heading-style-h1 {
  color: #414141;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.rl_header1_image-wrapper {
  width: 100%;
  height: 100%;
}

.rl-padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.rl-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-padding-section-large-2 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.rl-button-group-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rl-button-secondary-2 {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-black);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-button-2 {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-white);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl_header62_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_header62_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl_header62_component {
  text-align: center;
}

.rl-text-style-medium-2 {
  color: #414141;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.rl_section_header62 {
  background-color: var(--relume-library-lite--rl-white);
}

.rl_header62_spacing-block-3 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl-text-style-subheading {
  color: #414141;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16.2px;
  font-weight: 600;
  line-height: 1.5;
}

.rl-heading-style-h1-2 {
  color: #414141;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl-padding-global-2 {
  margin-top: 6.3%;
  padding-left: 5%;
  padding-right: 5%;
}

.rl-padding-section-large-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-text-style-regular {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_section_testimonial1 {
  background-color: var(--relume-library-lite--rl-white);
}

.rl_testimonial1_name-text {
  color: var(--relume-library-lite--rl-black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_testimonial1_component {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.rl_testimonial1_logo {
  max-height: 3.5rem;
}

.rl_testimonial1_spacing-block-2 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-heading-style-h5 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.4;
}

.rl_testimonial1_text-wrapper {
  width: 100%;
  max-width: 48rem;
}

.rl_testimonial1_spacing-block-1 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl-padding-global-3 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_testimonial1_client-image {
  object-fit: cover;
  border-radius: 100%;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  min-height: 4rem;
}

.rl-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1280px) {
  .navbar_containe.shadow-three {
    background-color: #002545;
    max-width: 1280px;
  }

  .navbar-wrapper {
    object-fit: fill;
  }

  .nav-link {
    margin-right: 5px;
    padding-right: 10px;
  }

  .nav-link:hover {
    color: #2980a0;
  }

  .nav-dropdown-toggle {
    padding-right: 15px;
  }

  .nav-dropdown-icon {
    border-style: none;
  }

  .nav-link-accent:hover {
    color: #0fc297;
  }

  .button-primary {
    font-size: 11px;
  }

  .list-item, .list-item-2, .list-item-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .sectionhead {
    background-image: url('../images/Hero.png');
    background-position: 0 0;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-height: 48vw;
    display: flex;
  }

  .headcontainer {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex: 1;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1.5fr;
    grid-auto-columns: 1fr;
    place-content: center;
    align-self: auto;
    place-items: center;
    margin-top: auto;
    display: grid;
  }

  .heading {
    color: #fff;
    margin-top: 45px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
  }

  .heading.txt_p2p {
    margin-top: 0;
  }

  .heading.txt_ecdn {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .paragraph {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 25px;
  }

  .paragraph.integration {
    max-width: 70%;
    line-height: 25px;
  }

  .button {
    color: #002545;
    background-color: #14bf98;
    margin-right: 16px;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 500;
  }

  .button.button-live-demo {
    margin-right: 10px;
    font-weight: 600;
  }

  .button.button-live-demo.b_learnmore {
    align-self: center;
  }

  .button.button-tff {
    color: #fff;
    margin-left: 10px;
    margin-right: 0;
  }

  .body {
    color: #fff;
    border: 1px #14bf98;
    border-radius: 0;
  }

  .container-3 {
    margin-top: 20px;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .column, .column-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 360px;
    display: flex;
  }

  .div-block-2 {
    min-height: 0;
    margin-top: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .div-two-buttons-home {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .hero-learn-more {
    background-color: #fff0;
    min-width: 0%;
    min-height: 600px;
    padding-top: 27%;
  }

  .container-4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-wrapper-two {
    min-width: 0%;
    max-width: 51%;
  }

  .margin-bottom-24px {
    color: #002545;
    text-indent: -3px;
    flex: 1;
    align-self: center;
    font-family: Montserrat, sans-serif;
    line-height: 26px;
  }

  .button-primary-2 {
    color: #002545;
    cursor: auto;
    background-color: #14bf98;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    transition: background-color .6s;
  }

  .button-primary-2:hover {
    background-color: #f000;
    background-image: url('../images/Group-184.svg');
    background-position: 50%;
    background-size: cover;
    border-radius: 0 15px;
  }

  .features-list {
    padding-top: 167px;
  }

  .container-5 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .features-wrapper-two {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .features-paragraph {
    color: #002545;
    text-align: left;
    object-fit: fill;
    flex: 0 auto;
    order: 0;
    align-self: flex-start;
    min-width: 0%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
  }

  .features-right {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .features-block-two {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: grid;
  }

  .features-image {
    width: auto;
    max-width: 40%;
    height: auto;
  }

  .divgeneralbg {
    background-image: url('../images/Background.svg');
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .paragraph-2 {
    color: #002545;
    font-family: Montserrat, sans-serif;
  }

  .image-2 {
    max-width: 50%;
  }

  .container-6 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .features-wrapper-two-2 {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .features-right-2 {
    max-width: none;
    margin-bottom: 0;
    padding-left: 0;
  }

  .features-block-two-2 {
    flex-flow: row;
    flex: 0 auto;
    place-content: flex-end center;
    align-self: auto;
    width: auto;
    min-width: 0%;
    min-height: 0%;
    margin-bottom: 6%;
    margin-left: 0;
    margin-right: 0;
    list-style-type: none;
    position: relative;
  }

  .features-image-2 {
    width: auto;
    max-width: 18%;
    height: auto;
  }

  .heading-2 {
    color: #002545;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 19px;
  }

  .logos-title-large {
    margin-bottom: 0;
  }

  .clients-title {
    color: #14bf98;
    margin-bottom: 13px;
  }

  .clients-wrapper {
    margin-top: 49px;
  }

  .button-2 {
    margin-left: auto;
    margin-right: auto;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    line-height: 20px;
  }

  .div-block-5 {
    text-align: center;
  }

  .featuresmetrics {
    background-color: #f5f7fa00;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    display: flex;
  }

  .features-wrapper {
    flex-direction: row;
  }

  .features-block {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .figuresmetrics {
    text-align: center;
    flex: 0 auto;
    align-self: auto;
    margin-bottom: auto;
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    font-weight: 700;
    position: relative;
  }

  .heading-3 {
    color: #002545;
    text-align: left;
    text-transform: uppercase;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 40px;
  }

  .heading-3.heading_es {
    font-weight: 700;
  }

  .greenscore {
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 8px;
    font-family: Montserrat, sans-serif;
    font-size: 81px;
  }

  .text-span {
    color: #002545;
    font-weight: 700;
  }

  .column-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0;
    display: flex;
  }

  .column-4 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 30px;
    display: flex;
  }

  .divfooterfondo {
    background-image: url('../images/ENERGY-SAVED.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 120%;
    min-width: 0;
    min-height: 0;
  }

  .textmetrics {
    color: #002545;
    text-transform: uppercase;
    margin-left: 17px;
    margin-right: 17px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
  }

  .textmetrics.vertbar {
    color: #fff;
    text-align: center;
    align-self: center;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    font-size: 40px;
    font-weight: 100;
    line-height: 42px;
    position: relative;
  }

  .button-3 {
    background-color: #3898ec00;
    background-image: url('../images/Frame-45.svg');
    background-position: 50%;
    background-size: auto;
    min-width: 180.98px;
    min-height: 41.99px;
    margin-right: -1px;
  }

  .button-3.blinkedin {
    background-image: url('../images/Frame-44.svg');
    min-width: 174px;
    min-height: 0;
    max-height: 43px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .button-3.btwitter {
    background-image: url('../images/Frame-45.svg');
    min-width: 174px;
    min-height: 0;
    max-height: 43px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .div-block-7 {
    flex-flow: row;
    flex: 0 auto;
    order: 1;
    place-content: center space-between;
    align-self: center;
    align-items: stretch;
    margin-top: 80px;
    display: flex;
  }

  .footer-dark {
    background-color: #000;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    min-height: 0;
    margin: 0% auto auto;
    padding-top: 30px;
    display: flex;
    top: auto;
  }

  .footer-block {
    font-family: Open Sans, sans-serif;
    font-size: 8px;
  }

  .footer-link {
    color: #fff;
    text-align: left;
    font-size: 11px;
    line-height: 7px;
  }

  .footer-copyright-center {
    justify-content: center;
    display: flex;
  }

  .copyright {
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    margin-right: 43px;
    font-size: 12px;
    display: flex;
  }

  .image-3 {
    color: #fff;
    background-color: #fff;
  }

  .image-4 {
    background-color: #fff;
  }

  .columns {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .bold-text {
    font-size: 38px;
    line-height: 44px;
  }

  .section-2 {
    min-height: 90vh;
  }

  .hero-heading-left {
    margin-bottom: 12%;
  }

  .hero-without-image-2 {
    min-height: 50vh;
  }

  .div-block-9 {
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    min-height: 70vh;
    display: flex;
  }

  .div-block-11 {
    background-image: url('../images/V3---INTEGRATION.png');
  }

  .container-14 {
    flex: 0 auto;
    margin-right: 10px;
  }

  .paragraph-7 {
    font-family: Open Sans, sans-serif;
  }

  .block-quote {
    border-left-style: none;
  }

  .section-3 {
    min-height: 70vh;
  }

  .block-quote-2 {
    border-left-style: none;
  }

  .div-block-15 {
    flex-direction: column;
    justify-content: center;
    min-height: 40vh;
    display: flex;
  }

  .founderbox.f2 {
    padding-top: 5.6rem;
    padding-bottom: 6rem;
  }

  .uui-max-width-large {
    margin-bottom: 0%;
  }

  .uui-layout78_component {
    margin-bottom: 101px;
  }

  .uui-page-padding {
    min-height: 70vh;
  }

  .opensanstxt.privacy {
    font-size: 11px;
  }

  .text-span-18 {
    font-weight: 400;
  }

  .loop-container {
    margin-left: 0;
  }

  .content-holder.content-holderup {
    min-width: 2460px;
    right: auto;
  }

  .content-holder.content-holderdown {
    min-width: 3300px;
    right: auto;
  }

  .community_txt {
    text-align: center;
  }

  .quality_ott.eco_slide {
    width: 475px;
    height: 261px;
  }

  .section_addon-int {
    height: 82vh;
  }

  .div-block-39 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-39:hover {
    flex-direction: row;
    justify-content: flex-start;
    width: 50%;
    margin-left: 0;
    overflow: scroll;
  }

  .div-block-40, .div-block-40:hover {
    overflow: scroll;
  }

  .buttons-bar-home.button1:hover {
    align-self: auto;
    width: 100%;
    height: 100%;
  }

  .div-block-52 {
    margin-bottom: 0;
    display: flex;
  }

  .wrapper_home {
    align-self: flex-start;
    height: 50px;
    margin-top: 44px;
  }

  .div-block-53 {
    display: flex;
  }

  .div-block-54 {
    display: none;
    overflow: scroll;
  }

  .div-block-83 {
    width: 35px;
    height: 35px;
  }

  .div-block-86 {
    justify-content: center;
    align-items: flex-end;
    width: 35px;
    height: 35px;
    display: flex;
  }

  .div-block-87 {
    width: 35px;
    height: 35px;
  }
}

@media screen and (min-width: 1440px) {
  .navbar_containe.shadow-three {
    max-width: 1440px;
  }

  .sectionhead {
    background-position: 0 0;
    background-size: auto;
  }

  .paragraph {
    padding-left: 70px;
    padding-right: 70px;
    line-height: 31px;
  }

  .paragraph.integration {
    max-width: 70%;
    line-height: 27px;
  }

  .button.button-live-demo.bmessage {
    align-self: flex-start;
    margin-right: 10px;
  }

  .button.button-live-demo.b_learnmore {
    align-self: center;
  }

  .body {
    border-style: none;
  }

  .features-block-two-2 {
    flex: 0 auto;
    align-self: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .divfooterfondo {
    background-position: 50%;
    background-size: 120%;
  }

  .section-2 {
    min-height: 100vh;
  }

  .hero-heading-left {
    margin-top: 18%;
    margin-bottom: 14%;
  }

  .hero-without-image-2 {
    min-height: 50vh;
    margin-top: 0%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div-block-9 {
    background-position: 50% 6%;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    min-height: 70vh;
    margin-top: 0;
    display: flex;
  }

  .div-block-11 {
    background-image: url('../images/V3---INTEGRATION.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .container-14 {
    flex: 0 auto;
  }

  .div-block-14 {
    background-image: url('../images/V3---ABOUT-US-1st-sect.png');
    background-position: 50% 90%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
  }

  .block-quote {
    border-left-style: none;
  }

  .section-3 {
    min-height: 120vh;
    margin-bottom: 0;
  }

  .block-quote-2 {
    border-left-style: none;
  }

  .div-block-15 {
    min-height: 30vh;
  }

  .uui-text-size-medium {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-layout78_item-content {
    align-self: center;
  }

  .founderbox {
    border-right-style: none;
    margin-right: 0;
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .founderbox.f2 {
    align-self: center;
    margin-right: 0;
    padding: 3.6rem 9rem 5.8rem;
  }

  .uui-layout78_list {
    display: flex;
  }

  .uui-heading-medium {
    margin-bottom: .9rem;
  }

  .uui-page-padding {
    min-height: 70vh;
  }

  .brix---form-grid-2-columns {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .opensanstxt.privacy {
    min-width: 330px;
    font-size: 13px;
  }

  .opensanstxt.contact_us, .brix---color-neutral-800 {
    font-size: 15px;
  }

  .brix---paragraph-default.contact-us {
    font-size: 18px;
  }

  .brix---heading-h1-size {
    font-size: 35px;
  }

  .brix---grid-contact-v1 {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1.2fr;
  }

  .text-span-17, .text-span-18 {
    font-size: 35px;
  }

  .div-block-20 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .community_txt {
    text-align: center;
  }

  .paragraph-12 {
    font-size: 14px;
  }

  .section_addon-int {
    height: 80vh;
    margin-bottom: 0;
  }

  .div_2b_home_pc {
    flex-direction: row;
    height: 38vh;
    min-height: 38vh;
    display: flex;
  }

  .div-block-39 {
    margin-left: 0;
  }

  .div-block-39:hover {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .div-block-40, .div-block-40:hover {
    overflow: hidden;
  }

  .buttons-bar-home.button1:hover {
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
  }

  .div-block-52 {
    margin-bottom: 15px;
  }

  .div-block-53 {
    display: flex;
  }

  .div-block-54 {
    display: none;
  }

  .div-block-56 {
    border: 1px solid #00000059;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .text-block-10 {
    align-self: center;
    font-size: 16px;
  }

  .text-block-10.delivery, .text-block-10.costreduction, .text-block-10.batery {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .text-block-10.improve {
    align-self: center;
    font-size: 16px;
  }

  .left {
    padding-left: 10%;
  }

  .head_ibc {
    background-image: url('../images/forweb1.jpg');
    background-size: cover;
  }

  .body-4 {
    background-position: 50% 0;
    background-size: 1700px 7000px;
  }
}

@media screen and (min-width: 1920px) {
  .navbar {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar_containe.shadow-three {
    max-width: 1920px;
    font-family: Montserrat, sans-serif;
  }

  .nav-link, .nav-link-accent {
    font-size: 13px;
  }

  .button-primary {
    font-size: 16px;
  }

  .image {
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
  }

  .div-block {
    width: 100%;
  }

  .sectionhead {
    background-position: 50%;
    background-size: auto;
    min-height: 48vw;
  }

  .sectionhead.integration {
    min-height: 820px;
  }

  .heading {
    font-size: 50px;
  }

  .paragraph {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
    line-height: 31px;
  }

  .paragraph.integration {
    max-width: 100%;
    font-size: 23px;
    line-height: 32px;
  }

  .button.button-live-demo {
    align-self: center;
    min-width: 170px;
    min-height: 48px;
    padding-top: 14px;
    font-size: 16px;
    text-decoration: none;
  }

  .button.button-live-demo.integration {
    min-width: 250px;
    min-height: 65px;
    font-size: 17px;
  }

  .button.button-live-demo.b_learnmore {
    justify-content: center;
    align-self: center;
  }

  .button.button-live-demo.home {
    min-width: 170px;
    min-height: 49px;
    padding-top: 10px;
  }

  .button.button-tff {
    min-width: 170px;
    min-height: 48px;
    padding-top: 14px;
    font-size: 16px;
  }

  .button.button-tff.integration {
    min-width: 135px;
  }

  .hero-learn-more {
    margin-bottom: 100px;
  }

  .hero-wrapper-two {
    max-width: 65%;
  }

  .margin-bottom-24px {
    margin-bottom: 55px;
    font-size: 18px;
  }

  .features-paragraph {
    font-family: Open Sans, sans-serif;
    font-size: 17px;
    line-height: 31px;
  }

  .features-right-2 {
    line-height: 21px;
  }

  .features-block-two-2 {
    flex: 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .features-image-2 {
    flex: 0 auto;
    max-width: 16%;
  }

  .heading-2 {
    margin-bottom: 15px;
    font-size: 25px;
  }

  .container-7 {
    text-align: center;
    padding-left: 26px;
    padding-right: 26px;
  }

  .button-2 {
    min-width: 178px;
    font-size: 18px;
  }

  .featuresmetrics {
    padding-top: 70px;
  }

  .divfooterfondo {
    min-height: 95vh;
    margin-top: 100px;
  }

  .button-3.blinkedin {
    max-height: 43px;
  }

  .button-3.btwitter {
    min-height: 0;
    max-height: 43px;
  }

  .footer-dark {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 50vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    display: flex;
    position: relative;
    inset: auto 0% 0%;
  }

  .container-9 {
    width: 100%;
    max-width: 1400px;
    height: auto;
  }

  .footer-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    width: 100%;
    max-width: none;
  }

  .footer-brand {
    margin-right: 20px;
  }

  .title-small {
    min-width: 140px;
    font-size: 20px;
  }

  .footer-link {
    font-size: 17px;
    line-height: 22px;
  }

  .footer-link.w--current {
    font-size: 17px;
  }

  .footer-copyright-center {
    font-size: 20px;
  }

  .heading-4 {
    margin-bottom: 4%;
  }

  .heading-4.ecdntxth1 {
    font-size: 50px;
    line-height: 55px;
  }

  .heading-4.otttxth1 {
    margin-bottom: 2%;
    padding-bottom: 0;
    font-size: 50px;
  }

  .paragraph-3 {
    font-size: 25px;
  }

  .text-span-2 {
    min-height: 0;
    padding-top: 15px;
  }

  .text-span-2.integration {
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .text-span-2.aboutus {
    padding-top: 0;
    font-size: 63px;
  }

  .text-span-3.aboutus {
    font-size: 55px;
  }

  .section-2 {
    min-height: 120vh;
  }

  .hero-heading-left {
    align-self: stretch;
    max-width: 100%;
    margin-top: 17%;
    padding-left: 0;
    padding-right: 0;
  }

  .container-10 {
    max-width: 1600px;
    margin-top: 48px;
  }

  .hero-wrapper {
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: 5%;
    margin-right: 5%;
  }

  .hero-split {
    max-width: 55%;
  }

  .hero-split.hero_text {
    flex: 1;
    align-items: flex-start;
    max-width: 100%;
    margin-left: 5%;
    margin-right: auto;
  }

  .margin-bottom-24px-2 {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
  }

  .button-primary-3 {
    min-width: 160px;
    min-height: 40px;
  }

  .button-primary-3.learn_more {
    justify-content: center;
    align-items: center;
    min-width: 200px;
    min-height: 60px;
    font-size: 16px;
    display: flex;
  }

  .shadow-two {
    max-width: 65%;
  }

  .heading-5 {
    font-size: 30px;
  }

  .margin-bottom-24px-3 {
    font-size: 18px;
    line-height: 30px;
  }

  .hero-image.shadow-two {
    padding-left: 11%;
    padding-right: 11%;
  }

  .hero-image.shadow-two.ottgraphique {
    max-width: 100%;
  }

  .heading-6 {
    font-size: 45px;
  }

  .heading-6.integration {
    font-size: 40px;
  }

  .heading-7 {
    margin-bottom: 25px;
    font-size: 30px;
  }

  .paragraph-4 {
    font-size: 18px;
  }

  .div-block-8 {
    background-image: url('../images/div1.svg');
    background-position: 50% -25%;
    background-size: contain;
    background-attachment: scroll;
  }

  .hero-without-image-2 {
    min-height: 50vh;
    margin-top: 5%;
    margin-bottom: 5%;
    padding-top: 80px;
  }

  .hero-wrapper-two-3 {
    font-size: 50px;
  }

  .heading-8.morefeatures {
    max-width: 500px;
    font-size: 40px;
  }

  .div-block-9 {
    background-image: url('../images/Frame-179.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    min-height: 70vh;
  }

  .div_2b_home_mobile {
    display: none;
  }

  .div-block-11 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .testimonial-slider-small {
    border-bottom-style: none;
    margin-bottom: 140px;
  }

  .centered-heading {
    margin-bottom: 50px;
  }

  .features_int, .features_int.sub {
    font-size: 30px;
  }

  .container-14 {
    flex: 0 auto;
    margin-left: 0;
  }

  .container-14.c2 {
    margin-right: 0;
  }

  .paragraph-7 {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .heading-9 {
    margin-bottom: 20px;
    font-size: 45px;
  }

  .div-block-13 {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: 0;
    overflow: visible;
  }

  .div-block-14 {
    background-image: none;
    min-height: 100vh;
  }

  .grid {
    place-content: space-between;
  }

  .ourvaluestxt {
    margin-top: 62%;
    margin-left: 80px;
    font-size: 58px;
  }

  .paragraph-8 {
    margin-top: 90%;
    margin-left: 80px;
    padding-right: 66px;
    font-family: Open Sans, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .image-6 {
    width: 100%;
    max-width: 80%;
    margin: 7% -28% 0% 0;
    padding-left: 0;
  }

  .image-8 {
    max-width: 40%;
    margin-top: 3.5%;
    margin-right: 3.5%;
  }

  .block-quote {
    border-left-style: none;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 100px;
  }

  .section-3 {
    min-height: 125vh;
    padding-right: 0;
  }

  .block-quote-2 {
    margin-top: 2%;
    font-size: 23px;
  }

  .div-block-15 {
    background-image: url('../images/V3---ABOUT-US_1.png');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    min-height: 40vh;
    margin-bottom: 100px;
    display: flex;
  }

  .founderbox {
    width: 72%;
  }

  .founderbox.f2 {
    width: 72%;
    margin-right: 75px;
    padding-top: 1.6rem;
    padding-bottom: 3.9rem;
  }

  .uui-layout78_list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-text-size-large {
    padding-left: 167px;
    padding-right: 167px;
  }

  .uui-layout78_component {
    width: 100%;
  }

  .uui-padding-vertical-xhuge {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .uui-container-large {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .uui-page-padding {
    width: 100%;
    margin-bottom: 40px;
    display: none;
  }

  .uui-section_layout78 {
    width: 100%;
  }

  .container_title_about {
    font-size: 50px;
  }

  .text-block-2 {
    font-size: 20px;
  }

  .div {
    display: block;
  }

  .brix---grid-contact-v1 {
    grid-column-gap: 0px;
  }

  .container-17 {
    max-width: 1500px;
  }

  .div-block-23 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .carousel-img.c-imagebig.c-correct2.gosurf {
    margin-right: 20px;
  }

  .content-holder.content-holderup {
    right: auto;
  }

  .content-holder.content-holderdown {
    min-width: 3300px;
    right: auto;
  }

  .community_txt {
    font-size: 18px;
  }

  .div-block-27 {
    margin-top: 3%;
    margin-left: 15%;
    margin-right: 15%;
  }

  .img-table-hor.logo-fairplay {
    max-height: 100%;
  }

  .div_gnr_ecdn {
    background-position: 50% -25%;
  }

  .div-block-32.frencht {
    margin-left: auto;
    margin-right: 1%;
  }

  .div-block-32.frencht:hover {
    margin-left: auto;
    margin-right: 10%;
  }

  .div-block-32.coqvert {
    margin-left: 1%;
    margin-right: 1%;
  }

  .div-block-32.coqvert:hover {
    margin-right: 10%;
  }

  .div-block-32.dpp {
    margin-left: 1%;
    margin-right: 1%;
  }

  .div-block-32.dpp:hover {
    margin-right: 10%;
  }

  .div-block-32.gs {
    margin-left: 1%;
    margin-right: 1%;
  }

  .div-block-32.gs:hover {
    margin-right: 10%;
  }

  .div-block-32.ovhcloud {
    margin-left: 1%;
    margin-right: 1%;
  }

  .div-block-32.ovhcloud:hover {
    margin-right: 10%;
  }

  .div-block-32.t4g {
    margin-left: 1%;
    margin-right: auto;
    transition: transform .7s cubic-bezier(1, .124, .064, 1.194);
  }

  .quality_ott.cost_slide, .quality_ott.perfor_slide, .quality_ott.eco_slide {
    width: 584px;
    height: 316px;
  }

  .perfo_txt_ott {
    margin-left: 65px;
    margin-right: 20px;
    padding-top: 0%;
    padding-left: 0%;
  }

  .perfo_txt_ott.expenses, .perfo_txt_ott.energy {
    padding-top: 5%;
  }

  .section_addon-int {
    height: 120vh;
  }

  .div_2b_home_pc {
    object-fit: contain;
    height: 50vh;
    min-height: 50vh;
  }

  .div-block-39 {
    opacity: 0;
    align-items: center;
    width: 50%;
    height: 100%;
    margin-left: 0;
  }

  .div-block-39:hover {
    align-items: center;
    width: 50%;
    margin-left: 0;
  }

  .div-block-40:hover {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    margin-right: 0;
    overflow: hidden;
  }

  .heading-12 {
    margin: 4vw 7vw 10vw 0;
    font-size: 60px;
  }

  .heading-12:hover {
    margin-top: 4vw;
    margin-left: 0;
    margin-right: 7vw;
    font-size: 60px;
  }

  .heading-12.button2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 80px;
  }

  .heading-12.button2:hover {
    margin-top: 10vw;
    margin-left: 7vw;
    margin-right: 0%;
    font-size: 53px;
  }

  .heading-12.button2.v2, .heading-12.button2.v2:hover {
    margin-top: 10vw;
    margin-left: 0;
    font-size: 60px;
  }

  .heading-12.ott_2, .heading-12.ott_2:hover {
    margin-top: 0;
  }

  .buttons-bar-home.button2 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .buttons-bar-home.button2:hover {
    width: 100%;
  }

  .buttons-bar-home.button1 {
    width: 100%;
    margin-left: 0;
  }

  .buttons-bar-home.button1:hover {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    margin-left: 0;
  }

  .text-block-7 {
    margin-top: 0;
    margin-left: 0;
    padding-right: 0;
    font-size: 22px;
    line-height: 30px;
  }

  .text-block-7:hover {
    margin-top: 0;
    margin-left: 0;
    padding-right: 0;
    font-size: 22px;
  }

  .text-block-7.button1 {
    margin-top: 10vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
    line-height: 30px;
  }

  .text-block-7.button1:hover {
    margin-top: 10vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0%;
    font-size: 22px;
  }

  .image-28 {
    max-width: 80%;
    margin-top: 7%;
    margin-right: 7.5%;
  }

  .modal_m {
    background-color: #0006;
    height: 100%;
    display: none;
    overflow: auto;
  }

  .div-block-44 {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 80%;
    max-width: 800px;
    padding: 20px;
    position: absolute;
    inset: 50% 50% auto;
    transform: translate(-50%, -50%);
  }

  .div-block-45 {
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
  }

  .text-block-9 {
    cursor: pointer;
    background-color: #aaa;
    font-family: Open Sans, sans-serif;
    font-size: 28px;
    font-weight: 700;
  }

  .text-block-9:hover, .text-block-9:focus {
    background-color: #000;
  }

  .div-block-46 {
    padding-top: 56.25%;
    position: relative;
  }

  .div-block-49 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .modal_bg {
    height: 100%;
  }

  .image-29 {
    max-width: 80%;
    margin-right: 0;
  }

  .container_add-on {
    width: 80%;
  }

  .div_add-on_1, .div_add-on_3, .div_add-on_2 {
    width: 400px;
    height: 400px;
  }

  .heading_add-on {
    font-size: 25px;
  }

  .txt_add-on {
    font-size: 20px;
    line-height: 31px;
  }

  .div-block-52 {
    margin-bottom: 4%;
    padding-bottom: 0;
  }

  .image-32 {
    width: 160%;
    max-width: 150%;
  }

  .div-block-53 {
    display: flex;
  }

  .div-block-54 {
    align-items: center;
    display: none;
  }

  .div-block-55 {
    background-image: none;
  }

  .text-block-10 {
    margin-right: 5px;
    padding-right: 15px;
    font-size: 20px;
  }

  .text-block-10.delivery, .text-block-10.costreduction, .text-block-10.batery {
    margin-right: 5px;
    padding: 12px 18px;
  }

  .text-block-10.improve {
    margin-right: 10px;
    font-size: 20px;
  }

  .div-block-60 {
    justify-content: center;
    align-items: center;
  }

  .left {
    padding-left: 14%;
  }

  .div-block-70 {
    width: 30%;
  }

  .image-46 {
    width: 20%;
  }

  .image-47 {
    width: 40%;
  }

  .image-48 {
    width: 50%;
  }

  .div-block-75 {
    width: 60%;
  }

  .paragraph-15 {
    font-size: 22px;
    line-height: 30px;
  }

  .container_mapping {
    margin-top: 120px;
  }

  .text_mapping {
    width: 32%;
  }

  .paragraph-16 {
    font-size: 20px;
  }

  .container_txt_sportsx {
    width: 60%;
    font-size: 22px;
    font-weight: 700;
  }

  .text-block-12 {
    font-size: 20px;
  }

  .div-block-76 {
    background-image: url('../images/Group-4829.png');
    background-repeat: no-repeat;
    background-size: 56% 140px;
    width: 100%;
    height: 140px;
  }

  .paragraph_carte._4 {
    width: auto;
    height: auto;
  }

  .paragraph_carte._5 {
    display: none;
  }

  .container_background_about {
    background-image: url('../images/V3---ABOUT-US-1st-sect.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .fs-cc-manager_component {
    max-width: 60px;
    max-height: 60px;
  }

  .fs-cc-banner_close-icon {
    color: var(--d-blue-quanteec);
  }

  .fs-cc-manager_button {
    max-width: 65px;
    max-height: 65px;
  }

  .fs-cc-banner_component {
    display: none;
  }

  .lottie-section {
    height: 340vh;
    position: static;
    top: 46px;
  }

  .lottie-container {
    height: auto;
  }

  .div-block-81 {
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    display: flex;
  }

  .div-block-82 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-66 {
    width: auto;
    height: auto;
    padding-bottom: 5px;
  }

  .div-block-83 {
    width: 40px;
    height: 40px;
    margin-right: 5px;
  }

  .image-67 {
    margin-right: 5px;
  }

  .div-block-87 {
    justify-content: center;
    align-items: center;
    padding-right: 5px;
    display: flex;
  }

  .image-70 {
    width: auto;
    height: auto;
  }

  .modal_info {
    display: none;
  }

  .div-block-107.mode_off {
    height: auto;
  }

  .head_ibc {
    background-image: url('../images/forweb1.jpg');
    background-size: cover;
    background-attachment: scroll;
  }

  .body-4 {
    background-size: 1920px;
  }

  .button-10.mode_off._2 {
    color: #fff;
    padding-left: 15px;
    font-size: 20px;
  }

  .button_book-a-demo.mode_off {
    min-width: 320px;
    max-width: 320px;
    min-height: 64px;
    max-height: 64px;
  }

  .image-75.mode_off._2 {
    max-width: 80%;
  }

  .h2_ibc.ibc_mode.videon {
    max-width: 23%;
  }

  .container_use-case {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
    justify-content: center;
    align-items: center;
  }

  .book_a_meeting {
    margin-bottom: 250px;
  }

  .book_a_meeting.mode_off {
    height: auto;
    margin-top: 0;
  }

  .container-separator.mode-off {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-separator.mode-off._2 {
    margin-bottom: 150px;
  }

  .container_cta.mode_off {
    color: #fff;
  }

  .section_header {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .section_videon {
    padding-bottom: 200px;
  }

  .section_visualon {
    height: auto;
    padding-bottom: 200px;
  }

  .jer-container {
    background-position: 50% 70%;
    background-repeat: no-repeat;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 120px;
    padding-bottom: 50px;
    overflow: hidden;
  }

  .jer-container.ecoflow, .jer-container.visualon {
    background-position: 50%;
    padding-bottom: 30px;
  }

  .jer-container.casestudies {
    margin-bottom: 200px;
    padding-bottom: 30px;
  }

  .jer-container.demos {
    padding-bottom: 30px;
  }

  .container_video {
    border-radius: 1px;
    width: 80%;
  }

  .div-block-123 {
    height: auto;
  }

  .stand_eco_flow {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    line-height: 20px;
    display: flex;
  }

  .heading-25 {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    border: 1px #fc6969;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
  }

  .heading-25.visual_on {
    border-color: #466078;
  }

  .text-span-68 {
    color: #fd0000;
    font-size: 40px;
    font-weight: 700;
  }

  .text-span-68.visual_on {
    color: var(--green-quanteec);
    font-size: 42px;
  }

  .container_visual-on_render {
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    display: flex;
  }

  .container_h1_visual_on {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
  }

  .heading-26 {
    color: #000;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
  }

  .heading-27 {
    font-size: 30px;
  }

  .heading-28 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    line-height: 35px;
  }

  .div-block-124 {
    border-bottom-width: 4px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-logo-left {
    padding-right: 0;
  }

  .navbar-menu {
    max-width: unset;
  }

  .navbar-link, .navbar-button, .navbar-button-2 {
    justify-content: center;
  }

  .navbar-menu-2 {
    max-width: unset;
  }

  .navbar-button-3, .navbar-button-4 {
    justify-content: center;
  }

  .container {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #002545;
    border-radius: 0;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 16px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    color: #fff;
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .sectionhead {
    min-height: 90vw;
  }

  .paragraph {
    padding-left: 122px;
    padding-right: 122px;
  }

  .container-3.container-4 {
    width: 0%;
    max-width: 0%;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .container-4, .container-5 {
    max-width: 728px;
  }

  .features-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .features-left {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .features-right {
    max-width: 100%;
  }

  .container-6 {
    max-width: 728px;
  }

  .features-wrapper-two-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .features-right-2 {
    max-width: 100%;
  }

  .container-7 {
    max-width: 728px;
  }

  .clients-title {
    margin-bottom: 32px;
  }

  .featuresmetrics {
    border-bottom-style: none;
  }

  .container-8 {
    max-width: 728px;
  }

  .features-wrapper {
    justify-content: space-between;
  }

  .greenscore {
    margin-bottom: 15px;
    padding-bottom: 7px;
    font-size: 69px;
  }

  .text-span {
    font-size: 25px;
  }

  .divfooterfondo {
    background-size: auto;
  }

  .textmetrics {
    margin: 8px;
  }

  .footer-dark {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-dark.footer_int {
    margin-top: 0%;
  }

  .container-9 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .footer-link {
    line-height: 14px;
  }

  .columns {
    margin-bottom: 15px;
  }

  .bold-text {
    font-size: 25px;
  }

  .image-5 {
    max-width: 0%;
  }

  .button-4.switch_ecdn {
    background-color: #278f9d;
  }

  .paragraph-3 {
    margin-top: 20px;
  }

  .text-span-2 {
    font-size: 26px;
  }

  .text-span-2.aboutus {
    font-size: 38px;
  }

  .text-span-3 {
    font-size: 26px;
  }

  .text-span-3.aboutus {
    font-size: 38px;
  }

  .bold-text-2 {
    font-size: 26px;
  }

  .container-10 {
    flex-direction: row;
    max-width: 728px;
  }

  .container-10.ecdn {
    flex-direction: column;
  }

  .hero-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -40px;
  }

  .hero-split {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-split.hero_text {
    align-items: flex-start;
  }

  .margin-bottom-24px-2 {
    max-width: 100%;
    font-size: 14px;
  }

  .shadow-two {
    max-width: 70%;
    display: inline-block;
  }

  .text-span-4 {
    font-size: 22px;
  }

  .margin-bottom-24px-3 {
    margin-bottom: 10%;
    padding-left: 100px;
    padding-right: 100px;
  }

  .margin-bottom-24px-3.compatibility {
    margin-top: 65px;
  }

  .hero-image.shadow-two.ottgraphique {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 100px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .div-block-8 {
    background-position: 50% 0;
    background-size: 125%;
  }

  .container-11 {
    max-width: 728px;
  }

  .div_2b_home_mobile {
    background-image: url('../images/OTT-CDN-Mobile.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 0;
    min-width: 100%;
    max-width: 0%;
    height: 0%;
    min-height: 300px;
    max-height: 0%;
    display: flex;
  }

  .ott-ecdn-button {
    color: #022545;
    text-align: center;
    background-color: #3898ec00;
    background-image: url('../images/StartButMobile.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    min-width: 171px;
    min-height: 50px;
    padding-right: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    display: flex;
  }

  .text-span-8 {
    text-transform: lowercase;
  }

  .div-block-11 {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .testimonial-slider-small {
    margin-bottom: 45px;
  }

  .container-13 {
    max-width: 728px;
  }

  .testimonial-slider-left {
    left: -20px;
  }

  .testimonial-slider-right {
    right: -20px;
  }

  .div-block-12 {
    flex-direction: column;
  }

  .container-14 {
    margin-top: 26px;
    margin-left: 10px;
  }

  .container-14.c2 {
    margin-right: 30px;
  }

  .div-block-13 {
    min-height: 0;
  }

  .grid {
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 4%;
    margin-right: 2%;
  }

  .ourvaluestxt {
    margin-top: 78%;
    margin-right: 0;
  }

  .paragraph-8 {
    margin-top: 102%;
  }

  .uui-text-size-medium {
    padding-left: 15%;
    padding-right: 15%;
  }

  .uui-space-xxlarge {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 4.5rem;
    display: flex;
  }

  .founderbox {
    border-right-style: none;
    margin-right: 0;
  }

  .founderbox.f2 {
    margin-right: 0;
  }

  .uui-layout78_list {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .paragraph-9 {
    margin-left: 44%;
    margin-right: 44%;
    padding-bottom: 3%;
    font-size: 17px;
  }

  .container_title_about {
    margin-bottom: 0%;
    font-size: 30px;
  }

  .text-block-2 {
    padding-left: 17%;
    padding-right: 17%;
  }

  .memberof_img {
    max-width: 24%;
  }

  .memberof_img.tech4good {
    max-width: 29%;
  }

  .memberof_img.frenchtech_ico {
    max-width: 24%;
  }

  .uui-layout38_logo-row {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-text-size-large-2 {
    margin-bottom: 50px;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .image-17, .image-18, .image-19 {
    max-width: 50%;
  }

  .uui-contact03_component {
    grid-column-gap: 3rem;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .brix---half-bg-right---width-36 {
    width: 100%;
    height: 40%;
    inset: auto 0% 0%;
  }

  .brix---btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---card-form {
    padding: 54px 0;
  }

  .opensanstxt {
    font-size: 12px;
  }

  .opensanstxt.contact-us, .opensanstxt.contact_us {
    font-size: 14px;
  }

  .brix---paragraph-default {
    font-size: 12px;
  }

  .brix---paragraph-default.contact-us {
    font-size: 18px;
  }

  .brix---heading-h1-size {
    font-size: 29px;
    line-height: 60px;
  }

  .brix---grid-contact-v1 {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .brix---container-default {
    padding-left: 14px;
    padding-right: 14px;
  }

  .brix---section-position-relative {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .div-block-23 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-25 {
    min-height: 100px;
  }

  .image-22 {
    max-width: 50%;
  }

  .grid_3_col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .text-block-4 {
    font-size: 20px;
  }

  .tab-link-tab-2, .tab-link-tab-2.w--current {
    margin-right: 0;
    padding-left: 69px;
    padding-right: 69px;
  }

  .paragraph-12 {
    text-align: left;
    margin-left: 15px;
    padding-top: 0;
    padding-left: 0;
  }

  .grid-3 {
    grid-template-rows: 0%;
    grid-auto-rows: 36%;
    justify-content: stretch;
    align-items: center;
    height: 100%;
    min-height: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .div-block-27 {
    max-width: 85%;
    min-height: 60vh;
    max-height: none;
  }

  .image-25 {
    max-width: 35%;
    margin-right: 0;
    padding-bottom: 0;
  }

  .image-25.drm {
    max-width: 40%;
    margin-top: 0;
  }

  .image-26 {
    max-width: 70%;
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .image-26.logo-bp {
    max-width: 70%;
    margin-top: 15px;
    padding-top: 15px;
  }

  .div-block-28.div-table-up {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    max-height: 100%;
    margin-left: 0;
  }

  .div-block-28.div-table-up.drm {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .div-block-28.div-table-up.table-player {
    flex-direction: column;
    align-items: center;
    max-width: 80%;
    padding-left: 0;
  }

  .div-block-28.div-table-up.table-cdn {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 74%;
    padding-left: 0;
  }

  .div-block-28.div-table-mid {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-height: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-top: 90px;
  }

  .div-block-28.div-table-mid.table-mid2 {
    align-items: flex-start;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;
    margin-top: 114px;
    overflow: visible;
  }

  .div-block-28.div-table-mid.table-mid2.table-player {
    justify-content: center;
    align-items: center;
    max-height: 100%;
    margin-top: 0;
    margin-bottom: -80px;
    margin-left: 0;
    padding-top: 0;
  }

  .div-block-28.div-table-mid.drm {
    margin-top: 35px;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    display: flex;
  }

  .div-block-28.div-table-mid.table-player {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-height: 100%;
    margin-top: 20px;
    padding-top: 0;
  }

  .div-block-28.div-table-mid.table-cdn {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 85%;
    max-height: 100%;
    margin-top: 0;
    padding-top: 0;
  }

  .image-27 {
    max-width: 45%;
    margin-left: 0;
  }

  .img-table-hor {
    max-width: 40%;
    max-height: 30%;
    margin-top: 20px;
    margin-right: 0;
  }

  .img-table-hor.corect1 {
    max-width: 23%;
    max-height: 46%;
    margin-top: 10px;
  }

  .img-table-hor.correct2 {
    max-width: 37%;
    margin-top: 11px;
  }

  .img-table-hor.correct3 {
    max-width: 22%;
    max-height: 70%;
    margin-top: 24px;
  }

  .img-table-hor.rxplayer {
    width: 45%;
    min-width: 0%;
    max-width: none;
    min-height: 0%;
    max-height: none;
    margin-top: 0;
  }

  .img-table-hor.bitmovin {
    width: 45%;
    max-width: none;
    min-height: 0%;
    max-height: none;
  }

  .img-table-hor.logo-bunny {
    max-width: 40%;
    max-height: 40%;
    margin-top: 0;
    padding-left: 0;
  }

  .img-table-hor.logo-fatsly {
    max-width: 30%;
  }

  .img-table-hor.logo-cdn77 {
    max-width: 40%;
  }

  .img-table-hor.logo-aws {
    max-width: 28%;
    max-height: 40%;
  }

  .img-table-hor.logo-akamai {
    max-width: 40%;
    margin-top: 10px;
  }

  .img-table-hor.logo-cloudflare {
    max-width: 40%;
  }

  .img-table-hor.logo-fairplay {
    max-width: 40%;
    margin-top: 0;
    margin-left: 60px;
    padding-left: 45px;
    padding-right: 45px;
  }

  .img-table-hor.jwp_logo {
    max-width: 27%;
    display: none;
  }

  .img-table-hor.dash_logo {
    max-width: 35%;
  }

  .img-table-hor.flow_logo {
    max-width: 45%;
    max-height: 30%;
    margin-top: 0;
  }

  .img-table-hor.exo-player {
    max-width: 45%;
  }

  .img-table-hor.chromecast {
    max-width: 46%;
  }

  .img-table-hor.ios {
    max-width: 25%;
  }

  .img-table-hor.ap-tv, .img-table-hor.brightcove {
    display: none;
  }

  .tabs-menu {
    flex-direction: row;
    max-height: 100%;
    display: flex;
  }

  .tabs {
    max-width: 100%;
    min-height: 60vh;
    max-height: none;
  }

  .text-block-5, .text-block-6 {
    font-size: 20px;
  }

  .div-block-30 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .tab-pane-tab-2 {
    max-height: 100%;
  }

  .tab-pane-tab-1 {
    max-height: none;
  }

  .div-block-31 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-32.frencht {
    cursor: pointer;
    width: 26vw;
    height: 18vh;
  }

  .div-block-32.frencht:hover {
    background-image: url('../images/Group-214.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 26vw;
    height: 18vh;
    transform: none;
  }

  .div-block-32.coqvert {
    cursor: pointer;
    width: 26vw;
    height: 18vh;
    margin-top: 20px;
  }

  .div-block-32.coqvert:hover {
    background-image: url('../images/Group-216.png');
    transform: none;
  }

  .div-block-32.dpp {
    cursor: pointer;
    width: 26vw;
    height: 18vh;
    margin-top: 20px;
  }

  .div-block-32.dpp:hover {
    background-image: url('../images/Group-217.png');
    width: 26vw;
    height: 18vh;
    transform: none;
  }

  .div-block-32.gs {
    cursor: pointer;
    width: 26vw;
    height: 18vh;
    margin-top: 20px;
  }

  .div-block-32.gs:hover {
    background-image: url('../images/Group-221.png');
    background-repeat: no-repeat;
    background-size: contain;
    transform: none;
  }

  .div-block-32.ovhcloud {
    cursor: pointer;
    background-image: url('../images/Group-222.png');
    width: 26vw;
    height: 18vh;
    margin-top: 20px;
  }

  .div-block-32.ovhcloud:hover {
    background-image: url('../images/Group-222.png');
    transform: none;
  }

  .div-block-32.t4g {
    cursor: pointer;
    width: 25vw;
    height: 18vh;
    margin-top: 20px;
  }

  .div-block-32.t4g:hover {
    background-image: url('../images/Property-1Default.png');
    width: 25vw;
    height: 18vh;
    transform: none;
  }

  .div_hex_install {
    flex-direction: column;
  }

  .quality_ott.cost_slide {
    opacity: 1;
    margin-bottom: 30px;
  }

  .quality_ott.perfor_slide {
    margin-bottom: 30px;
  }

  .quality_ott.eco_slide {
    opacity: 1;
    margin-bottom: 30px;
  }

  .perfo_txt_ott {
    padding-top: 6%;
  }

  .perfo_txt_ott.energy {
    padding-top: 8%;
  }

  .section_addon-int {
    height: 140vh;
  }

  .div_2b_home_pc {
    display: none;
  }

  .div-block-48 {
    opacity: 0;
    -webkit-text-stroke-color: #3330;
  }

  .div-block-49 {
    opacity: 0;
    display: none;
  }

  .modal.greencoq, .modal.dpp {
    display: none;
  }

  .link-block-2 {
    margin-left: 48%;
    margin-right: 46%;
  }

  .link-block-2.dnegru, .link-block-2.mlacaud {
    margin-left: 48%;
  }

  .image-31 {
    margin-left: 2%;
    margin-right: auto;
  }

  .container_add-on {
    flex-direction: column;
  }

  .div_add-on_1 {
    margin-bottom: 5%;
    margin-right: 0%;
    padding-bottom: 0%;
  }

  .div_add-on_2 {
    margin-bottom: 5%;
    margin-right: 0%;
  }

  .tabs-content {
    height: 100%;
    max-height: none;
  }

  .image-32 {
    max-width: 80%;
  }

  .brix---color-neutral-801 {
    align-self: center;
  }

  .brix---heading-h3-size {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---card-link-content-center._2 {
    flex-direction: column;
    margin-top: 0;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    place-content: space-between;
    place-items: stretch stretch;
  }

  .brix---heading-h2-size {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 40px;
  }

  .brix---container-default-2 {
    flex-direction: column;
    display: flex;
  }

  .brix---section {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .image-37 {
    max-width: 100%;
  }

  .div-block-64 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .image-40 {
    align-self: center;
  }

  .uui-layout02_image-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 0;
  }

  .uui-space-medium-2 {
    margin-left: 30px;
  }

  .uui-space-medium-2._2 {
    justify-content: center;
    align-self: auto;
    margin-top: 15px;
  }

  .uui-space-medium-2._2.dual_right {
    margin-top: 0;
    margin-left: 0;
  }

  .uui-space-medium-2.dual_right {
    margin-left: 0;
  }

  .uui-text-size-large-4 {
    text-align: right;
  }

  .uui-text-size-large-4.security3 {
    font-size: 1rem;
  }

  .uui-space-xsmall-2 {
    margin-left: 90px;
  }

  .uui-space-xsmall-2.dual_right {
    margin-left: 0;
  }

  .uui-heading-medium-4 {
    text-align: right;
  }

  .uui-heading-medium-4._1 {
    font-size: 1.8rem;
  }

  .uui-badge.is-primary._2 {
    align-self: flex-end;
  }

  .uui-badge.is-primary.security {
    align-self: center;
  }

  .uui-layout02_content._2 {
    align-self: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-layout02_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-4 {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-65.dual_left {
    margin-left: 34px;
  }

  .div-block-65.dual_left.testing {
    margin-top: 20px;
    padding-right: 0;
  }

  .wide, .faireplay {
    width: 25%;
    max-width: 25%;
  }

  .dual_features.second {
    height: 500px;
  }

  .left {
    width: 40%;
  }

  .right {
    width: 60%;
  }

  .container-19 {
    max-width: 728px;
  }

  .testimonial-grid {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-main-image {
    width: 300px;
    height: 350px;
  }

  .container_logos {
    flex-direction: column;
  }

  .text-block-12 {
    padding-right: 15px;
  }

  .image-59 {
    max-width: 100%;
  }

  .paragraph_carte, .paragraph_carte._2, .paragraph_carte._3, .paragraph_carte._4 {
    display: none;
  }

  .container_3points_compatibility {
    flex-direction: column;
  }

  .grid-5 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .titles_box_compatibility {
    border-bottom-style: solid;
  }

  .heading-14 {
    justify-content: flex-start;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 1rem;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .big-container {
    margin-top: 300px;
  }

  .box-general-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .box-link-container {
    margin-bottom: 20px;
  }

  .uui-space-xhuge {
    min-height: 6rem;
  }

  .uui-blogpost02_author-image-wrapper {
    padding-top: 5px;
  }

  .uui-blogpost02_content {
    margin-bottom: 3rem;
  }

  .uui-heading-large {
    font-size: 2.75rem;
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .popup-content-wrapper---brix {
    width: auto;
  }

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    max-width: none;
    max-height: none;
    left: 24px;
    right: 24px;
  }

  .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 24px;
    right: 24px;
  }

  .subscribe-button---brix.ebook-button---brix {
    background-position: 78%;
  }

  .popup-4---brix {
    padding-left: 40px;
    padding-right: 64px;
  }

  .limit-content---brix {
    align-self: auto;
    max-width: none;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    flex-direction: column;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .popup-wrapper---brix.preview-page {
    padding-left: 32px;
    padding-right: 32px;
  }

  .column-5, .column-6 {
    align-self: auto;
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }

  .modal_info {
    display: none;
  }

  .div-block-104 {
    width: 100%;
    height: 30rem;
  }

  .div_top {
    width: 100%;
    height: 6rem;
  }

  .div_bottom {
    width: 100%;
    height: 25rem;
  }

  .div-block-107 {
    flex-flow: column;
    width: 80%;
  }

  .calendly-daniel {
    width: 90%;
    max-height: 65vh;
  }

  .cadenly-michael {
    width: 90%;
    max-height: 65vh;
    margin-top: 0;
  }

  .uui-layout15_lightbox-image {
    width: 130%;
    min-width: 130%;
    position: static;
  }

  .uui-layout15_lightbox {
    justify-content: flex-start;
    min-height: auto;
    padding: 4rem 2rem;
  }

  .uui-layout15_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .body-4 {
    background-image: none;
  }

  .container_use-case, .div-block-115, .container-ecoflow_details2 {
    flex-flow: column;
  }

  .code-embed {
    margin-bottom: 0;
  }

  .container-20 {
    max-width: 728px;
  }

  .nav-menu-wrapper-2 {
    background-color: #0000;
  }

  .nav-menu-two-2 {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .f-banner-language-wrapper-absolute {
    margin-left: 8px;
    position: static;
  }

  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl_header1_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .rl-heading-style-h1 {
    font-size: 3.25rem;
  }

  .rl-padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl-heading-style-h1-2 {
    font-size: 3.25rem;
  }

  .rl-padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .navbar_containe {
    max-width: 100%;
  }

  .navbar-brand-2 {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .image.logo-cu {
    min-width: 250px;
  }

  .list-item-3 {
    flex-direction: column;
    flex: 0 auto;
    list-style-type: none;
    display: flex;
  }

  .sectionhead {
    min-height: 110vw;
  }

  .headcontainer {
    margin-top: 80px;
  }

  .paragraph {
    text-align: center;
    max-width: 100%;
    margin-bottom: 4%;
    margin-left: 45px;
    margin-right: 45px;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph.integration {
    margin-bottom: 40px;
  }

  .button.button-live-demo {
    margin-right: 0;
  }

  .container-3 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    display: flex;
  }

  .container-3.container-4 {
    margin-bottom: 0;
  }

  .div-two-buttons-home {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .hero-learn-more {
    min-height: 600px;
    padding: 150px 15px 60px;
  }

  .container-4 {
    justify-content: center;
    margin-top: 30%;
    margin-left: auto;
    margin-right: auto;
  }

  .features-list {
    padding: 60px 15px;
  }

  .divgeneralbg {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .features-right-2, .features-block-two-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .features-image-2 {
    max-width: 35%;
  }

  .logos-title-large {
    padding: 60px 15px;
  }

  .container-7 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .clients-wrapper {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: -20px;
  }

  .clients-image {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .featuresmetrics {
    height: auto;
    min-height: 0;
    margin-bottom: 0%;
    padding: 40px 15px 0;
  }

  .features-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-self: stretch;
    width: auto;
    margin-bottom: 0;
  }

  .features-block {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .features-block.featuresmobil {
    width: 65%;
  }

  .heading-3 {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .text-span {
    font-size: 23px;
  }

  .divfooterfondo {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    min-height: 0;
    display: flex;
  }

  .textmetrics {
    text-align: left;
    margin: 1px 8px 1px 13px;
    font-size: 14px;
  }

  .textmetrics.vertbar {
    margin-top: -1px;
    margin-bottom: 2px;
  }

  .textmetrics.metricsmobil2 {
    margin-left: 13px;
    margin-right: 0;
  }

  .div-block-7 {
    flex: 0 auto;
    height: auto;
    margin-top: 0;
  }

  .footer-dark {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    min-height: 0;
    margin-top: 0%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
    max-width: none;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .image-5 {
    max-width: 100%;
  }

  .heading-4 {
    margin-bottom: 5%;
  }

  .paragraph-3 {
    margin-left: 22%;
    margin-right: 23%;
    font-size: 14px;
  }

  .text-span-2 {
    font-size: 21px;
  }

  .text-span-2.aboutus {
    font-size: 35px;
  }

  .text-span-3 {
    font-size: 21px;
  }

  .text-span-3.aboutus {
    font-size: 35px;
  }

  .bold-text-2 {
    flex: 1;
    font-size: 21px;
  }

  .bold-text-2.integration {
    flex: 0 auto;
  }

  .section-2 {
    min-height: 400px;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }

  .hero-wrapper {
    flex-direction: column;
    margin-left: 0;
  }

  .hero-split.hero_text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .shadow-two {
    max-width: 100%;
  }

  .hero-stack {
    padding: 60px 15px;
  }

  .hero-wrapper-two-2 {
    cursor: pointer;
  }

  .gallery-slider {
    padding: 60px 15px;
  }

  .gallery-slide {
    margin-left: 10px;
    margin-right: 10px;
  }

  .gallery-slide-text {
    line-height: 30px;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

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

  .hero-without-image-2 {
    padding: 60px 15px;
  }

  .div-block-9 {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 134%;
  }

  .ottcdn_mobile {
    max-width: 0%;
  }

  .div_2b_home_mobile {
    background-image: url('../images/OTT-CDN-Mobile.png');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    min-height: 200px;
    display: flex;
  }

  .button-5 {
    margin-right: 10px;
  }

  .button-6 {
    margin-left: 10px;
  }

  .ott-ecdn-button {
    color: #022545;
    text-align: center;
    background-color: #fff0;
    background-image: url('../images/StartButMobile.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    min-height: 38px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    display: flex;
  }

  .div-block-11 {
    margin-bottom: 100px;
    padding-bottom: 0;
  }

  .testimonial-slider-small {
    padding: 60px 15px;
  }

  .testimonial-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    left: -10px;
  }

  .testimonial-slider-right {
    right: -10px;
  }

  .div-block-13 {
    min-height: 100vh;
    padding-top: 290px;
    top: auto;
  }

  .div-block-14 {
    background-image: none;
  }

  .grid {
    margin-left: 6%;
    margin-right: 4%;
  }

  .ourvaluestxt {
    margin-top: 48%;
  }

  .paragraph-8 {
    margin-top: 110%;
  }

  .block-quote {
    font-size: 41px;
  }

  .block-quote-2 {
    padding-left: 25%;
    font-size: 16px;
  }

  .div-block-15 {
    opacity: 1;
  }

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

  .uui-button:hover {
    border-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--white);
    color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.is-reverse-mobile-landscape, .uui-button-row.button-row-center.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-space-xxlarge {
    min-height: 3rem;
  }

  .founderbox {
    width: 68%;
    padding: 1.5rem;
  }

  .founderbox.f2, .founderbox.f1 {
    padding: 0;
  }

  .uui-layout78_list {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-text-size-large {
    padding-left: 95px;
    padding-right: 95px;
    font-size: 1rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-layout78_component {
    align-items: stretch;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container_title_about {
    margin-bottom: 0%;
    font-size: 26px;
    line-height: 33px;
  }

  .text-block-2 {
    margin-top: 0%;
    line-height: 19px;
  }

  .image-16 {
    margin-top: 26%;
    margin-right: -4%;
  }

  .uui-layout38_logo-row {
    margin-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-text-size-large-2 {
    padding-left: 134px;
    padding-right: 134px;
    font-size: 1rem;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-section_layout37 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .heading-11 {
    font-size: 30px;
  }

  .heading-11.withq {
    margin-bottom: 33px;
  }

  .uui-contact03_contact-list {
    margin-top: 2rem;
  }

  .uui-text-size-large-3 {
    font-size: 1rem;
  }

  .uui-heading-medium-3 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-contact03_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .brix---btn-primary {
    padding: 20px 32px;
  }

  .brix---text-area {
    border-radius: 18px;
  }

  .brix---input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---form-grid-2-columns {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .brix---card-form {
    min-height: 560px;
    padding: 36px 30px 48px;
  }

  .brix---text-200-bold, .brix---text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---big-icon-left {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---inner-container-400px {
    max-width: 100%;
  }

  .opensanstxt {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---mg-bottom-40px {
    margin-bottom: 24px;
  }

  .brix---paragraph-default.contact-us {
    font-size: 18px;
  }

  .brix---heading-h1-size {
    margin-bottom: 12px;
    font-size: 30px;
    line-height: 46px;
  }

  .brix---subtitle {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---grid-contact-v1 {
    grid-template-columns: 1fr;
  }

  .brix---section-position-relative {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-23 {
    max-width: 60%;
  }

  .setup_col {
    flex-direction: column;
  }

  .container-18 {
    width: 69rem;
  }

  .button_primary {
    border-radius: 4rem;
    padding: 1.6rem 5rem;
  }

  .grid_3_col {
    grid-template-columns: 1fr;
  }

  .text-block-4 {
    font-size: 18px;
  }

  .tab-link-tab-2 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .tab-link-tab-2.w--current, .tab-link-tab-2.tab3, .tab-link-tab-2.tab3.w--current {
    padding-left: 50px;
    padding-right: 50px;
  }

  .paragraph-12 {
    font-size: 12px;
  }

  .div-block-27 {
    max-height: 100%;
  }

  .div-block-28.div-table-up.table-player {
    max-width: 100%;
  }

  .div-block-28.div-table-up.table-cdn {
    max-width: 90%;
  }

  .div-block-28.div-table-mid.table-mid2.table-player {
    margin-bottom: 55px;
  }

  .div-block-28.div-table-mid.table-cdn {
    max-width: 100%;
  }

  .img-table-hor.logo-fairplay {
    max-width: 50%;
    margin-left: 40px;
  }

  .text-block-5 {
    font-size: 17px;
  }

  .text-block-6 {
    font-size: 18px;
  }

  .tab-pane-tab-1 {
    margin-top: 15px;
  }

  .div-block-32.frencht, .div-block-32.frencht:hover, .div-block-32.coqvert, .div-block-32.dpp, .div-block-32.dpp:hover, .div-block-32.gs, .div-block-32.ovhcloud, .div-block-32.t4g, .div-block-32.t4g:hover {
    width: 40vw;
    height: 22vh;
  }

  .div_txt_install {
    padding-left: 92px;
    padding-right: 92px;
  }

  .div_2b_home_pc, .div-block-49 {
    display: none;
  }

  .link-block {
    right: 2rem;
  }

  .div-block-52 {
    margin-bottom: 3%;
  }

  .image-32 {
    max-width: 100%;
  }

  .div-block-55 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .div-block-61 {
    height: 100vh;
  }

  .brix---btn-secondary-full-width {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .brix---heading-h2-size {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .brix---section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-64 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

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

  .uui-button-2:hover {
    border-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  }

  .uui-button-wrapper-2.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape-2 {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--white);
    color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-button-row-2.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-space-medium-2 {
    min-height: 1.5rem;
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-space-medium-2._2 {
    justify-content: center;
  }

  .uui-text-size-large-4 {
    font-size: 1rem;
  }

  .uui-text-size-large-4.analytics {
    width: 250px;
  }

  .uui-space-xsmall-2 {
    min-height: .75rem;
    margin-bottom: 15px;
    margin-left: 0;
  }

  .uui-heading-medium-4 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .uui-badge.is-primary.security {
    align-self: center;
  }

  .uui-badge.is-primary.dual_right.panel, .uui-badge.is-primary.dual_left {
    margin-left: 0;
  }

  .uui-layout02_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-65 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
  }

  .div-block-65.dual_left.testing {
    margin-left: 0;
  }

  .div-block-65.dual_left.testing.energy {
    margin-left: 0;
    padding-right: 5px;
  }

  .div-block-65.dual_left._3 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
  }

  .dual_features.second {
    height: 700px;
  }

  .dual_features.third {
    height: 500px;
  }

  .div-block-67 {
    flex-direction: column;
  }

  .image-43 {
    max-width: 50%;
    padding-bottom: 15px;
  }

  .div-block-68 {
    flex-direction: column;
  }

  .image-44 {
    max-width: 50%;
    padding-bottom: 15px;
  }

  .image-45 {
    max-width: 50%;
  }

  .image-46 {
    width: 50%;
    margin-left: 30px;
  }

  .image-47 {
    width: 70%;
    margin-left: 30px;
  }

  .image-48 {
    width: 75%;
    margin-left: 30px;
  }

  .testimonial-column-dark {
    padding: 60px 15px;
  }

  .testimonial-main-image {
    width: 250px;
  }

  .container_background_about {
    margin-top: 90px;
  }

  .h3_compatibility {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container_3points_compatibility {
    flex-direction: column;
  }

  .titles_box_compatibility {
    border-bottom-style: solid;
  }

  .fs-cc-banner2_container, .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-prefs_title {
    font-size: 1.25rem;
  }

  .box-link-container {
    margin-bottom: 20px;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .uui-blogpost02_author-heading {
    font-size: 1rem;
  }

  .uui-blogpost02_author-wrapper {
    margin-top: 2rem;
  }

  .uui-blogpost02_divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .uui-badge-2 {
    padding: .125rem .5rem;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--white);
    color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-text-rich-text figure {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .uui-text-rich-text figcaption {
    margin-top: .75rem;
  }

  .uui-blogpost02_content, .uui-blogpost02_content-top {
    margin-bottom: 2rem;
  }

  .uui-page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heading-large {
    font-size: 2.25rem;
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-blogpost02_header {
    margin-bottom: 3rem;
  }

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    flex-direction: column;
  }

  .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
    border-radius: 20px;
    max-width: none;
    left: 24px;
    right: 24px;
  }

  .input---brix.large---brix {
    min-height: 64px;
    margin-bottom: 16px;
    padding: 16px 32px;
  }

  .popup-4-image-wrapper---brix {
    max-width: 100%;
    max-height: 300px;
  }

  .subscribe-button---brix {
    background-position: 67% 52%;
    width: 100%;
    min-height: 66px;
    line-height: 18px;
    position: static;
  }

  .subscribe-button---brix.popup-1---brix {
    background-position: 68% 52%;
  }

  .popup-4---brix {
    max-width: 100%;
    padding: 32px 24px;
  }

  .dummy-hero-wrapper---brix {
    flex-direction: column;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    max-width: 100%;
  }

  .popup-wrapper---brix {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dummy-hero-button---brix {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .column-5, .column-6 {
    margin-top: 40px;
    margin-left: 0;
  }

  .popup-1---brix {
    max-width: none;
    padding: 32px;
  }

  .popup-1-form---brix {
    flex-direction: column;
  }

  .popup-1-illustration---brix {
    max-width: 28%;
    height: auto;
    margin-bottom: 16px;
  }

  .modal_info {
    display: none;
  }

  .uui-lightbox_play-icon {
    width: 4rem;
    height: 4rem;
  }

  .uui-layout15_lightbox {
    min-height: auto;
    padding: 1.5rem 1rem;
  }

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

  .uui-button-3:hover {
    border-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui-primary600\<deleted\|variable-c514c1b4\>);
  }

  .uui-button-wrapper-3.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape-3 {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray-4 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-4:hover {
    background-color: var(--white);
    color: var(--untitled-ui-gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-button-row-3 {
    align-self: stretch;
  }

  .uui-button-row-3.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-heading-xxsmall-2 {
    font-size: 1.125rem;
  }

  .uui-space-xsmall-3 {
    min-height: .75rem;
  }

  .uui-layout15_item-list {
    grid-row-gap: 2.5rem;
    margin-bottom: 2rem;
  }

  .uui-layout15_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .body-4 {
    background-image: none;
  }

  .h2_ibc.ibc_mode.videon {
    max-width: 50%;
  }

  .container_videon-comparative {
    flex-flow: column;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand-3 {
    padding-left: 0;
  }

  .nav-menu-two-2 {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider-2 {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent-2 {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .f-banner {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .f-banner-icon {
    position: static;
  }

  .f-banner-container-center {
    flex-direction: column;
    align-items: flex-start;
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl_heading1_spacing-block-2 {
    padding-bottom: 1.5rem;
  }

  .rl_header1_component {
    grid-row-gap: 3rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl_heading1_spacing-block-1 {
    padding-bottom: 1.25rem;
  }

  .rl-heading-style-h1 {
    font-size: 2.5rem;
  }

  .rl-padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl_header62_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .rl_header62_spacing-block-1 {
    padding-bottom: .75rem;
  }

  .rl-text-style-medium-2 {
    font-size: 1rem;
  }

  .rl_header62_spacing-block-3 {
    padding-bottom: 1.5rem;
  }

  .rl-heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .rl-padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl_testimonial1_spacing-block-2 {
    padding-bottom: .75rem;
  }

  .rl-heading-style-h5 {
    font-size: 1.25rem;
  }

  .rl_testimonial1_spacing-block-1 {
    padding-bottom: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .button-primary.ott_button_graph {
    z-index: 10;
    background-image: url('../images/Button_Oragne.svg'), radial-gradient(circle farthest-corner at 50% 50%, black 16%, var(--d-blue-quanteec) 18%, var(--d-blue-quanteec) 44%, #fff0 91%);
    opacity: 1;
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    transition-property: none;
    display: flex;
    position: relative;
  }

  .headcontainer {
    grid-template-rows: auto;
    min-height: 59vh;
    margin-left: 0;
    margin-right: 0;
  }

  .heading {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 25px;
    margin-left: 0;
  }

  .heading.txt_p2p {
    margin-top: 0;
    margin-bottom: 0%;
  }

  .heading.txt_ecdn {
    margin-bottom: 0;
    padding-top: 6%;
  }

  .paragraph {
    margin: 4% 40px 21%;
  }

  .paragraph.integration {
    max-width: 80%;
    margin-left: 0;
    margin-right: 0;
  }

  .button.button-live-demo.integration {
    margin-right: 5px;
  }

  .button.button-live-demo.bmessage {
    margin-left: 0%;
  }

  .button.button-tff.integration {
    margin-left: 5px;
  }

  .container-3 {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .container-3.container-4 {
    margin-top: 0;
  }

  .hero-learn-more {
    padding-top: 60px;
  }

  .container-4 {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-top: 180px;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-wrapper-two {
    flex: 1;
    max-width: none;
    margin-top: 60px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .margin-bottom-24px {
    text-indent: 0;
    flex: 1;
    align-self: auto;
    width: 100%;
    margin-bottom: 30px;
    font-size: 14px;
  }

  .button-primary-2 {
    padding: 11px 40px;
    font-size: 12px;
  }

  .container-5 {
    max-width: none;
  }

  .features-left {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .features-paragraph {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .features-right {
    margin-bottom: -30px;
  }

  .features-block-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .features-image {
    margin-bottom: 10px;
  }

  .divgeneralbg {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .container-6 {
    max-width: none;
  }

  .features-right-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -30px;
  }

  .features-block-two-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
  }

  .features-image-2 {
    max-width: 40%;
    margin-bottom: 10px;
    margin-right: 0%;
  }

  .heading-2 {
    text-align: center;
    font-size: 17px;
  }

  .heading-2.head-ott-perfo {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 10px;
  }

  .container-7 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .clients-image {
    margin-left: 10px;
    margin-right: 10px;
  }

  .featuresmetrics {
    margin-bottom: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .container-8 {
    max-width: none;
  }

  .features-wrapper {
    margin-right: 0;
    padding-right: 15px;
  }

  .features-wrapper.st_2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .features-block {
    width: 50%;
  }

  .features-block.featuresmobil {
    width: 100%;
  }

  .figuresmetrics {
    font-size: 14px;
  }

  .heading-3.heading_es {
    min-width: 165px;
    margin-right: 0%;
    padding-left: 15px;
    font-size: 22px;
  }

  .greenscore {
    font-size: 43px;
  }

  .text-span {
    font-size: 18px;
  }

  .column-4 {
    padding-left: 10px;
  }

  .divfooterfondo {
    flex-flow: column;
    min-height: 85vh;
    margin-top: 60px;
  }

  .textmetrics {
    margin-left: 9px;
    margin-right: -3px;
    font-size: 11px;
  }

  .textmetrics.mobilmetrics {
    margin-right: 10px;
  }

  .textmetrics.metricsmobil2 {
    margin-right: 0;
    font-size: 11px;
  }

  .textmetrics.st_2 {
    display: none;
  }

  .button-3.blinkedin {
    min-width: 170px;
    min-height: 43px;
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .button-3.btwitter {
    min-height: 43px;
    margin-bottom: 10px;
  }

  .div-block-7 {
    flex-direction: column;
    min-height: 98px;
  }

  .footer-dark {
    clear: none;
    aspect-ratio: auto;
    flex-flow: column;
    min-height: 100vh;
    margin-top: 0%;
    line-height: 20px;
  }

  .footer-dark:hover {
    color: var(--orange-quanteec);
  }

  .container-9 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: space-between;
    place-items: stretch center;
    width: auto;
    max-width: none;
    display: flex;
    overflow: visible;
  }

  .footer-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding-top: 10%;
  }

  .footer-content {
    grid-template-rows: auto auto;
    grid-auto-flow: column dense;
    place-items: stretch center;
    margin-top: 60px;
  }

  .footer-link {
    text-align: center;
    line-height: 16px;
  }

  .footer-link:hover {
    color: var(--orange-quanteec);
  }

  .columns {
    padding-left: 0%;
    padding-right: 0%;
  }

  .bold-text {
    margin-left: -4px;
    padding-left: 0;
  }

  .button-4, .button-4.switch_ecdn {
    top: 87px;
  }

  .heading-4 {
    text-align: center;
    flex-direction: row;
    align-self: center;
    align-items: center;
    max-width: 73%;
    max-height: none;
    margin-bottom: 10%;
    display: block;
  }

  .heading-4.otttxth1 {
    max-width: 71%;
    margin-bottom: 13%;
    line-height: 33px;
  }

  .paragraph-3 {
    margin-bottom: 51px;
    margin-left: 14%;
    margin-right: 14%;
    font-size: 13px;
  }

  .text-span-2 {
    align-self: center;
  }

  .text-span-2.aboutus {
    font-size: 38px;
  }

  .text-span-3 {
    flex: 0 auto;
    order: 0;
    align-self: flex-start;
    margin-left: 0;
  }

  .text-span-3.for {
    margin-right: 0;
  }

  .text-span-3.aboutus {
    font-size: 38px;
  }

  .bold-text-2 {
    flex: 0 auto;
  }

  .section-2 {
    align-self: center;
    align-items: center;
    min-width: 100%;
    min-height: 500px;
    margin-top: 15%;
    padding-top: 0%;
  }

  .container-10 {
    flex-direction: column;
    max-width: none;
  }

  .hero-wrapper {
    margin-left: 0;
  }

  .hero-split {
    max-width: 80%;
    margin-left: 0;
  }

  .hero-split.hero_text {
    align-items: center;
  }

  .margin-bottom-24px-2 {
    text-align: center;
  }

  .button-primary-3.contactus {
    margin-top: 15px;
    margin-left: 0;
  }

  .button-primary-3.register {
    margin-bottom: 15px;
    margin-right: 0;
  }

  .shadow-two {
    max-width: 100%;
  }

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

  .margin-bottom-24px-3 {
    max-width: 90%;
    margin-bottom: 43px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
  }

  .hero-image.shadow-two {
    opacity: .59;
    align-self: center;
    margin-top: 0;
    transition-property: none;
  }

  .hero-image.shadow-two.ottgraphique {
    opacity: 1;
    width: 208%;
    max-width: none;
    margin-top: -6px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
  }

  .heading-6 {
    font-size: 30px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .gallery-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .paragraph-4 {
    margin-bottom: 60px;
  }

  .div-block-8 {
    background-position: 50%;
    background-size: 0% 0%;
  }

  .hero-without-image-2 {
    min-height: 43vh;
  }

  .container-11 {
    max-width: none;
  }

  .heading-8 {
    margin-bottom: 30px;
    font-size: 30px;
  }

  .container-12 {
    background-image: url('../images/OTT-CDN-Mobile.png');
    background-position: 0 0;
    background-size: auto;
    min-height: 130px;
  }

  .div_2b_home_mobile {
    background-image: url('../images/OTT-CDN-Mobile.png');
    background-position: 50%;
    background-size: cover;
    min-width: 100%;
    min-height: 20vh;
  }

  .div-block-11 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-13 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .testimonial-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    left: -10px;
  }

  .testimonial-slider-right {
    right: -10px;
  }

  .div-block-12 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-14 {
    flex: 1;
    margin-left: 0;
    margin-right: 0;
  }

  .container-14.c2 {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-7 {
    margin-left: 8%;
    margin-right: 8%;
  }

  .div-block-13 {
    padding-top: 0;
  }

  .div-block-14 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid {
    flex-direction: column;
    place-content: center;
    place-items: center;
    margin-bottom: 20%;
    display: flex;
  }

  .paragraph-8 {
    text-align: center;
    margin-top: 10%;
    margin-bottom: 5%;
  }

  .image-6 {
    max-width: 75%;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-7, .image-8 {
    max-width: 75%;
    margin-top: -10%;
    margin-left: auto;
    margin-right: auto;
  }

  .block-quote {
    font-size: 26px;
  }

  .section-3 {
    margin-bottom: 20%;
  }

  .div-block-15 {
    margin-bottom: 15%;
  }

  .uui-text-size-medium {
    padding-left: 0%;
    padding-right: 0%;
    line-height: 1.6;
  }

  .founderbox, .founderbox.f2 {
    width: 100%;
  }

  .uui-text-size-large {
    padding-left: 14px;
    padding-right: 14px;
  }

  .grid-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-right: 32px;
  }

  .container_title_about {
    flex-direction: column;
    margin-bottom: 0%;
    margin-left: 0;
  }

  .text-block-2 {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 13px;
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .image-9 {
    margin-right: 54%;
  }

  .image-9.hex2 {
    margin-top: 40%;
    margin-left: -14%;
    margin-right: 79%;
  }

  .image-9.hex3 {
    margin-top: 41%;
    margin-left: 85%;
    margin-right: 0%;
  }

  .image-10 {
    margin-left: 60%;
  }

  .image-11 {
    max-width: 50%;
    margin-top: 50%;
    margin-bottom: 5%;
  }

  .image-12 {
    max-width: 50%;
    margin-top: 50%;
  }

  .image-13 {
    max-width: 50%;
    margin-top: 37%;
    margin-left: 23%;
  }

  .image-14 {
    max-width: 50%;
    margin-top: 32%;
    margin-right: 10%;
  }

  .image-15 {
    max-width: 50%;
    margin-top: 48%;
    margin-left: 0%;
  }

  .image-16 {
    max-width: 50%;
    margin-top: 48%;
    margin-left: 0;
    margin-right: -10%;
  }

  .memberof_img {
    max-width: 50%;
  }

  .memberof_img.tech4good {
    max-width: 58%;
  }

  .memberof_img.frenchtech_ico {
    max-width: 50%;
  }

  .uui-layout38_logo-row {
    flex-direction: column;
  }

  .uui-text-size-large-2 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .uui-heading-medium-2 {
    font-size: 1.3rem;
  }

  .uui-section_layout37 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section-4 {
    margin-left: 0%;
  }

  .div {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-17 {
    clear: both;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    margin-top: 0;
    display: flex;
  }

  .uui-contact03_component {
    grid-template-columns: 1fr;
  }

  .brix---btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---text-area {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 26px;
  }

  .brix---text-area::placeholder {
    font-size: 16px;
    line-height: 24px;
  }

  .brix---input-label {
    margin-bottom: 40px;
    font-size: 16px;
  }

  .brix---input {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .brix---form-grid-2-columns {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-auto-flow: row;
    justify-items: center;
  }

  .brix---card-form {
    padding-left: 23px;
    padding-right: 23px;
  }

  .brix---text-200-bold, .brix---text-200 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---mg-bottom-8px {
    margin-bottom: 6px;
  }

  .brix---big-icon-left {
    border-radius: 14px;
    max-width: 56px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .brix---card-link-icon-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 26px 24px;
  }

  .brix---inner-container-400px {
    max-width: 100%;
  }

  .opensanstxt {
    padding-right: 0%;
    font-size: 13px;
    line-height: 21px;
  }

  .opensanstxt.contact-us {
    font-size: 15px;
  }

  .opensanstxt.contact_us {
    padding-right: 1%;
    font-size: 15px;
  }

  .brix---color-neutral-800 {
    margin-top: 9%;
  }

  .brix---paragraph-default {
    text-align: center;
    margin-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 14px;
    line-height: 28px;
  }

  .brix---paragraph-default.contact-us {
    padding-left: 5%;
  }

  .brix---color-neutral-600 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .brix---heading-h1-size {
    text-align: center;
    margin-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---subtitle {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---grid-contact-v1 {
    grid-row-gap: 50px;
  }

  .brix---container-default {
    padding-left: 0;
    padding-right: 0;
  }

  .brix---section-position-relative {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .div-block-21 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .form {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-22 {
    flex-direction: column;
    display: flex;
  }

  .div-block-23 {
    max-width: 100%;
  }

  .div-block-24 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    opacity: 1;
    background-image: linear-gradient(#00000057, #00000057);
    flex-direction: column;
    order: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    align-self: center;
    place-items: center;
    max-width: 100%;
    display: grid;
    overflow: hidden;
  }

  .button-8 {
    align-self: center;
  }

  .community_txt {
    color: #022545;
    text-align: center;
    font-family: Montserrat, sans-serif;
  }

  .text-block-4 {
    flex-direction: row;
    font-size: 18px;
    display: flex;
  }

  .tab-link-tab-2 {
    display: flex;
  }

  .paragraph-12 {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 8%;
    padding-right: 0;
    font-size: 12px;
  }

  .grid-3 {
    align-content: center;
    margin-bottom: 45px;
  }

  .div-block-27 {
    max-width: 100%;
    min-height: 70vh;
    max-height: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .image-25 {
    max-width: 29%;
    max-height: 100%;
  }

  .image-25.drm {
    max-width: 70%;
  }

  .image-26 {
    max-width: 65%;
  }

  .image-26.logo-bp {
    max-width: 90%;
    margin-top: 0;
  }

  .div-block-28.div-table-up.drm {
    align-items: flex-start;
    max-height: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-28.div-table-up.table-player {
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    margin-top: 54vh;
    display: flex;
  }

  .div-block-28.div-table-mid.table-mid2.table-player {
    justify-content: flex-start;
    margin-top: 10vh;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-28.div-table-mid.drm {
    flex-direction: column;
    padding-left: 0;
  }

  .div-block-28.div-table-mid.table-player {
    justify-content: flex-start;
    max-width: 100%;
    max-height: 100%;
    margin-top: 10vh;
    margin-right: 0;
  }

  .image-27 {
    max-width: 40%;
  }

  .div-block-29 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .img-table-hor {
    max-width: 50%;
  }

  .img-table-hor.corect1 {
    max-width: 40%;
    margin-top: 0;
    margin-bottom: 10%;
  }

  .img-table-hor.correct2 {
    max-width: 50%;
    margin-top: 0;
    margin-bottom: 10%;
  }

  .img-table-hor.correct3 {
    max-width: 30%;
    margin-top: 0;
    margin-bottom: 5%;
  }

  .img-table-hor.rxplayer, .img-table-hor.bitmovin {
    width: 70%;
  }

  .img-table-hor.logo-bunny {
    max-width: 70%;
    max-height: 100%;
  }

  .img-table-hor.logo-fatsly {
    max-width: 40%;
  }

  .img-table-hor.logo-cdn77 {
    max-width: 50%;
  }

  .img-table-hor.logo-aws {
    max-width: 40%;
  }

  .img-table-hor.logo-akamai, .img-table-hor.logo-cloudflare {
    max-width: 50%;
  }

  .img-table-hor.logo-fairplay {
    max-width: 75%;
    max-height: 100%;
    margin-left: 0;
    padding-top: 10px;
  }

  .img-table-hor.jwp_logo {
    max-width: 37%;
    margin-top: 0;
    margin-bottom: 10%;
    display: block;
  }

  .img-table-hor.dash_logo {
    max-width: 60%;
    margin-top: 0;
    margin-bottom: 10%;
  }

  .img-table-hor.flow_logo {
    max-width: 70%;
    max-height: 30%;
    margin-bottom: 10%;
  }

  .img-table-hor.exo-player {
    max-width: 55%;
  }

  .img-table-hor.chromecast {
    max-width: 60%;
  }

  .img-table-hor.ios {
    max-width: 28%;
  }

  .img-table-hor.brightcove {
    margin-top: 0;
    margin-bottom: 10%;
    display: block;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: center;
    bottom: auto;
  }

  .tabs {
    min-height: 70vh;
    bottom: auto;
  }

  .div_gnr_ecdn {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .div-block-31 {
    margin-bottom: 30%;
  }

  .div-block-32.frencht {
    width: 100%;
    height: 22vh;
  }

  .div-block-32.frencht:hover, .div-block-32.coqvert, .div-block-32.dpp, .div-block-32.dpp:hover, .div-block-32.gs, .div-block-32.ovhcloud, .div-block-32.t4g, .div-block-32.t4g:hover {
    width: 100%;
  }

  .div_hex_install {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .quality_ott.cost_slide {
    background-image: url('../images/Group-247.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 350px;
    display: flex;
  }

  .quality_ott.cost_slide.ecdn {
    background-image: url('../images/Group-247-1.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .quality_ott.perfor_slide {
    background-image: url('../images/Group-248.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 350px;
    margin-bottom: 60px;
    padding-left: 0%;
    display: flex;
  }

  .quality_ott.perfor_slide.ecdn {
    background-image: url('../images/Group-248-1.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .quality_ott.eco_slide {
    background-image: url('../images/Group-246.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    width: 475px;
    height: 350px;
  }

  .quality_ott.eco_slide.ecdn {
    background-image: url('../images/Group-246.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
  }

  .quality_ott.eco_slide._2 {
    flex-direction: column;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .div_txt_install {
    padding-left: 16px;
    padding-right: 16px;
  }

  .perfo_txt_ott {
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 1px;
  }

  .perfo_txt_ott.expenses, .perfo_txt_ott.energy {
    padding-left: 0%;
  }

  .image-28 {
    max-width: 77%;
    margin: -10% 0% 0% 11%;
  }

  .div-block-47, .section-5 {
    width: 100%;
  }

  .div-block-48 {
    z-index: 5;
    opacity: 1;
    background-image: linear-gradient(#00000080, #00000080);
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .div-block-49, .modal.modal2, .modal.modal1.modal_info {
    display: none;
  }

  .modal_container {
    background-color: #fff;
    width: 90vw;
  }

  .link-block {
    right: 9rem;
  }

  .image-29 {
    display: none;
  }

  .image-30 {
    margin-left: 0%;
    margin-right: 0%;
  }

  .link-block-2 {
    width: 9vw;
    margin-left: 44%;
  }

  .link-block-2.dnegru {
    margin-left: 44%;
  }

  .link-block-2.mlacaud {
    margin-left: 45%;
    margin-right: 46%;
  }

  .div-block-52 {
    flex-direction: column;
  }

  .wrapper_home {
    align-self: center;
    margin-bottom: 2%;
  }

  .div-block-55 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .text-block-10 {
    align-self: center;
    margin-bottom: 25px;
    padding-right: 5px;
  }

  .text-block-10.delivery, .text-block-10.costreduction, .text-block-10.batery {
    margin-bottom: 10px;
  }

  .text-block-10.improve {
    margin-bottom: 25px;
    padding-bottom: 0;
    padding-right: 5px;
  }

  .div-block-60 {
    flex-direction: column;
  }

  .div-block-61 {
    display: none;
  }

  .brix---btn-secondary-full-width {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .brix---paragraph-default-2 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---mg-bottom-24px {
    margin-bottom: 16px;
  }

  .brix---heading-h3-size {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---mg-bottom-8px-2 {
    margin-bottom: 6px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .brix---heading-h2-size {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .brix---container-default-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-62 {
    align-self: center;
    margin-right: 0;
  }

  .div-block-63 {
    align-self: center;
    margin-bottom: 15px;
    margin-left: 0;
  }

  .uui-layout02_image.micro {
    width: 70%;
    max-width: 70%;
  }

  .uui-layout02_image-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .uui-layout02_image-wrapper._3 {
    flex-direction: column;
  }

  .uui-space-medium-2._2.dual_right {
    justify-content: flex-start;
  }

  .uui-text-size-large-4.security, .uui-text-size-large-4.security2 {
    width: auto;
  }

  .uui-text-size-large-4.security3 {
    margin-top: 10px;
  }

  .uui-badge.is-primary.security {
    align-self: flex-start;
  }

  .uui-badge.is-primary.dual_right.panel {
    flex-direction: row;
    align-self: auto;
  }

  .uui-badge.is-primary.dual_right.ultra-low {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
  }

  .uui-layout02_content._2.dual_left {
    align-items: flex-start;
  }

  .uui-layout02_component._3 {
    align-self: flex-start;
  }

  .uui-padding-vertical-xhuge-4 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .text-block-11 {
    font-size: 1.05rem;
  }

  .div-block-65._2 {
    align-self: flex-start;
  }

  .div-block-65.dual, .div-block-65.dual.down, .div-block-65.dual_left.low-latency {
    margin-left: 0;
  }

  .div-block-65.dual_left.low-latency.img, .div-block-65.dual_left.low-latency.img._2 {
    margin-bottom: 15px;
  }

  .wide, .faireplay {
    width: 50%;
    max-width: 50%;
    margin-bottom: 15px;
  }

  .dual_features.first {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 600px;
  }

  .dual_features.second {
    flex-direction: column;
    height: 900px;
  }

  .dual_features.third {
    flex-direction: column;
    height: 200vh;
  }

  .left, .right {
    width: 100%;
  }

  .div-block-66 {
    display: none;
  }

  .div-block-69 {
    flex-direction: column;
  }

  .div-block-70, .div-block-71 {
    width: 100%;
  }

  .image-46 {
    width: 40%;
    margin-left: 0;
  }

  .image-47 {
    width: 70%;
    max-width: 70%;
    margin-bottom: 15px;
    margin-left: 0;
  }

  .image-48 {
    width: 80%;
    margin-left: 0;
  }

  .container-19 {
    max-width: none;
  }

  .centered-heading-2 {
    margin-bottom: 24px;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-block-main {
    flex-direction: column;
  }

  .testimonial-main-image {
    width: 100%;
    height: auto;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .div-block-73 {
    width: 80%;
  }

  .div-block-75 {
    width: 90%;
  }

  .container_mapping {
    flex-direction: column;
  }

  .banner_mapping {
    flex-direction: column;
    height: auto;
  }

  .text_mapping {
    width: 80%;
  }

  .separador_mapping {
    display: none;
  }

  ._3logos_mapping {
    width: 100%;
  }

  .container_mapping_intern {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .container_sub_sportsx {
    flex-direction: column;
  }

  .container_logo_sportsx {
    width: 100%;
  }

  .text-block-12 {
    text-align: center;
    padding-right: 0;
  }

  .image-59 {
    max-width: 100%;
    margin-top: 30px;
  }

  .div-block-76 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .bold-text-10 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-78 {
    flex-direction: column;
    display: flex;
  }

  .h3_compatibility {
    padding-left: 5px;
    padding-right: 5px;
  }

  .titles_box_compatibility {
    border-bottom-style: solid;
  }

  .heading-14 {
    justify-content: center;
  }

  .container_logo_compatibility {
    flex-direction: column;
  }

  .fs-cc-prefs2_close {
    padding: .5rem;
  }

  .fs-cc-prefs2_label {
    font-size: .875rem;
  }

  .fs-cc-prefs2_button.fs-cc-button-alt {
    margin-bottom: .5rem;
  }

  .fs-cc-prefs2_submit {
    margin-top: 8px;
  }

  .fs-cc-prefs2_component, .fs-cc-prefs2_content {
    padding: 1.5rem;
  }

  .fs-cc-prefs2_title {
    font-size: 1.125rem;
  }

  .fs-cc-prefs2_close-2 {
    padding: .5rem;
  }

  .fs-cc-prefs2_label-2 {
    font-size: .875rem;
  }

  .fs-cc-prefs2_button-2.fs-cc-button-alt {
    margin-bottom: .5rem;
  }

  .fs-cc-prefs2_submit-2 {
    margin-top: 8px;
  }

  .fs-cc-prefs2_title-2 {
    font-size: 1.125rem;
  }

  .fs-cc-banner2_component {
    width: 100%;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-prefs_content {
    padding: 1.5rem;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -1.5rem .75rem auto auto;
  }

  .fs-cc-prefs_component {
    padding: 1.5rem;
  }

  .fs-cc-prefs_button {
    margin-bottom: .5rem;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: .5rem;
    margin-left: 0;
  }

  .lottie-section {
    height: 400vh;
    display: none;
  }

  .lottie-container {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-83 {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
  }

  .image-67, .image-68 {
    width: 29px;
    height: 29px;
  }

  .div-block-86 {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
  }

  .div-block-87 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-69 {
    background-color: var(--white);
  }

  .paragraph-19 {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
  }

  .box-link-container {
    margin-bottom: 20px;
  }

  .uui-blogpost02_tag-list {
    justify-content: flex-start;
  }

  .uui-blogpost02_tag-list-wrapper {
    width: 100%;
  }

  .uui-blogpost02_share-wrapper {
    width: 100%;
    margin-bottom: 2rem;
  }

  .uui-blogpost02_content-bottom, .uui-blogpost02_content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .popup-4---illustration---brix {
    width: 110%;
    max-width: 200%;
  }

  .popup-content-wrapper---brix {
    border-radius: 24px;
  }

  .popup-content-wrapper---brix.popup-4-content-wrapper---brix {
    left: 16px;
    right: 16px;
  }

  .popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
    border-radius: 16px;
    left: 16px;
    right: 16px;
  }

  .popup-title---brix {
    font-size: 22px;
    line-height: 1.2;
  }

  .popup-4-image-wrapper---brix {
    justify-content: center;
    max-height: 240px;
  }

  .subscribe-button---brix {
    text-align: center;
    background-position: 247px;
    padding: 15px 34px 16px 38px;
  }

  .subscribe-button---brix.ebook-button---brix {
    background-position: 85%;
  }

  .popup-4---brix {
    padding: 32px 16px;
  }

  .dummy-hero-wrapper---brix.preview-page---brix {
    max-width: 100%;
  }

  .popup-wrapper---brix {
    padding-left: 16px;
    padding-right: 16px;
  }

  .dummy-hero-button---brix {
    padding: 15px 34px 16px;
  }

  .column-5, .column-6 {
    margin-top: 32px;
  }

  .popup-1---brix {
    padding: 40px 16px 32px;
  }

  .popup-1-illustration---brix {
    max-width: 40%;
    height: auto;
  }

  .heading-17 {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .heading-17._2 {
    margin-bottom: 20px;
  }

  .heading-17._3 {
    line-height: 20px;
  }

  .div-block-101 {
    flex-flow: row;
    margin-bottom: 20px;
  }

  .image-72 {
    max-width: 60%;
  }

  .div-block-103 {
    width: 320px;
  }

  .modal_info {
    display: none;
  }

  .uui-layout15_item-list {
    grid-template-columns: 1fr;
  }

  .head_ibc {
    background-position: 50%;
    background-size: 800px;
  }

  .heading-19 {
    text-align: center;
    font-size: 30px;
  }

  .heading-20 {
    font-size: 14px;
  }

  .body-4 {
    background-image: none;
    overflow: visible;
  }

  .h2_ibc.ibc_mode {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h2_ibc.ibc_mode.videon, .h2_ibc.ibc_mode.videon._2 {
    max-width: 90%;
  }

  .use_case._3 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-text {
    max-width: 320px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-img {
    justify-content: center;
    align-items: center;
    max-width: 320px;
    max-height: none;
    display: flex;
  }

  .image-76 {
    max-width: 95%;
  }

  .div-block-113 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-114 {
    border-color: #fff3;
  }

  .we_are_winners {
    line-height: 30px;
  }

  .we_are_winners.eco-flow {
    overflow: visible;
  }

  .container_we-are._2._3 {
    max-width: 90%;
  }

  .book_a_meeting {
    height: 250vh;
  }

  .heading-22 {
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
  }

  .h1_ibc_container {
    width: 90%;
  }

  .container-text-ecoflow {
    justify-content: center;
    align-items: center;
  }

  .container-champions {
    height: auto;
  }

  .container-logo_champions {
    flex-flow: column;
    min-height: 0;
    max-height: none;
  }

  .container-logo_champions._2 {
    min-height: 0;
    max-height: none;
    padding-right: 15px;
  }

  .code-embed {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .container_videon-comparative {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container_cta._2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .container_cta._3 {
    flex-flow: row;
  }

  .code-embed-2 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .container-20 {
    max-width: none;
  }

  .nav-menu-two-2 {
    flex-direction: column;
  }

  .rl_header1_component {
    grid-template-columns: 1fr;
  }

  .rl-text-style-medium {
    margin-bottom: 1rem;
    padding-bottom: 0;
  }

  .rl-heading-style-h1 {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .rl-padding-global-2 {
    margin-top: 31.3%;
  }
}

#w-node-b7e90d0f-c1d8-fe2c-1dfb-a6bddf73ac84-b2dacac6, #w-node-b7e90d0f-c1d8-fe2c-1dfb-a6bddf73ac91-b2dacac6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7e90d0f-c1d8-fe2c-1dfb-a6bddf73ac9c-b2dacac6 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: auto center;
}

#w-node-e76ad60d-4c7d-0335-630d-a42f21ef4cde-21ef4cd8, #w-node-e76ad60d-4c7d-0335-630d-a42f21ef4ceb-21ef4cd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d06cf587-f788-c92e-eb5c-54786362d27d-21ef4cd8 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: center;
}

#w-node-f80f3d5f-4275-623a-19fd-79f5203483df-8656df96, #w-node-f80f3d5f-4275-623a-19fd-79f5203483e0-8656df96, #w-node-_061d25fb-0a51-cf5a-7e84-38fca76cfa36-8656df96, #w-node-e53d90dd-1add-884e-19b5-74ddd493a486-8656df96, #w-node-e53d90dd-1add-884e-19b5-74ddd493a487-8656df96 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-cb974de7-73b0-19bb-71f4-3b96d59e01bf-8656df96, #w-node-cc489245-2d51-2c53-fba5-fcce82ea1322-8656df96, #w-node-_4359ffeb-dfb6-e1c5-9ee8-1c2e0ee03ecb-8656df96, #w-node-fae89a3b-89e8-ca47-0144-2208feddcabf-8656df96, #w-node-_14fd15f7-3ade-85a6-af64-e5a1cdf9a6f5-8656df96, #w-node-_222fe8eb-0287-44d6-b0ad-4e2998616ab9-8656df96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0cbffec0-d959-863a-5402-985f72571a71-8656df96, #w-node-_0cbffec0-d959-863a-5402-985f72571a72-8656df96, #w-node-_0cbffec0-d959-863a-5402-985f72571a73-8656df96, #w-node-_0cbffec0-d959-863a-5402-985f72571a75-8656df96 {
  place-self: center;
}

#w-node-_0cbffec0-d959-863a-5402-985f72571a76-8656df96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_0cbffec0-d959-863a-5402-985f72571a77-8656df96 {
  place-self: center;
}

#w-node-_1df5b1fa-7c74-2194-b696-b953c0da74f0-8656df96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4830b63c-5b77-c294-ab68-8c510ee79763-8656df96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-f2212752-319d-aed7-ccde-3dba2defa3ff-8656df96 {
  grid-area: 3 / 4 / 4 / 5;
  justify-self: end;
}

#w-node-c5ec0f28-5451-5a2b-a261-132692e5bccb-8656df96, #w-node-c5ec0f28-5451-5a2b-a261-132692e5bccc-8656df96, #w-node-c5ec0f28-5451-5a2b-a261-132692e5bccd-8656df96, #w-node-c5ec0f28-5451-5a2b-a261-132692e5bccf-8656df96 {
  place-self: center;
}

#w-node-c5ec0f28-5451-5a2b-a261-132692e5bcd0-8656df96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c5ec0f28-5451-5a2b-a261-132692e5bcd1-8656df96 {
  place-self: center;
}

#w-node-c5ec0f28-5451-5a2b-a261-132692e5bcbe-8656df96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_60730536-30bc-3321-16db-185e04f4a187-8656df96, #w-node-_60730536-30bc-3321-16db-185e04f4a189-8656df96, #w-node-_60730536-30bc-3321-16db-185e04f4a18a-8656df96 {
  place-self: center;
}

#w-node-_3bda26c9-53c5-8274-59d5-747fc717061c-8656df96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6fc1fa27-3665-0b57-be39-a06663a641ef-7458c334 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-_6fc1fa27-3665-0b57-be39-a06663a641f3-7458c334 {
  grid-area: 1 / 1 / 4 / 2;
  align-self: auto;
}

#w-node-_6fc1fa27-3665-0b57-be39-a06663a641f5-7458c334 {
  grid-area: 2 / 2 / 4 / 3;
  place-self: start center;
}

#w-node-_6fc1fa27-3665-0b57-be39-a06663a641f6-7458c334 {
  grid-area: 3 / 2 / 4 / 4;
  place-self: start end;
}

#w-node-_6fc1fa27-3665-0b57-be39-a06663a641f7-7458c334 {
  order: 4;
  grid-area: 1 / 2 / 5 / 4;
}

#w-node-_6fc1fa27-3665-0b57-be39-a06663a641f8-7458c334 {
  grid-area: 1 / 3 / 3 / 4;
  place-self: start center;
}

#w-node-_92e16859-12eb-eff5-3d56-e326ef4a6fb0-7458c334 {
  place-self: center;
}

#w-node-_4d7c325c-dc18-eab1-965a-66052265e6b9-810b5412 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4d7c325c-dc18-eab1-965a-66052265e6dc-810b5412 {
  justify-self: end;
}

#w-node-_4d7c325c-dc18-eab1-965a-66052265e6dd-810b5412 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4d7c325c-dc18-eab1-965a-66052265e6e0-810b5412 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_4d7c325c-dc18-eab1-965a-66052265e6e8-810b5412 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_4d7c325c-dc18-eab1-965a-66052265e6ec-810b5412 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4d7c325c-dc18-eab1-965a-66052265e6f0-810b5412 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_58372804-8409-f8ed-b9bd-55aa3e168820-810b5412 {
  align-self: end;
}

#w-node-_987eda4c-d05c-749c-87e4-d0a6b7286555-810b5412 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e53-5a1b7600 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e64-5a1b7600 {
  justify-self: end;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e65-5a1b7600 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e68-5a1b7600 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e6c-5a1b7600 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e6e-5a1b7600 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e70-5a1b7600 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e72-5a1b7600 {
  align-self: end;
}

#w-node-_56161b89-a2da-b1a5-27bc-1318583b1e7a-5a1b7600 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

@media screen and (min-width: 1920px) {
  #w-node-_156f2cf6-efa0-94c5-72f0-c6292592303b-b2dacac6 {
    place-self: center;
  }

  #w-node-_6fc1fa27-3665-0b57-be39-a06663a641ef-7458c334 {
    grid-area: 1 / 1 / 5 / 2;
  }

  #w-node-_6fc1fa27-3665-0b57-be39-a06663a641f5-7458c334 {
    grid-area: 2 / 2 / 4 / 3;
    place-self: start end;
  }

  #w-node-_6fc1fa27-3665-0b57-be39-a06663a641f7-7458c334 {
    order: 4;
    grid-area: 1 / 2 / 5 / 4;
    justify-self: end;
  }

  #w-node-_6fc1fa27-3665-0b57-be39-a06663a641f8-7458c334 {
    grid-area: 1 / 3 / 3 / 4;
    place-self: start end;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_4d7c325c-dc18-eab1-965a-66052265e6dd-810b5412 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_58372804-8409-f8ed-b9bd-55aa3e168820-810b5412 {
    align-self: end;
  }

  #w-node-_56161b89-a2da-b1a5-27bc-1318583b1e65-5a1b7600 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_56161b89-a2da-b1a5-27bc-1318583b1e72-5a1b7600 {
    align-self: end;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_81b3e93d-8637-89a4-80ad-aea3c5dfc6ab-b2dacac6, #w-node-_81b3e93d-8637-89a4-80ad-aea3c5dfc6ad-b2dacac6, #w-node-e804206e-8eaa-c8bb-8b50-6add3fa3db6b-8656df96, #w-node-e804206e-8eaa-c8bb-8b50-6add3fa3db6d-8656df96 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-cb974de7-73b0-19bb-71f4-3b96d59e01bf-8656df96 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-cc489245-2d51-2c53-fba5-fcce82ea1322-8656df96 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4359ffeb-dfb6-e1c5-9ee8-1c2e0ee03ecb-8656df96 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-fae89a3b-89e8-ca47-0144-2208feddcabf-8656df96 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_14fd15f7-3ade-85a6-af64-e5a1cdf9a6f5-8656df96 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_222fe8eb-0287-44d6-b0ad-4e2998616ab9-8656df96 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-c5ec0f28-5451-5a2b-a261-132692e5bcbe-8656df96 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_6fc1fa27-3665-0b57-be39-a06663a641ef-7458c334 {
    grid-area: 1 / 1 / 4 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6fc1fa27-3665-0b57-be39-a06663a641f3-7458c334 {
    grid-area: 1 / 1 / 4 / 2;
    align-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b7e90d0f-c1d8-fe2c-1dfb-a6bddf73ac91-b2dacac6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-b7e90d0f-c1d8-fe2c-1dfb-a6bddf73ac9c-b2dacac6 {
    grid-column: 2 / 3;
  }

  #w-node-_18807aa3-943b-5d0c-3e74-458b897786c3-7c487516 {
    order: -9999;
    grid-area: 1 / 1 / 4 / 4;
    align-self: center;
  }

  #w-node-dc37e86d-6aa2-f8e3-9481-9bfba4c25059-7c487516 {
    grid-area: 1 / 1 / 4 / 4;
  }

  #w-node-ef172b8c-b8a8-04a8-6c16-6314baf3bcd2-7c487516 {
    order: 9999;
    grid-area: 1 / 1 / 4 / 4;
  }

  #w-node-e76ad60d-4c7d-0335-630d-a42f21ef4ceb-21ef4cd8 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-d06cf587-f788-c92e-eb5c-54786362d27d-21ef4cd8 {
    grid-column: 2 / 3;
  }

  #w-node-_4d2e9673-0fbc-a68c-635a-9126b2898122-5a3627d9 {
    order: -9999;
    grid-area: 1 / 1 / 4 / 4;
    align-self: center;
  }

  #w-node-_4d2e9673-0fbc-a68c-635a-9126b2898124-5a3627d9 {
    grid-area: 1 / 1 / 4 / 4;
  }

  #w-node-_4d2e9673-0fbc-a68c-635a-9126b2898125-5a3627d9 {
    order: 9999;
    grid-area: 1 / 1 / 4 / 4;
  }

  #w-node-_60730536-30bc-3321-16db-185e04f4a187-8656df96 {
    justify-self: start;
  }

  #w-node-_4d7c325c-dc18-eab1-965a-66052265e6e8-810b5412 {
    grid-row: 3 / 5;
    grid-column-start: 1;
    justify-self: stretch;
  }

  #w-node-_4d7c325c-dc18-eab1-965a-66052265e6ec-810b5412 {
    grid-row-end: 3;
    grid-column-end: 3;
    justify-self: stretch;
  }

  #w-node-_4d7c325c-dc18-eab1-965a-66052265e6f0-810b5412 {
    grid-area: 5 / 1 / 6 / 3;
    justify-self: stretch;
  }

  #w-node-_58372804-8409-f8ed-b9bd-55aa3e168820-810b5412 {
    grid-area: 6 / 1 / 7 / 3;
  }

  #w-node-_987eda4c-d05c-749c-87e4-d0a6b7286555-810b5412 {
    grid-area: 7 / 1 / 8 / 3;
    justify-self: start;
  }

  #w-node-_56161b89-a2da-b1a5-27bc-1318583b1e6c-5a1b7600 {
    grid-row: 3 / 5;
    grid-column-start: 1;
    justify-self: stretch;
  }

  #w-node-_56161b89-a2da-b1a5-27bc-1318583b1e6e-5a1b7600 {
    grid-row-end: 3;
    grid-column-end: 3;
    justify-self: stretch;
  }

  #w-node-_56161b89-a2da-b1a5-27bc-1318583b1e70-5a1b7600 {
    grid-area: 5 / 1 / 6 / 3;
    justify-self: stretch;
  }

  #w-node-_56161b89-a2da-b1a5-27bc-1318583b1e72-5a1b7600 {
    grid-area: 6 / 1 / 7 / 3;
  }

  #w-node-_56161b89-a2da-b1a5-27bc-1318583b1e7a-5a1b7600 {
    grid-area: 7 / 1 / 8 / 3;
    justify-self: start;
  }
}


@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clashgrotesk';
  src: url('../fonts/ClashGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}