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

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

:root {
  --fuelin-background: #140c19;
  --fuelin-white: #fff;
  --fuelin-black: #140e16;
}

.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-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--fuelin-background);
  color: #fff;
  font-family: Gotham, Arial, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

a {
  text-decoration: none;
}

.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;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-top.padding-small {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #2d62ff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #dd23bb;
}

.text-size-tiny {
  font-size: .75rem;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.heading-style-h2 {
  font-size: 5em;
  font-weight: 700;
  line-height: 1em;
}

.heading-style-h2.big_number {
  font-size: 10em;
}

.heading-style-h2.text-uppercase.text_is2 {
  position: absolute;
  bottom: -1em;
}

.heading-style-h2.modify {
  font-size: 6.5em;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.fs-styleguide_hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.padding-custom3 {
  padding: 3.5rem;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.background-color-secondary {
  background-color: #2d62ff;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.overflow-hidden {
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.margin-xsmall {
  margin: .5rem;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-weight-xbold {
  font-weight: 800;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.padding-small {
  padding: .8em;
}

.fs-styleguide_header {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-xlarge {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-large {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-large {
  padding-top: 7em;
  padding-bottom: 7em;
}

.padding-vertical.padding-medium {
  padding: 4.5em 0;
}

.pointer-events-auto {
  pointer-events: auto;
}

.max-width-medium {
  width: 100%;
  max-width: 23.9em;
}

.text-color-alternate {
  color: #fff;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-horizontal.padding-medium {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-horizontal.padding-large {
  padding-left: 5em;
  padding-right: 5em;
}

.text-weight-medium {
  font-weight: 500;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.text-style-muted {
  opacity: .6;
}

.margin-custom1 {
  margin: 1.5rem;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-regular {
  font-size: 1rem;
}

.fs-styleguide_spacing-all {
  display: none;
}

.form_component {
  margin-bottom: 0;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

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

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-small {
  margin: 1rem;
}

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

.hide {
  display: none;
}

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.overflow-scroll {
  overflow: scroll;
}

.margin-tiny {
  margin: .125rem;
}

.padding-xhuge {
  padding: 8rem;
}

.max-width-small {
  width: 100%;
  max-width: 14.7em;
}

.max-width-small.modify {
  max-width: 19em;
}

.icon-height-small {
  height: 1rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.text-color-primary {
  color: #000;
}

.padding-large {
  padding: 3em;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

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

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-custom1 {
  padding: 1.5rem;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.text-weight-light {
  font-weight: 300;
}

.fs-styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.padding-0 {
  padding: 0;
}

.overflow-auto {
  overflow: auto;
}

.text-style-italic {
  font-style: italic;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.margin-xxhuge {
  margin: 12rem;
}

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

.padding-custom2 {
  padding: 2.5rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.max-width-large {
  width: 100%;
  max-width: 31.5em;
}

.text-color-secondary {
  color: #fff;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.heading-style-h4 {
  font-size: 2em;
  font-weight: 700;
  line-height: 120%;
}

.heading-style-h4.text-uppercase.max-width-small.responsive-item {
  max-width: 13.4em;
}

.heading-style-h4.text-uppercase.max-width-small.modify_mw {
  max-width: 13em;
}

.heading-style-h4.text-uppercase.modify {
  margin-top: -1.7em;
  margin-left: -2em;
  font-size: 1.6em;
}

.margin-large {
  margin: 3rem;
}

.margin-0 {
  margin: 0;
}

.icon-height-large {
  height: 3rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.25rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.background-color-alternate {
  background-color: #fff;
}

.heading-style-h3 {
  font-size: 3.3em;
  font-weight: 700;
  line-height: 1em;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-secondary {
  color: #000;
  background-color: #0000;
  border: 1px solid #222;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.margin-medium {
  margin: 2rem;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.margin-custom2 {
  margin: 2.5rem;
}

.nav_button {
  padding: 1rem;
}

.text-weight-bold {
  font-weight: 700;
}

.padding-medium {
  padding: 2em;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.text-size-small {
  font-size: .875rem;
}

.padding-xxlarge {
  padding: 7em;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-size-large {
  font-size: 1.5rem;
}

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: .75rem;
  padding: .75rem;
}

.padding-xsmall {
  padding: .5rem;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

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

.spacing-clean {
  margin: 0;
  padding: 0;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.heading-style-h5 {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.text-style-nowrap {
  white-space: nowrap;
}

.margin-huge {
  margin: 6rem;
}

.page-wrapper {
  z-index: 2;
  position: relative;
  overflow-x: clip;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.padding-xxsmall {
  padding: .25rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-huge {
  padding: 6rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.form_input {
  background-color: #0000;
  border: 1px solid #eee;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder, .form_input.is-select-input {
  color: #222;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  font-size: 1rem;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.padding-tiny {
  padding: .125rem;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.max-width-xsmall {
  width: 100%;
  max-width: 8.5em;
}

.background-color-tertiary {
  background-color: #dd23bb;
}

.text-size-medium {
  font-size: 1.25rem;
}

.padding-xlarge {
  padding: 4.5em;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-large {
  padding-top: 3rem;
}

.background-color-primary {
  color: #fff;
  background-color: #000;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_message {
  color: #5e5515;
  background-color: #fcf8d8;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.nav_logo {
  width: 10rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-height-medium {
  height: 2rem;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.navbar {
  z-index: 10;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #130b178a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1em 2em;
  display: flex;
  position: fixed;
  top: 0;
}

.logo_nav {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.logo_nav.is-2 {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.navbar_menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu_nav {
  color: var(--fuelin-white);
  text-decoration: none;
}

.menu_nav.lang {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.text-uppercase {
  text-transform: uppercase;
}

.section {
  z-index: auto;
  position: relative;
}

.section.footer_section {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.section.hero-section {
  z-index: 2;
}

.section.responsive-item {
  display: none;
}

.section.testimonial {
  margin-top: -37em;
}

.hp_hero_container {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.hp_hero_container.responsive-item {
  justify-content: flex-start;
  align-items: center;
  height: 70em;
  display: none;
}

.hp_hero_image {
  pointer-events: none;
  object-fit: cover;
  width: 100vw;
}

.hp_hero_image_title {
  z-index: 1;
  width: 96vw;
  height: 26em;
  position: relative;
}

.hp_hero_content {
  z-index: 2;
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: -6em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.hp_hero_sub_title {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: .4em;
  padding-right: 10.3em;
  display: flex;
}

.hp_hero_info {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 17em;
  display: flex;
}

.hp_hero_info.responsive-item {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -.8em;
}

.span_color {
  color: #00a0df;
}

.fuelin_button {
  color: #fff;
  background-color: #38005238;
  flex-flow: column;
  padding: .5em 1em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-style {
  font-family: Gotham, Arial, sans-serif;
  font-weight: 700;
}

.corner {
  position: absolute;
  inset: 0%;
}

.filler {
  background-color: var(--fuelin-black);
  border-radius: 50em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.filler.padding-small.responsive-item {
  position: absolute;
  right: 3%;
}

.filler.padding-small.hp_hero_element {
  position: absolute;
  inset: 7.8em 0% auto auto;
}

.filler_light {
  width: 6.6em;
  position: absolute;
}

.circular {
  width: 7.3em;
}

.circular.anim_circular.abslt {
  position: absolute;
  top: 0;
  left: -1.8em;
}

.marquee-wrapper {
  z-index: 2;
  opacity: 1;
  color: #dfdfdf;
  background-color: #270537;
  width: 102vw;
  height: 4em;
  margin-top: -7em;
  margin-left: -.4em;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: rotate(5deg);
}

.marquee-wrapper.modify {
  transform: rotate(3deg);
}

.marquee-wrapper.responsive-item {
  position: absolute;
  bottom: 14em;
  transform: rotate(1deg);
}

.marquee-container {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.marquee_img {
  object-fit: contain;
  width: 14em;
  min-width: 14em;
  height: 7em;
  min-height: 7em;
  margin-right: -2.1em;
}

.marquee_img.modify {
  width: 24em;
  min-width: 24em;
}

.marquee_img.light {
  width: 10em;
  min-width: 10em;
  height: 5em;
  min-height: 5em;
}

.footer-wrapper {
  background-color: var(--fuelin-background);
}

.hp_cta_container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hp_cta_image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 140%;
  position: absolute;
}

.hp_cta_content {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  object-fit: contain;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.hp_cta_main_content {
  z-index: 1;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
}

.footer_container {
  flex-flow: column;
  justify-content: space-between;
  height: 43em;
  display: flex;
  position: relative;
}

.footer_top_content_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer_top_content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.media_social {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  display: flex;
}

.footer_big_image {
  z-index: 1;
  opacity: .2;
  mix-blend-mode: soft-light;
  position: relative;
}

.footer_copyrighting {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  padding: 2em 1em;
  display: flex;
  position: relative;
}

.footer_call {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hp_about_is1_container {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hp_about_is1_left_main_contnet {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 40em;
  padding-left: 4em;
  display: flex;
}

.hp_about_is1_leftt_contnet {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.hp_about_is1_right_contnet {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: right;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.hp_about_is1_right_main_contnet {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 40em;
  padding-right: 4em;
  display: flex;
}

.hp_about_is1_center_main_contnet {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.image_about_fruit {
  width: 22em;
}

.image_about_fruit_is2 {
  width: 28em;
}

.about_image_product {
  z-index: 1;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 30em;
  position: absolute;
}

.hp_about_left_corner {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 5em;
  height: 100%;
  display: flex;
  position: absolute;
  left: 0%;
}

.about_corner_is1 {
  width: 4em;
}

.about_corner_is2 {
  width: 4em;
  transform: rotate(-90deg);
}

.hp_about_right_corner {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: absolute;
  right: 0%;
}

.about_corner_is3 {
  width: 4em;
  transform: rotate(90deg);
}

.about_corner_is4 {
  width: 4em;
  transform: rotate(180deg);
}

.about_corner_is4_wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.hp_about_is2_container {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.hp_about_is2_content_detail_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.hp_about_is2_content_detail {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.hp_about_is2_content_left {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hp_product_container {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 71em;
  display: flex;
  position: relative;
}

.hp_product_place_prev {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: -10em;
  display: flex;
  position: relative;
}

.hp_product_image {
  width: 100%;
}

.hp_product_image_wrapper {
  z-index: -9999;
  opacity: .1;
  pointer-events: none;
  width: 100%;
  height: 18em;
  position: absolute;
  bottom: 12em;
}

.swiper_arrows {
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% 50%;
}

.swiper_arrows.modify {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  inset: auto auto -4.1em;
}

.swiper_arrows.modify.modify2 {
  justify-content: space-between;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  bottom: 17em;
}

.swiper_arrows.modify.articles {
  top: 0;
  bottom: auto;
}

.swiper_arrows.vertical {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  inset: auto 0% auto auto;
}

.swiper_arrow {
  border: 1px solid #00a0dd;
  border-radius: 30em;
  justify-content: center;
  align-items: center;
  padding: .5em 1em;
  display: flex;
}

.swiper_arrow.swiper__arrow--prev, .swiper_arrow.swiper__arrow--next {
  cursor: pointer;
}

.swiper_arrow.higlight_arrow {
  border-style: none;
  padding-top: 1em;
  padding-bottom: 1em;
}

.swiper_arrow.next {
  border-style: none;
  transform: rotate(180deg);
}

.splide {
  min-width: 100%;
}

.splide.highlight {
  z-index: 1;
  flex-flow: row;
  width: 100vw;
  min-width: 100vw;
  display: flex;
  position: relative;
}

.splide.trailblaizing_highlight {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.splide__track.center {
  width: 100vw;
  min-width: 100vw;
}

.splide__list.center_highlight {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  display: flex;
}

.splide__list.highlight {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  display: flex;
}

.splide__slide {
  flex: none;
}

.splide__slide.highlight_product {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image_product {
  height: 36em;
}

.image_product.modify {
  opacity: 0;
  width: 30em;
  height: 33em;
  position: relative;
}

.hp_filler_content {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filler_image {
  width: 8em;
}

.hp_filler_corner {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: absolute;
  top: 0%;
}

.hp_filler_corner_bottom {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: absolute;
  bottom: 0%;
}

.bg_image {
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: hard-light;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hp_filler_section_is2_container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.filler_logo {
  width: 35em;
  position: relative;
}

.hp_filler_section_is2_content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hp_review_container {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.hp_review_card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #270537;
  border: 1px solid #ffffff3d;
  border-radius: 1.1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hp_review_card_profile {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: none;
}

.profile {
  object-fit: cover;
  border: 1px solid #ffffff94;
  border-radius: 40em;
  width: 3em;
  height: 3em;
}

.hp_review_card_name {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image_blur {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0%;
}

.hp_review_title {
  display: flex;
  position: absolute;
  right: 2em;
}

.hp_review_image {
  width: 8em;
  position: absolute;
  inset: auto 36% -18% auto;
}

.next {
  transform: rotate(0);
}

.hp_maps_container {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.hp_maps_image {
  width: 70em;
}

.hp_maps_content {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -3em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.title_wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.city-_name_wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.city-_name {
  cursor: pointer;
  padding: .5em 1em;
}

.city-_name.is-selected {
  text-underline-offset: 5px;
  -webkit-text-decoration: underline #b9b9b9;
  text-decoration: underline #b9b9b9;
  text-decoration-thickness: 1px;
}

.hp_maps_city_card_wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.hp_filler_content_is3_container {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 53em;
  display: flex;
  position: relative;
}

.hp_filler_content_is3_container.dekstop_item {
  height: auto;
}

.filler_image_is3 {
  z-index: 1;
  -webkit-backdrop-filter: drop-shadow(-2px 3px 7px #000000d4);
  backdrop-filter: drop-shadow(-2px 3px 7px #000000d4);
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  margin-top: -8.5em;
  margin-bottom: -5em;
  position: static;
  top: .6em;
  left: auto;
}

.highlight_option_content {
  z-index: 1;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 5em;
  display: flex;
  position: relative;
}

.line_gradient {
  background-image: linear-gradient(90deg, #818181 32%, #0000);
  width: 20em;
  height: 1px;
}

.highlight_card {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  background-color: #222227;
  border: 10px solid #1c1c1c;
  border-radius: 2em;
  width: 23em;
  height: 32em;
  position: relative;
  overflow: hidden;
}

.highlight_card_img {
  object-fit: contain;
  align-self: center;
  min-width: 8em;
  height: 4em;
}

.highlight_option_background {
  z-index: 0;
  opacity: 1;
  width: 46em;
  position: absolute;
  inset: -2em auto auto -10em;
}

.highlight_card_elipse {
  z-index: 0;
  width: 28em;
  max-width: none;
  position: absolute;
  inset: auto auto -2em -9em;
}

.hp_highlight_content {
  z-index: 10;
  width: 50em;
  height: 85%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.highlight_option_wrapper {
  z-index: 2;
  background-image: linear-gradient(90deg, #140c19, #140c19 16% 47%, #140c1900 83%, #0000);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.highlight_card_content {
  z-index: 1;
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  flex-flow: column;
  display: flex;
  position: relative;
}

.hp_highlight_container {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  display: flex;
}

.slider_wrapper_overflow {
  width: 120%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.slider_wrapper_overflow.highlight_social, .slider_wrapper_overflow.highlight_service {
  width: 0%;
}

.slider_wrapper_overflow.highlight_trailblazing {
  overflow: hidden;
}

.hp_highlight_option_wrapper {
  height: 38em;
  position: relative;
}

.arrow_image {
  width: .6em;
}

.arrow_image.slide_left {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.gradiet_block {
  z-index: 5;
  background-image: linear-gradient(90deg, #fff0, #000);
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.highlight_option_item {
  cursor: pointer;
  width: 23em;
  font-size: .8em;
}

.highlight_option_item.service, .highlight_option_item.social {
  opacity: .2;
}

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

.article_card {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #140c1959;
  border: 1px solid #ffffff29;
  border-radius: 2em;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 32em;
  padding: 1em;
  display: flex;
}

.article_image {
  border-radius: 2em;
  width: 20em;
}

.article_content {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.span_bold {
  font-weight: 700;
}

.div-block-3 {
  z-index: 0;
  margin-top: -18em;
  position: relative;
  bottom: -29em;
}

.div-block-3.modifyy {
  margin-top: 0;
}

.hp_product_content {
  z-index: 3;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.product_card_detail {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: #0f071a;
  border-radius: 2em;
  flex-flow: column;
  width: 30em;
  height: 20em;
  padding: 1em;
  transition: all .75s;
  display: flex;
}

.product_card_detail.rotet_right {
  transform: rotate(5deg);
}

.product_card_detail.rotet_left {
  transform: rotate(-5deg);
}

.product_card_detail.modify {
  margin-top: -6em;
}

.product_card_detail.modify.responsive-item {
  margin-top: auto;
}

.product_title_card {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.taq_name {
  background-color: #d4fbfe;
  width: 107%;
  margin-left: -1em;
  padding-left: 1em;
}

.product_card_detail_wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.hp_product_corner_is1 {
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.hp_product_corner_is2 {
  position: absolute;
  bottom: 0%;
  right: 0%;
}

.hp_product_corner_is3 {
  position: absolute;
  top: 0%;
  right: 0%;
}

.hp_product_corner_is4 {
  position: absolute;
  top: 0%;
  left: 0%;
}

.hp_image_glow_is1 {
  position: absolute;
  top: -13%;
  right: -2%;
}

.hp_image_glow_is2, .hp_image_glow_is3 {
  position: absolute;
  top: -13%;
  left: -2%;
  right: auto;
}

.hp_image_glow_is4 {
  position: absolute;
  top: -13%;
  right: -2%;
}

.filler_image_tracker_wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.filler_image_tracker {
  width: 150%;
  height: 100%;
  position: absolute;
}

.image {
  width: 190em;
  max-width: none;
  position: relative;
  top: -40%;
  left: -8%;
}

.sub_title {
  text-align: center;
  max-width: 31em;
}

.hp_filler_responsive {
  flex-flow: column;
  display: none;
  position: relative;
}

.hp_filler_contet_rs {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-end;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.image-2 {
  position: relative;
}

.hp_hero_content_responsive {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -5.2em;
  display: flex;
  position: relative;
}

.hp_image_hero_responsive {
  position: absolute;
  inset: 0%;
}

.div-block-4 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hp_product_container_responsive {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  display: flex;
}

.hp_product_responsive {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo_bhn_product_responsive {
  opacity: .8;
  width: 100%;
}

.product_responsive {
  width: 35em;
  position: absolute;
}

.article_contnet {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.bg_gradiant_section {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.article_image_wrapper {
  position: relative;
}

.gradiant_article {
  background-image: linear-gradient(97deg, #0000, #b026ff42);
  border-radius: 2em;
  position: absolute;
  inset: 0%;
}

.hp_cta_bg {
  pointer-events: none;
  background-image: linear-gradient(#140c19, #fff0 42% 73%, #140c19 96%);
  position: absolute;
  inset: 0%;
}

.background-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hp_b_a_section_container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: grid;
  position: absolute;
}

.hp_b_a_section_content {
  z-index: 1;
  background-color: #140c19;
  grid-template-rows: 1fr .65fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.image_gradian {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.devider-line {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 4px;
  margin-left: -2px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.after-image {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.after-image-inner {
  background-image: url('../images/toolxox.com-16x-g827S_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.container--full {
  width: 100%;
  height: 100%;
  position: relative;
}

.after-wrapper {
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.before-image {
  background-image: url('../images/toolxox.com-16x-wp4cD_1.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  bottom: -8em;
  left: 1em;
}

.runner {
  background-color: #fff;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
}

.slider--comparison {
  background-image: url('../images/image_2image.avif');
  background-position: 0 0;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.before-wrapper {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.wrapper {
  grid-template-rows: auto;
  grid-template-columns: 10em 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.empt_div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40em;
  display: flex;
  position: relative;
}

.marquee_point {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: sticky;
  top: 15em;
}

.marquee_point_wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  display: flex;
}

.hp_filler_wrapper {
  z-index: 0;
  flex-flow: column;
  height: 100vh;
  margin-top: -100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.track {
  height: 400vh;
  position: relative;
}

.ecommerce {
  color: #fff;
}

.hp_filler_title_wrapper_is2 {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.hp_filler_title_wrapper_is1 {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.hp_filler_contnet {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 28em;
  margin-top: -1em;
  margin-bottom: 0;
  display: flex;
}

.hp_filler_button_wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.media_button {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2.2em;
  height: 2.2em;
  display: flex;
  position: relative;
}

.enchore_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.enchore_is2 {
  transform: rotate(90deg);
}

.enchore_is3 {
  transform: rotate(-90deg);
}

.enchore_is4 {
  transform: rotate(180deg);
}

.media_image {
  width: 1.1em;
  position: absolute;
}

.media_image.modify {
  width: 1.3em;
}

.enchore_wrapper_is2 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.gradiant_filler {
  width: 67em;
  position: absolute;
  bottom: 29em;
  left: -11em;
  transform: rotate(25deg);
}

.lang {
  color: var(--fuelin-white);
  text-decoration: none;
}

.hp_filler_front {
  z-index: 1;
  pointer-events: none;
  background-color: #140c19;
  flex-flow: column;
  grid-template-rows: 1fr .65fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
}

.image-4 {
  opacity: 1;
  pointer-events: none;
  mix-blend-mode: hard-light;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-11 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-12 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  width: 54em;
  display: flex;
}

.hp_filler_heading {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-5 {
  width: 5em;
}

.div-block-14 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-15 {
  border-left: 1px solid #fff;
  justify-content: center;
  align-items: center;
  height: 2.7em;
  padding-left: 1em;
  display: flex;
  overflow: hidden;
}

.image-6 {
  width: 5em;
}

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

.div-block-17 {
  width: 19.5em;
  overflow: hidden;
}

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

.div-block-19 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hp_filler_image_big {
  opacity: 0;
  pointer-events: none;
  object-fit: cover;
  width: 50vw;
  height: 100%;
  position: absolute;
  right: 0;
}

.enchore_filler_wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.enchore_filler {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-8 {
  width: 7em;
}

.swiper-copy {
  min-width: 100%;
}

.swiper-copy.trailblaizing_highlight {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.swiper {
  min-width: 100%;
}

.swiper.vertical {
  justify-content: flex-start;
  align-items: center;
  width: 48%;
  min-width: 0%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper-wrapper.vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 2em;
  display: flex;
}

.swiper-slide {
  flex: none;
}

.hp_testimonial_text {
  font-size: 1.5vw;
}

.hex_hover_wrapper {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.hex_texture {
  z-index: 3;
  background-image: url('../images/HEX_BG.svg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto 60vh;
  flex-flow: column;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
}

.code-embed {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: relative;
}

.hp_hero_content_wrapper {
  position: absolute;
  inset: 0%;
}

.hp_hero_description_wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hp_hero_description_heading {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.marquee_vertical_overlay {
  pointer-events: none;
  background-image: linear-gradient(#000, #0000 24% 52%, #0000 81%, #000 100%, #000);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 1em;
}

.marquee_vertical_overlay.testimonial {
  width: 100%;
}

.hp_about_glow {
  z-index: -1;
  opacity: .7;
  background-image: radial-gradient(circle, #f8c240, #f8c24000 57%);
  border-radius: 100%;
  width: 70em;
  height: 70em;
  position: absolute;
  right: -32em;
}

.hp_about_glow.ls-2 {
  left: -30em;
  right: 0;
}

.image_about_product_wrapper, .image_about_product_wrapper_2 {
  width: 30em;
  height: 33em;
  position: absolute;
}

.filler_wrapper {
  z-index: 3;
  position: relative;
}

.nav_image {
  z-index: 1;
  opacity: 0;
  width: 100%;
  position: absolute;
}

.nav_logo_wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 5em;
  height: 1.5em;
  margin-bottom: -.2rem;
  display: flex;
  position: relative;
}

.button_container {
  color: var(--fuelin-white);
  cursor: pointer;
  padding: 1em;
  position: relative;
}

.button_container.mute_video {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  padding: 0;
  display: flex;
}

.button_cover_arrow {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.button_arrow {
  width: 1.5em;
  position: absolute;
}

.button_arrow.is-1 {
  inset: 0% auto auto 0%;
}

.button_arrow.is-2 {
  inset: 0% 0% auto auto;
}

.button_arrow.is-3 {
  inset: auto auto 0% 0%;
}

.button_arrow.is-4 {
  inset: auto 0% 0% auto;
}

.button_arrow.video {
  width: 2em;
  height: 2em;
}

.button_icon {
  object-fit: contain;
  height: 1.4em;
}

.div-block-22, .div-block-23 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.nav_logo_move_wrapper {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.nav_logo_move_wrapper_white {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hp_maps_city_card_content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #000000ab;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 1em;
  display: flex;
  position: relative;
}

.hp_maps_name {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.modify_parag {
  font-size: 20px;
}

.div-block-20 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.maps_image_corner {
  width: 6em;
  min-width: 6em;
}

.maps_image_corner.modify_opacity {
  opacity: .5;
}

.maps_corner_is2 {
  justify-content: center;
  align-items: center;
  width: 1.9em;
  height: 1.3em;
  display: flex;
  position: absolute;
  top: -4%;
  bottom: auto;
  left: -3%;
}

.hp_maps_city_card {
  border: 1px solid #464646;
  grid-template-columns: 8fr 1fr;
  width: 31.25%;
  min-width: 28em;
  position: relative;
}

.div-block-21 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.maps_corner_is4 {
  justify-content: center;
  align-items: center;
  width: 1.9em;
  height: 1.3em;
  display: flex;
  position: absolute;
  bottom: -4%;
  right: -3%;
}

.maps_corner_is1 {
  justify-content: center;
  align-items: center;
  width: 1.9em;
  height: 1.3em;
  display: flex;
  position: absolute;
  bottom: -4%;
  left: -3%;
}

.maps_corner_is3 {
  justify-content: center;
  align-items: center;
  width: 1.9em;
  height: 1.3em;
  display: flex;
  position: absolute;
  top: -4%;
  right: -3%;
}

.hp_maps_detail {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.max-width-regular {
  max-width: 16.6em;
}

.cooming_ovarlay {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #000000c4;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cooming_image {
  width: 3.3em;
}

.div-block-24 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-25 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

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

.heading-style-h4-2 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.4;
}

.pop_up_our_partner {
  z-index: 999;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  background-color: var(--fuelin-background);
  border: 1px solid #474747;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4em 6em 2em;
  display: flex;
  position: relative;
  inset: 0%;
}

.pop_up_form_wrapper {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pop_up_name_form_wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.text-field {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #ffffff9e;
}

.text-field-2 {
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #ffffff9e;
}

.pop_up_button {
  pointer-events: none;
  color: var(--fuelin-white);
  cursor: pointer;
  background-color: #22e0eb24;
  border: .5px solid #22e0eb4f;
  justify-content: center;
  align-items: center;
  width: 125%;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.pop_up_ancore {
  border: 1px solid #4c4c4c;
  width: 2em;
  height: 2em;
  position: absolute;
  bottom: -1em;
  right: -1em;
}

.pop_up_ancore.is2 {
  left: -1em;
  right: auto;
}

.overlay {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #0000008c;
  position: fixed;
  inset: 0%;
}

.pop_up_our_partner_wrapper {
  z-index: 999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.product_slide_button_left {
  pointer-events: auto;
  cursor: pointer;
  border: .5px solid #00a0dd;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  padding: .5em 2em;
  display: flex;
  position: absolute;
  right: 0;
}

.product_slide_button_right {
  pointer-events: auto;
  cursor: pointer;
  border: .5px solid #00a0dd;
  border-radius: 2em;
  padding: .5em 2em;
  position: absolute;
  left: 0;
}

.hp_product_button_wrapper {
  z-index: 99;
  pointer-events: none;
  justify-content: center;
  align-items: flex-start;
  padding-top: 23em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hexagon_wrapper {
  z-index: 4;
}

.fuelin_form_pop_up {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.name_form {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button_form {
  padding-top: 0;
  position: relative;
}

.splide__arrow {
  width: 5em;
  height: 5em;
}

.submit-button-2 {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-26 {
  padding-top: 1em;
}

.div-block-27 {
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video_container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.video_muted_button_wrapper {
  z-index: 2;
  pointer-events: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 10em;
  height: 10em;
  display: flex;
  position: relative;
}

.video_mute_button {
  pointer-events: auto;
}

.muted_lottie {
  filter: invert();
  pointer-events: none;
  width: 36em;
  min-width: 25em;
}

.video_code_embed {
  position: absolute;
  inset: 0%;
}

.muted_lottie_anim {
  filter: invert();
  pointer-events: none;
  width: 36em;
  min-width: 11em;
}

.button_mute {
  color: var(--fuelin-white);
  cursor: pointer;
  padding: 1em;
  position: relative;
}

.button_mute.mute_video {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 10em;
  height: 10em;
  padding: 0;
  display: flex;
}

@media screen and (max-width: 991px) {
  p {
    font-size: 12px;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h2.modify {
    font-size: 7em;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-large {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .max-width-medium.responsive-item {
    max-width: 19em;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-medium {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .padding-horizontal.padding-large {
    padding-left: 2em;
    padding-right: 2em;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h4.text-uppercase.max-width-small.responsive-item {
    max-width: 14.8em;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav_button {
    color: #fff;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .heading-style-h5 {
    font-size: 1.8em;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .hide-tablet {
    display: none;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar {
    display: none;
  }

  .section.responsive-item {
    display: flex;
  }

  .section.dekstop-item {
    display: none;
  }

  .section.testimonial {
    margin-top: 0;
  }

  .hp_hero_container {
    display: none;
  }

  .hp_hero_container.responsive-item {
    height: 90em;
    display: flex;
  }

  .hp_hero_info.responsive-item {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 11.5em;
    padding-top: 17em;
    padding-left: 2em;
  }

  .filler.padding-small.responsive-item {
    top: -4%;
    right: 8%;
  }

  .marquee-wrapper.responsive-item {
    top: 31em;
    bottom: auto;
    transform: rotate(4deg);
  }

  .marquee-wrapper.responsive-item.hero {
    top: 60em;
  }

  .image_about_fruit_is2.rotate {
    width: 23em;
  }

  .about_image_product {
    width: 26em;
  }

  .hp_about_is2_container {
    padding-bottom: 5em;
    padding-left: 0;
    padding-right: 0;
  }

  .hp_about_is2_content_left {
    height: 34em;
  }

  .hp_product_container {
    height: 80em;
  }

  .swiper_arrows.modify.modify2.responsive-item {
    display: none;
  }

  .splide__list.highlight {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .image_product {
    width: 18rem;
  }

  .hp_filler_section_is2_container {
    height: 70vh;
    padding-top: 5em;
  }

  .hp_review_image {
    right: 31%;
  }

  .title_wrapper {
    width: 100%;
  }

  .city-_name_wrapper {
    margin-right: 0;
  }

  .hp_maps_city_card_wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-auto-columns: 1fr;
  }

  .hp_filler_content_is3_container.dekstop_item {
    display: none;
  }

  .highlight_option_content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    height: 6em;
    padding-left: 2em;
  }

  .line_gradient {
    display: none;
  }

  .highlight_card {
    width: 20em;
    height: 28em;
  }

  .highlight_option_background {
    z-index: -10;
    display: none;
    top: -31.6em;
    left: auto;
    right: -10em;
  }

  .hp_highlight_content {
    width: 100%;
    top: -4%;
  }

  .highlight_option_wrapper {
    background-image: none;
  }

  .slider_wrapper_overflow {
    top: 8em;
  }

  .hp_highlight_option_wrapper {
    height: 45em;
  }

  .highlight_option_item {
    width: 15em;
  }

  .article_card {
    height: 40em;
  }

  .article_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .product_card_detail.modify.responsive-item {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100em;
    height: 40em;
    padding-left: 3em;
  }

  .taq_name {
    justify-content: flex-start;
    align-items: center;
    width: 105%;
    height: 6em;
    margin-left: -2.8em;
    padding-left: 3em;
    display: flex;
  }

  .product_card_detail_wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    width: 100%;
  }

  .hp_image_glow_is1 {
    right: -4%;
  }

  .hp_image_glow_is2, .hp_image_glow_is3 {
    left: -4%;
  }

  .hp_image_glow_is4 {
    right: -4%;
  }

  .sub_title {
    max-width: 21em;
  }

  .hp_filler_responsive {
    justify-content: space-between;
    align-items: flex-start;
    height: 77em;
    padding-bottom: 15em;
    display: flex;
  }

  .hp_filler_contet_rs {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: -6em;
  }

  .image-2 {
    pointer-events: none;
    position: absolute;
    top: 9em;
  }

  .hp_hero_content_responsive {
    justify-content: space-between;
    align-items: center;
  }

  .hp_image_hero_responsive {
    pointer-events: none;
  }

  .hp_image_hero_responsive.tablat {
    object-fit: cover;
    object-position: 50% 0%;
    width: 100%;
    height: 58em;
    display: block;
  }

  .hp_image_hero_responsive.lanscap_and_potret {
    display: none;
  }

  .hp_product_container_responsive {
    grid-column-gap: 13em;
    grid-row-gap: 13em;
  }

  .product_responsive {
    width: 43em;
  }

  .article_image_wrapper {
    width: 100%;
    height: 12em;
  }

  .hp_b_a_section_container {
    height: auto;
    position: static;
  }

  .container--full {
    height: 70vh;
  }

  .hp_filler_wrapper {
    height: auto;
    margin-top: 0;
    position: static;
  }

  .track {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .hp_filler_contnet {
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -3em;
    margin-bottom: -9em;
  }

  .hp_filler_contnet.modify {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 100%;
    margin-bottom: 0;
  }

  .hp_filler_button_wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 52%;
  }

  .media_button {
    width: 4em;
    height: 3.7em;
  }

  .hp_filler_front {
    flex-flow: row;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: auto;
    display: grid;
    position: relative;
  }

  .hp_filler_heading {
    justify-content: center;
    align-items: center;
    width: 50vw;
  }

  .hp_filler_image_big {
    opacity: 1;
    height: 59em;
    position: static;
  }

  .hp_filler_button_responsive {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    display: flex;
  }

  .hp_filler_button_responsive_is2 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    display: flex;
  }

  .hp_filler_title_bottom {
    padding-left: 14.3em;
  }

  .button_container.mute_video {
    width: 8em;
    height: 8em;
  }

  .hp_maps_city_card {
    width: 46em;
  }

  .muted_lottie_anim {
    min-width: 27em;
  }
}

@media screen and (max-width: 767px) {
  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h2 {
    font-size: 7em;
  }

  .heading-style-h2.text-uppercase.max-width-xsmall {
    max-width: 6.2em;
  }

  .heading-style-h2.text-uppercase.max-width-xsmall.text-align-center {
    max-width: 13em;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-large.modify {
    padding-top: 0;
  }

  .max-width-medium.modify {
    text-align: left;
  }

  .max-width-medium.modify.right, .max-width-medium.align_right.modify_center.modify {
    text-align: right;
  }

  .max-width-medium.responsive-item {
    max-width: 23.2em;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-large {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .text-align-center.modify {
    max-width: 30em;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hp_hero_container.responsive-item {
    height: 100em;
  }

  .hp_hero_info.responsive-item {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 8.3em;
    padding-top: 3em;
    padding-left: 0;
  }

  .footer_container {
    height: 55em;
  }

  .hp_about_is1_container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hp_about_is1_left_main_contnet {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 17em;
    padding-left: 0;
    display: flex;
  }

  .hp_about_is1_leftt_contnet {
    flex-flow: column;
    max-width: 38em;
    display: flex;
  }

  .hp_about_is1_leftt_contnet.modify {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .hp_about_is1_right_contnet {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 38em;
  }

  .hp_about_is1_right_contnet.modify {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .hp_about_is1_right_main_contnet {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    height: 16em;
    padding-right: 0;
  }

  .hp_about_is1_center_main_contnet {
    width: 45%;
  }

  .hp_about_is2_container {
    justify-content: space-between;
    align-items: flex-start;
  }

  .hp_about_is2_content_detail_wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .hp_product_container {
    height: 101em;
  }

  .image_product {
    width: 14rem;
  }

  .bg_image {
    pointer-events: none;
  }

  .hp_filler_section_is2_container {
    height: 80vh;
  }

  .hp_review_container {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hp_review_card {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .hp_review_card_profile {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: flex-start;
    align-items: center;
  }

  .profile {
    width: 5em;
    height: 5em;
  }

  .hp_review_image {
    bottom: -5%;
    right: 15%;
  }

  .hp_maps_image {
    width: 100em;
  }

  .hp_maps_content, .title_wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .city-_name_wrapper {
    grid-column-gap: 7em;
    grid-row-gap: 4em;
    scrollbar-width: thin;
    flex-flow: wrap;
    width: 100%;
    margin-right: -1em;
    padding-bottom: 4em;
  }

  .city-_name {
    flex: 1;
  }

  .hp_maps_city_card_wrapper {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .highlight_option_content {
    grid-column-gap: 9em;
    grid-row-gap: 9em;
    justify-content: flex-start;
    align-items: flex-start;
    height: 23em;
  }

  .highlight_card {
    height: 34em;
  }

  .highlight_option_background {
    display: none;
  }

  .hp_highlight_content {
    top: -5%;
  }

  .slider_wrapper_overflow.highlight_trailblazing {
    top: 23em;
  }

  .hp_highlight_option_wrapper {
    height: 73em;
  }

  .article_card {
    justify-content: space-between;
    align-items: center;
    height: 55em;
    padding-bottom: 5em;
  }

  .product_card_detail.modify.responsive-item {
    width: 100em;
    height: 47em;
    padding-left: 3em;
  }

  .taq_name {
    width: 104%;
    margin-left: -2.8em;
    padding-left: 3em;
  }

  .hp_product_corner_is1, .hp_product_corner_is2, .hp_product_corner_is3, .hp_product_corner_is4 {
    width: 10em;
  }

  .hp_filler_responsive {
    height: 90em;
  }

  .hp_filler_contet_rs {
    margin-top: 4em;
  }

  .image-2 {
    top: 21.6em;
  }

  .hp_hero_content_responsive {
    margin-top: -5em;
  }

  .hp_image_hero_responsive.tablat {
    display: none;
  }

  .hp_image_hero_responsive.lanscap_and_potret {
    width: 100%;
    display: block;
    top: 1%;
  }

  .article_image_wrapper {
    height: 19em;
  }

  .hp_b_a_section_container {
    flex-flow: column;
    height: 137em;
    display: flex;
  }

  .hp_b_a_section_content {
    place-items: center;
    width: 100%;
    height: 50%;
  }

  .div-block-8 {
    grid-template-columns: .5fr 1fr;
  }

  .hp_filler_contnet {
    width: 70%;
    margin-bottom: auto;
  }

  .hp_filler_contnet.modify {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -6em;
  }

  .hp_filler_button_wrapper {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 93%;
  }

  .hp_filler_front {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-rows: 1fr auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .div-block-12 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .hp_filler_image_big {
    width: 100vw;
    height: 88em;
  }

  .button_container.mute_video {
    width: 13em;
    height: 11em;
  }

  .button_arrow.video {
    width: 4em;
    height: 4em;
  }

  .hp_maps_city_card {
    width: 87em;
    min-height: 14rem;
  }

  .heading-style-h4-2 {
    font-size: 1rem;
  }

  .code-embed-2 {
    display: none;
  }

  .video_muted_button_wrapper {
    width: 20em;
    height: 20em;
  }

  .muted_lottie_anim {
    min-width: 41em;
  }
}

@media screen and (max-width: 479px) {
  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h2 {
    font-size: 11em;
  }

  .heading-style-h2.big_number {
    margin-left: .05em;
    font-size: 24em;
  }

  .heading-style-h2.text-uppercase.max-width-xsmall {
    max-width: 9em;
  }

  .heading-style-h2.text-uppercase.max-width-xsmall.text-align-center {
    max-width: 21em;
  }

  .heading-style-h2.text-uppercase.text_is2 {
    display: none;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xlarge.modify {
    width: 100%;
  }

  .padding-vertical.padding-large {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .max-width-medium {
    max-width: 37em;
  }

  .max-width-medium.modify {
    text-align: center;
    max-width: 19em;
  }

  .max-width-medium.modify.right {
    text-align: center;
  }

  .max-width-medium.align_right {
    text-align: right;
  }

  .max-width-medium.align_right.modify_center {
    text-align: center;
    max-width: 22em;
  }

  .max-width-medium.align_right.modify_center.modify {
    text-align: center;
  }

  .max-width-medium.responsive-item {
    text-align: center;
    max-width: 24em;
  }

  .max-width-medium.center {
    text-align: center;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-align-center.modify {
    max-width: 20em;
  }

  .max-width-small {
    max-width: 21em;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h4.text-uppercase.max-width-small.responsive-item {
    text-align: center;
    max-width: 21em;
  }

  .heading-style-h4.text-uppercase.modify {
    font-size: 3em;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .heading-style-h3.text-uppercase.responsive-item {
    text-align: center;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .logo_nav {
    width: 22em;
  }

  .navbar_menu {
    display: none;
  }

  .section.testimonial {
    margin-top: 15em;
  }

  .hp_hero_container.responsive-item {
    height: 144em;
    margin-top: 4em;
  }

  .hp_hero_info.responsive-item {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 12em;
  }

  .fuelin_button {
    justify-content: center;
    align-items: center;
    padding: 1.8em 3em 1.3em;
  }

  .corner {
    height: 100%;
  }

  .filler.padding-small.responsive-item {
    top: 7%;
    right: 10%;
  }

  .circular {
    width: 13em;
  }

  .marquee-wrapper {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .marquee-wrapper.responsive-item {
    top: 39em;
  }

  .marquee-wrapper.responsive-item.hero {
    top: 74.3em;
  }

  .marquee_img {
    width: 26em;
    min-width: 26em;
  }

  .marquee_img.modify {
    width: 46em;
    min-width: 33em;
    height: 7.2em;
  }

  .hp_cta_container {
    height: 80em;
  }

  .hp_cta_content {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
  }

  .hp_cta_main_content {
    grid-column-gap: 7em;
    grid-row-gap: 7em;
  }

  .footer_container {
    height: 93em;
  }

  .footer_top_content_wrapper {
    grid-column-gap: 5.8em;
    grid-row-gap: 5.8em;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 4em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .media_social {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .hp_about_is1_container {
    grid-column-gap: 17em;
    grid-row-gap: 17em;
  }

  .hp_about_is1_left_main_contnet {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .hp_about_is1_leftt_contnet {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 67em;
    display: flex;
  }

  .hp_about_is1_leftt_contnet.modify {
    justify-content: center;
    align-items: center;
  }

  .hp_about_is1_right_contnet {
    justify-content: flex-start;
    align-items: center;
    max-width: 67em;
  }

  .hp_about_is1_right_contnet.modify {
    justify-content: flex-start;
    align-items: center;
  }

  .hp_about_is1_right_main_contnet {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .hp_about_is1_center_main_contnet {
    justify-content: space-between;
    align-items: center;
    width: 80%;
  }

  .image_about_fruit_is2.rotate {
    width: 30em;
  }

  .about_image_product {
    width: 45em;
  }

  .hp_about_left_corner {
    width: auto;
  }

  .about_corner_is1.floating_anim_is-1, .about_corner_is2.floating_anim_is-3, .about_corner_is3.floating_anim_is-2, .about_corner_is4.floating_anim_is-4 {
    width: 8em;
  }

  .hp_about_is2_container {
    grid-column-gap: 12em;
    grid-row-gap: 12em;
    margin-top: -10em;
  }

  .hp_about_is2_content_detail_wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hp_about_is2_content_detail {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    display: flex;
  }

  .hp_about_is2_content_left {
    height: auto;
  }

  .hp_product_container {
    height: 218em;
  }

  .swiper_arrows.vertical {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    justify-content: center;
    align-items: center;
    top: 7%;
    right: 2%;
  }

  .swiper_arrow.swiper__arrow--next.next {
    width: auto;
  }

  .splide.highlight, .splide__track.center {
    width: 100%;
    min-width: 100%;
  }

  .splide__list.center_highlight {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    width: 100%;
    min-width: 100%;
  }

  .splide__slide.highlight_product {
    width: 100%;
  }

  .image_product {
    width: 11rem;
  }

  .hp_filler_corner, .hp_filler_corner_bottom {
    padding-left: .3em;
    padding-right: .3em;
  }

  .hp_filler_section_is2_container {
    flex-flow: column;
    height: 60vh;
  }

  .filler_logo {
    width: 65em;
  }

  .hp_review_container {
    padding-top: 50em;
  }

  .hp_review_card_profile {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    justify-content: flex-start;
    align-items: center;
  }

  .profile {
    width: 8em;
    height: 8em;
  }

  .image_blur {
    height: 100%;
    right: -2em;
  }

  .hp_review_title {
    top: -2em;
    left: 2em;
    right: auto;
  }

  .hp_review_image {
    width: 13em;
    right: 34%;
  }

  .next {
    width: 6em;
  }

  .hp_maps_image {
    width: 100em;
  }

  .title_wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .city-_name_wrapper {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .hp_maps_city_card_wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
    grid-template-columns: 1fr;
    width: 100%;
    padding-bottom: 0;
    display: flex;
    position: relative;
  }

  .highlight_option_content {
    grid-column-gap: 20em;
    grid-row-gap: 20em;
    pointer-events: auto;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: 59em;
    padding-left: 1.5em;
    overflow-x: scroll;
  }

  .hp_highlight_content {
    height: 100%;
    top: 9%;
  }

  .highlight_option_wrapper {
    pointer-events: none;
    top: -11%;
  }

  .hp_highlight_container {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }

  .slider_wrapper_overflow.highlight_trailblazing {
    top: 59em;
  }

  .hp_highlight_option_wrapper {
    height: 166em;
  }

  .arrow_image {
    width: .5em;
  }

  .highlight_option_item {
    min-width: 14em;
  }

  .article_card {
    height: 96em;
  }

  .hp_product_content {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    flex-flow: column;
  }

  .product_card_detail {
    padding: 3em;
  }

  .product_card_detail.rotet_right, .product_card_detail.rotet_left {
    width: 82em;
  }

  .product_card_detail.modify {
    width: 82em;
    margin-top: auto;
  }

  .product_card_detail.modify.responsive-item {
    border: 1px #000;
    width: 100%;
    height: 57em;
  }

  .taq_name {
    width: 106%;
  }

  .product_card_detail_wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .image.anim_fade_in {
    top: 30%;
  }

  .hp_filler_responsive {
    justify-content: flex-end;
    align-items: flex-start;
    height: 144em;
  }

  .hp_filler_contet_rs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 75%;
  }

  .image-2 {
    top: 75em;
  }

  .hp_image_hero_responsive.lanscap_and_potret {
    top: 11%;
  }

  .div-block-4 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    justify-content: flex-start;
    align-items: center;
  }

  .hp_product_container_responsive {
    padding-bottom: 40em;
  }

  .product_responsive {
    width: 48em;
  }

  .article_image_wrapper {
    height: 38em;
  }

  .hp_b_a_section_container {
    height: 210em;
  }

  .hp_b_a_section_content {
    place-items: center;
    padding-top: 15em;
  }

  .container--full {
    height: 120em;
  }

  .wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-rows: auto;
    grid-template-columns: 15% 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .empt_div {
    height: 56em;
    display: none;
  }

  .marquee_point {
    grid-column-gap: 9em;
    grid-row-gap: 9em;
  }

  .marquee_point.ls-1 {
    padding-bottom: 9em;
    display: flex;
  }

  .marquee_point.ls-3 {
    display: flex;
  }

  .div-block-8 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: center stretch;
    width: 100%;
  }

  .marquee_point_wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    height: 90vh;
    margin-top: -16em;
  }

  .track {
    grid-column-gap: 14em;
    grid-row-gap: 14em;
  }

  .hp_filler_contnet {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    width: 100%;
  }

  .hp_filler_contnet.modify {
    justify-content: space-between;
    align-items: center;
    margin-top: 3em;
  }

  .hp_filler_button_wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: -4em;
  }

  .media_button {
    width: 10em;
    height: 9em;
  }

  .media_image, .media_image.modify {
    width: 5em;
  }

  .div-block-12 {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    width: 87em;
  }

  .hp_filler_heading {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    width: 100vw;
  }

  .image-5 {
    width: 17em;
  }

  .div-block-14 {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
  }

  .div-block-15 {
    height: 7em;
    padding-left: 5em;
  }

  .image-6 {
    width: 20em;
  }

  .div-block-17 {
    width: 42em;
  }

  .hp_filler_image_big {
    margin-bottom: -5em;
  }

  .hp_filler_button_responsive {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .hp_filler_button_responsive_is2 {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .enchore_filler_is1 {
    width: 10em;
  }

  .image-8 {
    width: 13em;
  }

  .swiper.vertical {
    width: 100%;
    height: 97em;
  }

  .swiper-wrapper.vertical {
    padding-left: 0;
  }

  .hp_testimonial_text {
    font-size: 12px;
  }

  .marquee_vertical_overlay {
    background-image: linear-gradient(#000, #00000082 18%, #0000 22% 52%, #0000 87%, #000 100%, #000);
  }

  .image_about_product_wrapper, .image_about_product_wrapper_2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .filler_wrapper {
    grid-column-gap: 25em;
    grid-row-gap: 25em;
    flex-flow: column;
    display: flex;
  }

  .button_container {
    justify-content: center;
    align-items: center;
    padding-top: 3em;
    padding-bottom: 2.5em;
    display: flex;
  }

  .button_container.mute_video {
    width: 18em;
    height: 19em;
  }

  .button_arrow.is-1, .button_arrow.is-2, .button_arrow.is-3, .button_arrow.is-4 {
    width: 3em;
  }

  .button_arrow.video {
    width: 8em;
    height: 8em;
  }

  .hp_maps_city_card_content {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    height: 100%;
    padding: 3em;
  }

  .div-block-20 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    display: flex;
  }

  .maps_image_corner {
    width: 7em;
    min-width: 7em;
  }

  .maps_corner_is2 {
    top: -3%;
    left: -2%;
  }

  .hp_maps_city_card {
    aspect-ratio: 4 / 2.1;
    flex: none;
    width: 94em;
    min-height: 18rem;
  }

  .div-block-21 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .maps_corner_is4 {
    bottom: -4%;
    right: -2%;
  }

  .maps_corner_is1 {
    left: -2%;
  }

  .maps_corner_is3 {
    width: 2.6em;
    top: -3%;
    right: -2%;
  }

  .hp_maps_detail {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .cooming_image {
    width: 6em;
  }

  .responsive {
    width: 4em;
  }

  .button_mute {
    justify-content: center;
    align-items: center;
    padding-top: 3em;
    padding-bottom: 2.5em;
    display: flex;
  }
}

#w-node-_501d9758-a506-b32d-47f3-d40ac1e517b4-e4a611cf {
  align-self: end;
}

#w-node-_501d9758-a506-b32d-47f3-d40ac1e517d1-e4a611cf {
  justify-self: center;
}

#w-node-_501d9758-a506-b32d-47f3-d40ac1e517d5-e4a611cf {
  align-self: end;
}

#w-node-_501d9758-a506-b32d-47f3-d40ac1e517e1-e4a611cf {
  place-self: center;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9c5b-e4a611d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9c7a-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9c7f-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9c84-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9c89-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9c8f-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9c95-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9c9b-e4a611d2 {
  justify-self: start;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9d7d-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9d85-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9d9c-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9db5-e4a611d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9db8-e4a611d2 {
  justify-self: start;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9dba-e4a611d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9dbd-e4a611d2 {
  justify-self: start;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9e0d-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9e17-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9e18-e4a611d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9e8a-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9e8f-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9e94-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9e99-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9e9e-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ea3-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ead-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9eb2-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9eb7-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ebc-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ec1-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ec6-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ecb-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ed0-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ed5-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9eda-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9edf-e4a611d2 {
  justify-self: start;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9ee3-e4a611d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9ee4-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ee9-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9eee-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9ef3-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f07-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f0c-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f11-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f16-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f1b-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f20-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f2a-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f2f-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f34-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f39-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f3e-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f43-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f48-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f4d-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f52-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f57-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f5c-e4a611d2 {
  justify-self: start;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9f60-e4a611d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9f61-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f66-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f6b-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f70-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f81-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f86-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f8b-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f90-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f95-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f9a-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9f9f-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9fa4-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9fa9-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960c9fae-e4a611d2 {
  justify-self: start;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9fb2-e4a611d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9fb3-e4a611d2 {
  justify-self: start;
}

#w-node-c22e78a3-16be-d825-d956-1c67960c9fb6-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960ca037-e4a611d2, #w-node-c22e78a3-16be-d825-d956-1c67960ca064-e4a611d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c22e78a3-16be-d825-d956-1c67960ca0a2-e4a611d2 {
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_501d9758-a506-b32d-47f3-d40ac1e517b4-e4a611cf {
    align-self: center;
  }

  #w-node-_501d9758-a506-b32d-47f3-d40ac1e517c9-e4a611cf {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_501d9758-a506-b32d-47f3-d40ac1e517c9-e4a611cf {
    order: 9999;
  }
}


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