/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "SKODA Next Arabic Light";
  src: url("/assets/fonts/SKODANextArabic-Light.eot");
  src: url("/assets/fonts/SKODANextArabic-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SKODANextArabic-Light.woff") format("woff"), url("/assets/fonts/SKODANextArabic-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SKODA Next Arabic Regular";
  src: url("/assets/fonts/SKODANextArabic-Regular.eot");
  src: url("/assets/fonts/SKODANextArabic-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SKODANextArabic-Regular.woff") format("woff"), url("/assets/fonts/SKODANextArabic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SKODA Next Arabic Bold";
  src: url("/assets/fonts/SKODANextArabic-Bold.eot");
  src: url("/assets/fonts/SKODANextArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SKODANextArabic-Bold.woff") format("woff"), url("/assets/fonts/SKODANextArabic-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SKODA Next Arabic Black";
  src: url("/assets/fonts/SKODANextArabic-Black.eot");
  src: url("/assets/fonts/SKODANextArabic-Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SKODANextArabic-Black.woff") format("woff"), url("/assets/fonts/SKODANextArabic-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
h1, h2, h3, h4, p, a, body, ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "SKODA Next Arabic Regular", Arial, sans-serif;
  font-size: 18px;
  color: #515556;
}

#wrapper {
  min-width: 1180px;
  overflow: hidden;
  /*
      overflow-x: auto;
      overflow-y: hidden;
      position: relative;
  */
}

.aos.aos-appear {
  opacity: 0;
  transition: opacity 1.5s 0.3s, transform 0.5s;
  transform: scale(1.2) translateY(-20px);
}
.aos.aos-appear.aos-in-screen {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.button {
  margin: 48px auto 0 auto;
  display: block;
  border-radius: 30px;
  max-width: 240px;
  width: 100%;
  height: 48px;
  text-align: center;
  padding-top: 16px;
  box-sizing: border-box;
  font-size: 16px;
  color: #f5faf5;
  background-color: #03ac00;
}
.button:hover {
  background-color: #028500;
}

#head {
  background-color: #fff;
  background-image: url("/assets/images/head-left.jpg"), url("/assets/images/head-right.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top right;
  height: 80px;
}

section > .inner {
  width: calc(100vw - 20px);
  max-width: 1180px;
  min-width: 1180px;
  margin: 0 auto;
}
section.home {
  background: transparent url("/assets/images/home-background-medium.jpg") no-repeat top center;
}
section.home > .inner {
  position: relative;
  padding-top: 200px;
  padding-bottom: 120px;
  background-size: contain;
}
section.home > .inner .text {
  width: 560px;
  margin-left: auto;
  margin-bottom: 210px;
}
section.home > .inner .text h2 {
  margin-bottom: 50px;
}
section.home > .inner .text h2 em {
  color: #23b30b;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  display: block;
  margin-bottom: 28px;
}
section.home > .inner .text h2 strong {
  display: block;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  font-weight: 700;
  font-size: 70px;
  text-transform: uppercase;
}
section.home > .inner .text p {
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  padding-left: 100px;
  font-size: 24px;
  line-height: 40px;
}
section.home > .inner .slider {
  z-index: 0;
  position: absolute;
  width: 998px;
  height: 438px;
  top: 300px;
  left: 0;
  background: transparent url("/assets/images/home-car-background.png") no-repeat center center;
  background-size: contain;
}
section.home > .inner .slider .front, section.home > .inner .slider .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 597px;
  height: 438px;
}
section.home > .inner .slider .front {
  z-index: 2;
  background: transparent url("/assets/images/home-car-green.png") no-repeat center center;
  background-size: contain;
  -webkit-mask-image: linear-gradient(90deg, black 0%, black 40%, rgba(0, 0, 0, 0) 60%);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: repeat-y;
  -webkit-mask-position: right center;
}
section.home > .inner .slider .back {
  z-index: 1;
  background: transparent url("/assets/images/home-car-white.png") no-repeat center center;
  background-size: contain;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, black 60%);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: repeat-y;
  -webkit-mask-position: right center;
}
section.home > .inner .bar {
  width: 630px;
  height: 50px;
  margin: 0 auto 80px auto;
  position: relative;
}
section.home > .inner .bar .handle {
  position: absolute;
  z-index: 3;
  left: calc(50% - 24px);
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  box-shadow: 0 0 8px rgba(120, 120, 120, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
section.home > .inner .bar .green-bar {
  position: absolute;
  z-index: 1;
  content: "";
  height: 2px;
  width: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: #23b30b;
  background: linear-gradient(90deg, #12ed5e 0%, #126704 100%);
  box-shadow: 0 0 4px rgba(128, 128, 128, 0.5);
}
section.home > .inner .bar .white-bar {
  position: absolute;
  z-index: 2;
  content: "";
  height: 2px;
  width: 50%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 4px rgba(128, 128, 128, 0.5);
}
section.home > .inner .revolution {
  font-size: 16px;
  text-align: center;
  color: #515556;
}
section.home > .inner .revolution .header {
  font-size: 30px;
  margin-bottom: 36px;
  display: block;
  font-weight: 700;
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
  color: #1e2021;
  text-transform: uppercase;
}
section.home > .inner .revolution .line {
  display: block;
}
section.home > .inner .revolution .line + .line {
  margin-top: 16px;
}
section.home > .inner .revolution .small {
  font-size: 15px;
  margin-top: 48px;
  line-height: 18px;
}
section.about {
  background: transparent url("/assets/images/about-background-battery-high.jpg") no-repeat bottom center;
  background-size: contain;
  position: relative;
}
section.about:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #ebeced transparent transparent transparent;
}
section.about abbr {
  border: none;
  text-decoration: none;
}
section.about > .inner {
  padding-top: 120px;
  padding-bottom: 120px;
}
section.about > .inner .header {
  text-align: center;
  margin-bottom: 100px;
}
section.about > .inner .header h2 {
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  background: transparent url("/assets/images/header-background-01.png") no-repeat center top;
  padding: 60px 0;
  margin-bottom: 10px;
  color: #1e2021;
}
section.about > .inner .header p {
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  color: #555a5d;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  line-height: 32px;
}
section.about > .inner .engine {
  height: 665px;
  background: transparent url("/assets/images/about-background-medium.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 90px;
  position: relative;
}
section.about > .inner .engine h3 {
  font-size: 36px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  width: 320px;
  margin-bottom: 24px;
}
section.about > .inner .engine .lead {
  width: 320px;
  line-height: 32px;
  margin-bottom: 70px;
  color: #5e666b;
}
section.about > .inner .engine .car {
  width: 308px;
}
section.about > .inner .engine .car .overlays {
  position: relative;
  width: 308px;
  height: 98px;
  background: transparent url("/assets/images/about-car.jpg") no-repeat center center;
  background-size: contain;
  margin-bottom: 40px;
}
section.about > .inner .engine .car .overlays > div {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 1s;
}
section.about > .inner .engine .car .overlays > div.active {
  opacity: 1;
}
section.about > .inner .engine .car .overlays > div.overlay-front {
  background: transparent url("/assets/images/about-car-front.png") no-repeat center center;
  background-size: contain;
}
section.about > .inner .engine .car .overlays > div.overlay-middle-front {
  background: transparent url("/assets/images/about-car-middle-front.png") no-repeat center center;
  background-size: contain;
}
section.about > .inner .engine .car .overlays > div.overlay-middle-rear {
  background: transparent url("/assets/images/about-car-middle-back.png") no-repeat center center;
  background-size: contain;
}
section.about > .inner .engine .car .overlays > div.overlay-rear {
  background: transparent url("/assets/images/about-car-back.png") no-repeat center center;
  background-size: contain;
}
section.about > .inner .engine .car ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
section.about > .inner .engine .car ul li {
  text-align: center;
  color: #ccc;
}
section.about > .inner .engine .car ul li strong {
  display: block;
  text-transform: uppercase;
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
}
section.about > .inner .engine .car ul li.active {
  color: #000000;
}
section.about > .inner .engine .gravity {
  position: absolute;
  right: 70px;
  top: 430px;
  width: 80px;
  color: #000;
  text-align: right;
  line-height: 24px;
}
section.about > .inner .engine .gravity strong {
  display: block;
  text-transform: uppercase;
}
section.about > .inner .engine .description {
  width: 612px;
  position: absolute;
  bottom: 56px;
  right: 40px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  color: #e1e1e1;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}
section.about > .inner .battery {
  margin-top: 190px;
}
section.about > .inner .battery h3 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  width: 400px;
  margin: 0 auto 38px auto;
  text-align: center;
  color: #000;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
}
section.about > .inner .battery .lead {
  text-align: center;
  width: 520px;
  font-size: 18px;
  color: #555a5d;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  line-height: 28px;
  margin: 0 auto 70px auto;
}
section.about > .inner .battery .description {
  background-color: transparent;
  background-image: url("/assets/images/about-engine-shadow.png"), url("/assets/images/about-force.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 20px 0, 680px 220px;
  padding: 30px 180px 0 700px;
  min-height: 467px;
  font-size: 15px;
  line-height: 22px;
}
section.about > .inner .battery .description em {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  color: #1e2021;
}
section.comparision {
  /*
  background-image: url("/assets/images/comparison-car-left-medium.jpg"), url("/assets/images/comparison-car-right-medium.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: calc(50% - 1290px), calc(50% + 640px); // 650
  */
  overflow: hidden;
  position: relative;
}
section.comparision .left-car {
  background: transparent url("/assets/images/comparison-car-left-medium.jpg") no-repeat left center;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 941px;
  min-width: 2600px;
}
section.comparision .right-car {
  background: transparent url("/assets/images/comparison-car-right-medium.jpg") no-repeat right center;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 941px;
  min-width: 2600px;
}
section.comparision > .inner {
  padding-top: 180px;
  padding-bottom: 150px;
}
section.comparision > .inner h3 {
  margin-bottom: 50px;
  text-align: center;
}
section.comparision > .inner h3 .top {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 40px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  color: #1e2021;
}
section.comparision > .inner h3 .bottom {
  font-size: 36px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  color: #1e2021;
}
section.comparision > .inner .lead {
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto 150px auto;
  max-width: 580px;
}
section.comparision > .inner .values {
  display: flex;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
section.comparision > .inner .values .advantages, section.comparision > .inner .values .disadvantages {
  color: #1e2021;
  width: 50%;
}
section.comparision > .inner .values .advantages h4, section.comparision > .inner .values .disadvantages h4 {
  font-size: 18px;
  font-weight: bolder;
  margin-bottom: 20px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
}
section.comparision > .inner .values .advantages ul, section.comparision > .inner .values .disadvantages ul {
  border-top: 1px solid #1e2021;
}
section.comparision > .inner .values .advantages ul li.plus, section.comparision > .inner .values .disadvantages ul li.plus {
  background: transparent url("/assets/images/quiz-plus.png") no-repeat 6px 17px;
}
section.comparision > .inner .values .advantages ul li.minus, section.comparision > .inner .values .disadvantages ul li.minus {
  background: transparent url("/assets/images/quiz-minus.png") no-repeat 6px 20px;
}
section.comparision > .inner .values .advantages ul li .line, section.comparision > .inner .values .disadvantages ul li .line {
  border-bottom: 1px solid #e5e5e6;
  padding: 14px 12px 10px 60px;
  display: block;
}
section.quiz {
  background: transparent url("/assets/images/quiz-background-high.jpg") no-repeat center center;
  background-size: cover;
}
section.quiz > .inner {
  max-width: 770px;
  min-width: 770px;
  text-align: center;
  padding: 80px 0;
}
section.quiz > .inner h2 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 50px;
  color: #1e2021;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
}
section.quiz > .inner .questions, section.quiz > .inner .final {
  height: 420px;
  display: none;
}
section.quiz > .inner .questions.active, section.quiz > .inner .final.active {
  display: block;
}
section.quiz > .inner .final {
  padding-top: 60px;
}
section.quiz > .inner .final .score {
  font-size: 100px;
  color: #555a5d;
  font-weight: 700;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  margin-bottom: 20px;
}
section.quiz > .inner .final .score-label {
  font-size: 36px;
  color: #1e2021;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
}
section.quiz > .inner .questions .title {
  display: block;
  font-size: 36px;
  color: #1e2021;
  margin: 0 auto 40px auto;
  max-width: 460px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  text-transform: uppercase;
}
section.quiz > .inner .questions .question {
  display: none;
}
section.quiz > .inner .questions .question.active {
  display: block;
}
section.quiz > .inner .questions .question .button-choose {
  display: block;
}
section.quiz > .inner .questions .question .button-next {
  display: none;
}
section.quiz > .inner .questions .question.answer-chosen .button-choose {
  display: none;
}
section.quiz > .inner .questions .question.answer-chosen .button-next {
  display: block;
}
section.quiz > .inner .questions .question .order {
  font-size: 18px;
  font-weight: 700;
  color: #555a5d;
  margin-bottom: 16px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
}
section.quiz > .inner .questions .question .text {
  color: #1e2021;
  margin: 0 auto 40px auto;
  max-width: 460px;
  font-size: 18px;
  line-height: 24px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
}
section.quiz > .inner .questions .question .answers:after {
  content: "";
  clear: both;
  display: table;
  height: 0;
}
section.quiz > .inner .questions .question .answers li {
  cursor: pointer;
  border: 1px solid #252525;
  color: #252525;
  border-radius: 25px;
  height: 50px;
  box-sizing: border-box;
  font-size: 16px;
  padding: 16px 16px 0 16px;
  float: left;
  width: 350px;
  margin-bottom: 16px;
  position: relative;
  background-color: transparent;
  transition: background-color 0.8s;
}
section.quiz > .inner .questions .question .answers li::first-letter {
  text-transform: uppercase;
}
section.quiz > .inner .questions .question .answers li.long {
  padding-top: 10px;
}
section.quiz > .inner .questions .question .answers li:nth-child(2n) {
  float: right;
}
section.quiz > .inner .questions .question .answers li:nth-child(2n+1):after {
  content: "";
  position: absolute;
  width: 72px;
  height: 0;
  border-bottom: 1px solid #252525;
  right: -72px;
  top: 50%;
}
section.quiz > .inner .questions .question .answers li.selected {
  background-color: #252525;
  color: #e4e4e4;
}
section.quiz > .inner .questions .question .answers li.valid {
  /* background-color: #98c37b; */
  background-color: #03ac00;
  color: #ffffff;
}
section.quiz > .inner .questions .question .answers li.invalid {
  background-color: #d9818e;
}

.container {
  max-width: 1180px;
  margin: 0 auto;
}

.trend .container {
  position: relative;
  z-index: 0;
  margin-top: 190px;
}
.trend .section-heading {
  text-align: center;
  position: relative;
  max-width: 780px;
  margin: 0 auto 40px auto;
}
.trend .section-heading .section-number {
  position: absolute;
  text-align: center;
  color: #ffe9c2;
  top: -46px;
  left: 0;
  width: 100%;
  font-size: 180px;
  z-index: -1;
}
.trend .section-heading .section-info {
  font-size: 24px;
  line-height: 38px;
  color: #1e2021;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
}
.trend .section-heading .section-info strong {
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
}
.trend .section-heading h2 {
  color: #1e2021;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 60px;
  line-height: 66px;
  margin-bottom: 60px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
}
.trend .oval-wrapper {
  max-width: 1180px;
  display: grid;
  grid-gap: 0;
  column-gap: 30px;
  grid-template-columns: repeat(2, calc(50% - 15px));
  grid-template-rows: 100px 1100px;
  grid-auto-flow: column;
}
.trend .oval-wrapper img {
  width: 100%;
  position: relative;
  bottom: 0;
}
.trend .oval-right {
  position: relative;
  z-index: 2;
  background-image: url("../img/layout/right-oval.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.trend .oval-right p.text-bottom {
  position: absolute;
  bottom: 10%;
  width: 70%;
  left: 13%;
  font-size: 16px;
  line-height: 30px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  color: #fff;
}
.trend .oval-right-top {
  transition: all 1s;
  position: relative;
  z-index: 1;
  height: 400px;
  bottom: -210%;
  bottom: -210px;
  background-image: url(../img/layout/right-oval-top.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}
.trend .oval-right-top.active-oval {
  bottom: -100%;
  bottom: -100px;
}
.trend .oval-right-top.active-oval p.info {
  opacity: 1;
  transition: 1s all;
}
.trend .oval-right-top.active-oval .car {
  top: -85px;
  left: 20px;
  transition: all 1s;
}
.trend .oval-right-top.active-oval .car img {
  transform: scale(0.8);
}
.trend .oval-right-top p.info {
  position: absolute;
  top: 65%;
  left: 13%;
  width: 80%;
  z-index: 2;
  font-size: 18px;
  line-height: 26px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  color: #fff;
  opacity: 0;
  transition: 1s all;
}
.trend .oval-right-top p.info strong {
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
}
.trend .oval-right-top p.heading {
  position: absolute;
  top: 37%;
  left: 13%;
  z-index: 2;
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
  line-height: 33px;
  font-weight: 700;
  max-width: 360px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
}
.trend .oval-right-top p.heading span {
  font-weight: lighter;
}
.trend .oval-right-top .car {
  position: absolute;
  top: -65px;
  left: -10px;
  z-index: 2;
  transition: all 1s;
}
.trend .oval-right-top .car img {
  transform: scale(0.6);
  transition: all 1s;
}
.trend .oval-left {
  background-image: url("../img/layout/left-oval.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
}
.trend .oval-left p.heading {
  position: absolute;
  top: 23%;
  left: 13%;
  font-size: 30px;
  line-height: 33px;
  font-weight: 700;
  max-width: 360px;
  text-transform: uppercase;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  color: #000000;
}
.trend .oval-left p.info {
  position: absolute;
  top: 37%;
  width: 70%;
  left: 13%;
  font-size: 18px;
  line-height: 26px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
}
.trend .oval-left p.info strong {
  font-weight: bold;
}
.trend .oval-left p.side {
  position: absolute;
  top: 31%;
  text-transform: uppercase;
  font-weight: 700;
  transform: rotate(-10deg);
  right: 2%;
  font-size: 10px;
  color: #000;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
}
.trend .oval-left p.text-bottom {
  position: absolute;
  bottom: 10%;
  width: 70%;
  left: 13%;
  font-size: 16px;
  line-height: 30px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
}

.savings {
  position: relative;
}
.savings.car-moving {
  min-height: 100vh;
  width: 100%;
  margin: 0 auto;
}
.savings.car-moving .container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
}
.savings.car-moving .container .savings-wrapper {
  max-width: 1180px;
}
.savings .container .savings-wrapper {
  display: flex;
  position: relative;
}
.savings .container .savings-wrapper .static-wrapper {
  width: 40%;
}
.savings .container .savings-wrapper .static-wrapper > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.savings .container .savings-wrapper .moving-wrapper {
  width: 60%;
  display: flex;
  position: fixed;
  right: 0;
  top: 0;
  opacity: 0;
}
.savings .container .savings-wrapper .moving-wrapper .savings-car {
  width: 50%;
}
.savings .container .savings-wrapper .moving-wrapper .savings-percent {
  width: 50%;
}
.savings .container .savings-wrapper .savings-info {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.savings .container .savings-wrapper .savings-info .savings-heading {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.savings .container .savings-wrapper .savings-info .savings-part {
  width: 100%;
  position: relative;
  margin: 20px 0;
}
.savings .container .savings-wrapper .savings-info .savings-part:after {
  width: 20px;
  height: 2px;
  background: #000;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  margin-left: 30px;
}
.savings .container .savings-wrapper .savings-info .savings-about {
  font-size: 20px;
  line-height: 26px;
  font-weight: lighter;
}
.savings .container .savings-wrapper .savings-info .savings-about strong {
  font-weight: bold;
}
.savings .container .savings-wrapper .savings-car {
  text-align: center;
}
.savings .container .savings-wrapper .savings-car img {
  transform: scale(0.3);
}
.savings .container .savings-wrapper .savings-percent {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 150px;
  color: #e32e25;
  font-weight: bold;
}

.tracked-car {
  position: relative;
}
.tracked-car section.efficiency-2 {
  position: relative;
  margin-top: 200px;
}
.tracked-car section.efficiency-2 .top {
  background: transparent url("/assets/images/cars-medium.jpg") no-repeat calc(50% + 28px) top;
  height: 361px;
}
.tracked-car section.efficiency-2 .body {
  background: transparent url("/assets/images/cars-pattern-medium.png") repeat center 0;
  min-height: 1270px;
  padding-top: 376px;
  position: relative;
}
.tracked-car section.efficiency-2 .body:after {
  background-color: #fff;
  width: 90px;
  height: 310px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.tracked-car section.efficiency-2 .body .hexagon {
  background: transparent url("/assets/images/cars-hexagon.png") no-repeat center center;
  width: 1060px;
  height: 598px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  text-align: center;
  box-sizing: border-box;
  background-size: 1060px;
  padding-top: 100px;
}
.tracked-car section.efficiency-2 .body .hexagon h2 {
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  /*background: transparent url("/assets/images/header-background-01.png") no-repeat center top;*/
  padding: 60px 0;
  color: #1e2021;
  position: relative;
  margin-bottom: 50px;
}
.tracked-car section.efficiency-2 .body .hexagon h2 .title {
  position: relative;
  z-index: 2;
}
.tracked-car section.efficiency-2 .body .hexagon h2 .background {
  content: "03";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  font-size: 232px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  font-weight: 700;
  color: #ffc5c2;
}
.tracked-car section.efficiency-2 .body .hexagon .first, .tracked-car section.efficiency-2 .body .hexagon .second {
  max-width: 580px;
  margin: 0 auto;
}
.tracked-car section.efficiency-2 .body .hexagon .first {
  font-size: 36px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
}
.tracked-car section.efficiency-2 .body .hexagon .second {
  display: none;
}
.tracked-car section.efficiency-2 .body .hexagon .second em {
  font-style: normal;
  font-size: 36px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  display: block;
  margin-bottom: 50px;
}
.tracked-car section.efficiency-2 .body .hexagon .second .small {
  font-size: 18px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
}
.tracked-car section.efficiency-2:after {
  transition: all 1s;
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url("/assets/images/cars-pattern-medium.png") repeat center -13px;
  /*transform: scale(1.2) translateY(-20px); */
}
.tracked-car section.efficiency-2.scroll-threshold-passed .body .hexagon .first {
  display: none;
}
.tracked-car section.efficiency-2.scroll-threshold-passed .body .hexagon .second {
  display: block;
}
.tracked-car section.efficiency-2.scroll-threshold-passed:after {
  opacity: 1;
  transform: scale(1) translateY(0);
}
.tracked-car section.efficiency-3,
.tracked-car section.efficiency-4,
.tracked-car section.efficiency-5 {
  position: relative;
}
.tracked-car section.efficiency-3 .body,
.tracked-car section.efficiency-4 .body,
.tracked-car section.efficiency-5 .body {
  max-width: 1180px;
  margin: 500px auto 250px auto;
  position: relative;
  /*
  margin-top: 50vh;
  margin-bottom: 50vh;
  margin-right: calc(50% + 200px);
  margin-left: auto;
  */
  padding-right: 800px;
}
.tracked-car section.efficiency-3 .body .title,
.tracked-car section.efficiency-4 .body .title,
.tracked-car section.efficiency-5 .body .title {
  font-size: 36px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  color: #000000;
  margin-bottom: 50px;
}
.tracked-car section.efficiency-3 .body .number,
.tracked-car section.efficiency-4 .body .number,
.tracked-car section.efficiency-5 .body .number {
  font-size: 18px;
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
  color: #555a5d;
  margin-bottom: 40px;
  position: relative;
}
.tracked-car section.efficiency-3 .body .number:after,
.tracked-car section.efficiency-4 .body .number:after,
.tracked-car section.efficiency-5 .body .number:after {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #1e2021;
  display: block;
  position: absolute;
  top: 5px;
  left: 35px;
}
.tracked-car section.efficiency-3 .body .description,
.tracked-car section.efficiency-4 .body .description,
.tracked-car section.efficiency-5 .body .description {
  font-size: 24px;
  line-height: 38px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  color: #1e2021;
}
.tracked-car section.efficiency-3 .body .description strong,
.tracked-car section.efficiency-4 .body .description strong,
.tracked-car section.efficiency-5 .body .description strong {
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
}
.tracked-car section.efficiency-3 .car,
.tracked-car section.efficiency-4 .car,
.tracked-car section.efficiency-5 .car {
  width: 135px;
  height: 275px;
  background: transparent url("/assets/images/red-car.png") no-repeat center center;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tracked-car section.efficiency-3 .car.car-4,
.tracked-car section.efficiency-4 .car.car-4,
.tracked-car section.efficiency-5 .car.car-4 {
  width: 230px;
  height: 430px;
}
.tracked-car section.efficiency-3 .car.car-5,
.tracked-car section.efficiency-4 .car.car-5,
.tracked-car section.efficiency-5 .car.car-5 {
  width: 250px;
  height: 480px;
}
.tracked-car section.efficiency-3 .percent,
.tracked-car section.efficiency-4 .percent,
.tracked-car section.efficiency-5 .percent {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
  font-size: 150px;
  color: #e32e25;
}
.tracked-car .car-percent {
  position: fixed;
  right: calc(50% - 549px);
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
  font-size: 150px;
  color: #e32e25;
  bottom: 50%;
  opacity: 0;
  transition: opacity 0.5s;
}
.tracked-car .car-percent.active {
  opacity: 1;
}
.tracked-car .red-car {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  top: 1333px;
  width: 34px;
  height: 64px;
  background: transparent url("/assets/images/red-car.png") no-repeat top center;
  /* background-size: contain; */
  background-size: 34px;
  height: calc(50% + 64px);
}
.tracked-car .red-car.fixed {
  /*top: 50%; */
  /* transform: translate(-50%, -50%); */
  top: auto;
  position: fixed;
}

section.efficiency-6 > .inner {
  padding: 0 0 150px 0;
  text-align: center;
}
section.efficiency-6 > .inner h2 {
  color: #000000;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  font-size: 36px;
  text-transform: uppercase;
  margin: 0 auto 40px;
  width: 380px;
}
section.efficiency-6 > .inner p {
  font-size: 18px;
  line-height: 28px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  color: #555a5d;
  width: 600px;
  margin: 0 auto;
}
section.efficiency-6 > .inner p strong {
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
}

section.efficiency-7 {
  position: relative;
}
section.efficiency-7 .body {
  max-width: 1180px;
  margin: 0 auto 300px auto;
  position: relative;
  padding-right: 800px;
}
section.efficiency-7 .body .title {
  font-size: 36px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  color: #000000;
  margin-bottom: 50px;
}
section.efficiency-7 .body .number {
  font-size: 18px;
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
  color: #555a5d;
  margin-bottom: 40px;
  position: relative;
}
section.efficiency-7 .body .number:after {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #1e2021;
  display: block;
  position: absolute;
  top: 5px;
  left: 35px;
}
section.efficiency-7 .body .description {
  font-size: 18px;
  line-height: 30px;
  font-family: "SKODA Next Arabic Light", Arial, sans-serif;
  color: #1e2021;
}
section.efficiency-7 .body .description strong {
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
}
section.efficiency-7 .body .description em {
  font-size: 24px;
  line-height: 38px;
  display: block;
  font-style: normal;
  margin-bottom: 40px;
}
section.efficiency-7 .car {
  width: 235px;
  height: 475px;
  background: transparent url("/assets/images/car-grey.png") no-repeat center center;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.efficiency-7 .percent {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
  font-size: 150px;
  color: #e32e25;
}

section.efficiency-8 {
  height: 700px;
  position: relative;
}
section.efficiency-8 .car {
  width: 230px;
  height: 470px;
  background: transparent url("/assets/images/car-grey.png") no-repeat center center;
  background-size: contain;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
section.efficiency-8 .label {
  font-size: 18px;
  font-family: "SKODA Next Arabic Black", Arial, sans-serif;
  color: #000000;
  text-transform: uppercase;
  position: absolute;
  z-index: 1;
  bottom: 330px;
  left: calc(50% - 360px);
  transform: translateX(-50%);
}
section.efficiency-8 .percent {
  font-size: 415px;
  line-height: 415px;
  color: #41b835;
  font-family: "SKODA Next Arabic Bold", Arial, sans-serif;
  font-weight: 700;
  position: absolute;
  z-index: 1;
  bottom: -90px;
  left: 50%;
  transform: translateX(-50%);
  color: transparent;
  background: transparent url("/assets/images/90-percent.png") no-repeat top center;
}

section.efficiency {
  min-height: 1200px;
  position: relative;
  margin: 400px auto 0 auto;
}
section.efficiency .efficiency-background {
  width: 100%;
  content: "";
  background-image: url(../img/layout/cars-full.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: -2;
  min-height: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 2s;
}
section.efficiency .efficiency-background.test {
  opacity: 1;
  transition: all 2s;
}
section.efficiency .container {
  background-image: url(../img/layout/cars-half.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: -1;
  min-height: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.efficiency .container .car-small {
  position: absolute;
  bottom: 7px;
  left: 488px;
  transform: scale(0.095);
  transition: transform 0.3s;
  transition: all 0.3s;
}
section.efficiency .container .car-small.hide-car {
  opacity: 0;
  transition: all 0.3s;
}
section.efficiency .container .car-small.scale0 {
  transform: scale(0.095);
  transition: transform 0.5s;
}
section.efficiency .container .car-small.scale1 {
  transform: scale(0.3);
  transition: transform 0.5s;
}
section.efficiency .container .car-small.scale2 {
  transform: scale(0.5);
  transition: transform 0.5s;
}
section.efficiency .container .car-small.scale3 {
  transform: scale(0.7);
  transition: transform 0.5s;
}
section.efficiency .container .section-heading {
  text-align: center;
  position: relative;
  max-width: 50%;
  margin: 0 auto;
  background: #fff;
  z-index: 1;
  padding: 50px;
}
section.efficiency .container .section-heading .section-number {
  position: absolute;
  text-align: center;
  color: #ffc5c2;
  top: -15px;
  left: 0;
  width: 100%;
  font-size: 180px;
  z-index: 0;
}
section.efficiency .container .section-heading .section-info {
  font-size: 20px;
  line-height: 26px;
}
section.efficiency .container .section-heading h2 {
  color: #1e2021;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 60px;
  line-height: 66px;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}
.savings-car {
  position: relative;
}

#savings-target {
  position: absolute;
  left: 95px;
  top: -145px;
}

.savings-footer {
  text-align: center;
}
.savings-footer .heading {
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.savings-footer .info {
  font-size: 18px;
  line-height: 24px;
}

.savings-info-first,
.savings-info-second,
.savings-info-third {
  height: 100vh;
}

.static-wrapper .savings-heading,
.bvb-wrapper .savings-heading {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.static-wrapper .savings-part,
.bvb-wrapper .savings-part {
  width: 100%;
  position: relative;
  margin: 20px 0;
}
.static-wrapper .savings-part:after,
.bvb-wrapper .savings-part:after {
  width: 20px;
  height: 2px;
  background: #000;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  margin-left: 30px;
}
.static-wrapper .savings-about,
.bvb-wrapper .savings-about {
  font-size: 20px;
  line-height: 26px;
  font-weight: lighter;
}
.static-wrapper .savings-about strong,
.bvb-wrapper .savings-about strong {
  font-weight: bold;
}

.percentage {
  position: fixed;
  font-size: 100px;
  top: 350px;
  left: 1110px;
  width: 200px;
  height: 200px;
  opacity: 0;
  color: #e32e25;
  transition: 0.3s opacity;
}
.percentage.showBar {
  opacity: 1;
  transition: 0.3s opacity;
}

section.bvb .bvb-wrapper {
  min-height: 1000px;
  position: relative;
}
section.bvb .bvb-wrapper .bvb-info {
  position: absolute;
  top: 200px;
  left: 0;
  width: 30%;
}
section.bvb .bvb-wrapper .bvb-car {
  text-align: center;
}
section.bvb .bvb-percent {
  font-size: 120px;
  color: #23b30b;
  font-weight: bold;
  text-align: center;
}

.duplicate-car {
  transform: scale(0.7);
  position: absolute;
  top: 0;
  left: 0;
}

/*# sourceMappingURL=main.css.map */