<main data-testid="" class="css-1f7uoeb e1wcrodl0">
    <div data-testid="announcement-bar" class="css-0"></div>
    <style data-emotion="css l6u1e1">.css-l6u1e1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-image:linear-gradient(to bottom, var(--chakra-colors-cyan-300), var(--chakra-colors-cyan-100));-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style>
    <div class="css-l6u1e1">
        <style data-emotion="css 1a1gxxe">.css-1a1gxxe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:128rem;-webkit-padding-start:1.6rem;padding-inline-start:1.6rem;-webkit-padding-end:1.6rem;padding-inline-end:1.6rem;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;--chakra-space-y-reverse:1;--chakra-divide-y-reverse:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;}@media screen and (min-width: 640px){.css-1a1gxxe{-webkit-padding-start:3.2rem;padding-inline-start:3.2rem;-webkit-padding-end:3.2rem;padding-inline-end:3.2rem;}}@media screen and (min-width: 768px){.css-1a1gxxe{-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;}}</style>
        <div class="css-1a1gxxe">
            <style data-emotion="css 1vvxtfe">.css-1vvxtfe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100%;gap:4rem;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;z-index:1;}@media screen and (min-width: 768px){.css-1vvxtfe{max-width:37.6rem;padding-top:6.4rem;padding-bottom:1.6rem;}}@media screen and (min-width: 1024px){.css-1vvxtfe{max-width:50.4rem;padding-top:8rem;padding-bottom:4rem;gap:4.8rem;}}@media screen and (min-width: 1280px){.css-1vvxtfe{max-width:52rem;}}</style>
            <div class="css-1vvxtfe">
                <style data-emotion="css 1y7eozd">.css-1y7eozd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;}@media screen and (min-width: 1024px){.css-1y7eozd{gap:2.4rem;}}</style>
                <div class="css-1y7eozd">
                    <style data-emotion="css gjna2m">.css-gjna2m{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-700);font-weight:700;line-height:3.6rem;letter-spacing:-0.05rem;}@media screen and (min-width: 640px){.css-gjna2m{font-size:var(--chakra-fontSizes-900);line-height:4.8rem;}}@media screen and (min-width: 1024px){.css-gjna2m{font-size:var(--chakra-fontSizes-1100);line-height:5.8rem;}}</style>
                    <h2 class="chakra-heading css-gjna2m">A guide to electric and hybrid cars</h2>
                    <style data-emotion="css 1mu8sy3">.css-1mu8sy3{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;font-size:var(--chakra-fontSizes-300);font-weight:700;line-height:2.6rem;}@media screen and (min-width: 640px){.css-1mu8sy3{font-size:var(--chakra-fontSizes-400);line-height:3rem;}}@media screen and (min-width: 1024px){.css-1mu8sy3{font-size:var(--chakra-fontSizes-500);line-height:3.4rem;}}</style>
                    <p class="chakra-text css-1mu8sy3">We will help you distinguish between different electrified vehicles and tell you what to focus on when choosing a car and how to choose the right type of engine.</p>
                </div>
                <a>
                    <style data-emotion="css ghf15a">.css-ghf15a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;border-radius:var(--chakra-radii-base);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);-webkit-transition:none;transition:none;height:var(--chakra-sizes-12);min-width:var(--chakra-sizes-12);-webkit-padding-start:var(--chakra-space-8);padding-inline-start:var(--chakra-space-8);-webkit-padding-end:var(--chakra-space-8);padding-inline-end:var(--chakra-space-8);background-image:linear-gradient(to right, var(--chakra-colors-blue-500), var(--chakra-colors-blue-700));color:var(--chakra-colors-white);box-shadow:var(--chakra-shadows-accent-bottom-md);font-size:var(--chakra-fontSizes-300);font-weight:700;line-height:2.6rem;}.css-ghf15a:focus-visible,.css-ghf15a[data-focus-visible]{box-shadow:var(--chakra-shadows-outline);}.css-ghf15a:disabled,.css-ghf15a[disabled],.css-ghf15a[aria-disabled=true],.css-ghf15a[data-disabled]{opacity:1;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);background:var(--chakra-colors-gray-300)!important;}.css-ghf15a:disabled:hover,.css-ghf15a[disabled]:hover,.css-ghf15a[aria-disabled=true]:hover,.css-ghf15a[data-disabled]:hover,.css-ghf15a:disabled[data-hover],.css-ghf15a[disabled][data-hover],.css-ghf15a[aria-disabled=true][data-hover],.css-ghf15a[data-disabled][data-hover]{box-shadow:var(--chakra-shadows-none);}.css-ghf15a:hover,.css-ghf15a[data-hover]{-webkit-background-position:left;background-position:left;-webkit-background-size:400%;background-size:400%;box-shadow:var(--chakra-shadows-accent-bottom-lg);}.css-ghf15a:hover:disabled,.css-ghf15a[data-hover]:disabled,.css-ghf15a:hover[disabled],.css-ghf15a[data-hover][disabled],.css-ghf15a:hover[aria-disabled=true],.css-ghf15a[data-hover][aria-disabled=true],.css-ghf15a:hover[data-disabled],.css-ghf15a[data-hover][data-disabled]{background:initial;}.css-ghf15a:focus,.css-ghf15a[data-focus]{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--chakra-shadows-none);}.css-ghf15a:active,.css-ghf15a[data-active]{-webkit-background-position:right;background-position:right;-webkit-background-size:400%;background-size:400%;}</style>
                    <button type="button" class="chakra-button css-ghf15a">
                        Learn more
                        <style data-emotion="css 1awmc4g">.css-1awmc4g{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:var(--chakra-space-4);margin-inline-start:var(--chakra-space-4);}</style>
                        <span class="chakra-button__icon css-1awmc4g">
                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-igykl9" aria-hidden="true">
                                <path d="M11 2C11 1.44772 11.4477 1 12 1C12.5523 1 13 1.44772 13 2L11 2ZM12 22L12.7071 22.7071C12.5196 22.8946 12.2652 23 12 23C11.7348 23 11.4804 22.8946 11.2929 22.7071L12 22ZM18.2929 14.2929C18.6834 13.9024 19.3166 13.9024 19.7071 14.2929C20.0976 14.6834 20.0976 15.3166 19.7071 15.7071L18.2929 14.2929ZM4.29289 15.7071C3.90237 15.3166 3.90237 14.6834 4.29289 14.2929C4.68342 13.9024 5.31658 13.9024 5.70711 14.2929L4.29289 15.7071ZM13 2L13 22L11 22L11 2L13 2ZM11.2929 21.2929L18.2929 14.2929L19.7071 15.7071L12.7071 22.7071L11.2929 21.2929ZM11.2929 22.7071L4.29289 15.7071L5.70711 14.2929L12.7071 21.2929L11.2929 22.7071Z" fill="currentColor"></path>
                            </svg>
                        </span>
                    </button>
                </a>
            </div>
            <style data-emotion="css jv3ht0">.css-jv3ht0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}@media screen and (min-width: 768px){.css-jv3ht0{position:absolute;right:var(--chakra-space-0);width:42.9rem;height:26.7rem;}}@media screen and (min-width: 1024px){.css-jv3ht0{width:54.9rem;height:34.3rem;}}@media screen and (min-width: 1280px){.css-jv3ht0{right:3.2rem;width:69.6rem;}}</style>
            <div class="css-jv3ht0">
                <style data-emotion="css akxjdn">.css-akxjdn{position:relative;overflow:hidden;display:block;width:100%;font-size:0px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:auto;}.css-akxjdn>div{position:relative;}.css-akxjdn>img{object-fit:contain;}</style>
                <div class="css-akxjdn"><img src="{{ asset('assets/images/hero.webp') }}"/></div>
            </div>
        </div>
    </div>
    <style data-emotion="css 1oxwalt">.css-1oxwalt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;background:var(--chakra-colors-cyan-100);margin-bottom:4rem;}@media screen and (min-width: 768px){.css-1oxwalt{margin-bottom:4.8rem;}}</style>
    <div class="css-1oxwalt">
        <style data-emotion="css 13r1oy9">.css-13r1oy9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:128rem;padding-top:4.8rem;padding-bottom:4.8rem;-webkit-padding-start:1.6rem;padding-inline-start:1.6rem;-webkit-padding-end:1.6rem;padding-inline-end:1.6rem;gap:3.2rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media screen and (min-width: 640px){.css-13r1oy9{-webkit-padding-start:3.2rem;padding-inline-start:3.2rem;-webkit-padding-end:3.2rem;padding-inline-end:3.2rem;}}@media screen and (min-width: 768px){.css-13r1oy9{-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;}}</style>
        <div class="css-13r1oy9">
            <style data-emotion="css 1m2arfw">.css-1m2arfw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;-webkit-align-items:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;}@media screen and (min-width: 1024px){.css-1m2arfw{gap:2.4rem;}}</style>
            <div class="css-1m2arfw">
                <style data-emotion="css 1bqhci4">.css-1bqhci4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:0.8rem;background:var(--chakra-colors-cyan-200);padding:1.6rem;color:var(--chakra-colors-cyan-800);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}</style>
                <div class="css-1bqhci4">
                    <style data-emotion="css wt6014">.css-wt6014{width:var(--chakra-sizes-6);height:var(--chakra-sizes-6);display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-cyan-800);vertical-align:middle;fill:var(--chakra-colors-transparent);stroke:var(--chakra-colors-transparent);}@media screen and (min-width: 1024px){.css-wt6014{width:var(--chakra-sizes-8);height:var(--chakra-sizes-8);}}</style>
                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-wt6014">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M17 19C17 20.1046 17.8954 21 19 21L21 20.9999C22.1046 20.9999 23 20.1045 23 18.9999V10.5773C23 9.02316 22.0998 7.60973 20.6915 6.95252L20.2167 6.73093L19.0012 4.54307C18.4721 3.59068 17.4683 3 16.3787 3H7.62125C6.53175 3 5.52789 3.59068 4.99878 4.54307L3.7833 6.73093L3.30846 6.95252C1.90016 7.60973 1 9.02316 1 10.5773V18.9999C1 20.1045 1.89541 20.9999 2.99996 20.9999L4.99998 21C6.10455 21 7 20.1046 7 19H17ZM7.62125 5C7.25808 5 6.92346 5.19689 6.74709 5.51436L5.77268 7.26831L8.23607 8.5H15.7639L18.2273 7.26831L17.2529 5.51436C17.0765 5.19689 16.7419 5 16.3787 5H7.62125ZM19.7736 8.73122L16.6584 10.2889C16.3806 10.4277 16.0744 10.5 15.7639 10.5H8.23607C7.92558 10.5 7.61935 10.4277 7.34164 10.2889L4.22637 8.73122L4.15423 8.76489C3.78755 8.93601 3.48977 9.20965 3.28856 9.54237C3.34227 9.55862 3.39533 9.57963 3.44721 9.60557L6.44721 11.1056C6.94119 11.3526 7.14142 11.9532 6.89443 12.4472C6.64744 12.9412 6.04676 13.1414 5.55279 12.8944L3 11.618V17H7V16C7 14.8954 7.89543 14 9 14H15C16.1046 14 17 14.8954 17 16V17H21V11.618L18.4472 12.8944C17.9532 13.1414 17.3526 12.9412 17.1056 12.4472C16.8586 11.9532 17.0588 11.3526 17.5528 11.1056L20.5528 9.60557C20.6047 9.57963 20.6577 9.55862 20.7114 9.54237C20.5102 9.20965 20.2124 8.93601 19.8458 8.76489L19.7736 8.73122ZM15 17H9V16H15V17Z" fill="currentColor"></path>
                    </svg>
                </div>
                <style data-emotion="css g5dz9q">.css-g5dz9q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.8rem;-webkit-align-items:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;text-align:initial;}@media screen and (min-width: 1024px){.css-g5dz9q{gap:1.6rem;}}</style>
                <div class="css-g5dz9q">
                    <style data-emotion="css 10wrkyc">.css-10wrkyc{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);line-height:1.33;letter-spacing:-0.05rem;font-size:var(--chakra-fontSizes-300);font-weight:700;}@media screen and (min-width: 640px){.css-10wrkyc{line-height:1.2;}}@media screen and (min-width: 1024px){.css-10wrkyc{font-size:var(--chakra-fontSizes-500);}}</style>
                    <h2 class="chakra-heading css-10wrkyc">Wide selection</h2>
                    <style data-emotion="css 1l6b7ft">.css-1l6b7ft{font-family:EuclidCircularB,sans-serif;font-style:normal;font-size:var(--chakra-fontSizes-100);color:var(--chakra-colors-gray-700);line-height:2rem;font-weight:500;}@media screen and (min-width: 1024px){.css-1l6b7ft{font-size:var(--chakra-fontSizes-200);line-height:2.4rem;}}</style>
                    <p class="chakra-text css-1l6b7ft">70 000 electric vehicles and 120 000 hybrids. The widest selection of verified cars from all over Europe.</p>
                </div>
            </div>
            <div class="css-1m2arfw">
                <div class="css-1bqhci4">
                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-wt6014">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M9.17393 6H7.62125C6.53175 6 5.52789 6.59068 4.99878 7.54307L3.7833 9.73093L3.30846 9.95252C1.90016 10.6097 1 12.0232 1 13.5773V21.9999C1 23.1045 1.89541 23.9999 2.99996 23.9999L4.99998 24C6.10455 24 7 23.1046 7 22H17C17 23.1046 17.8954 24 19 24L21 23.9999C22.1046 23.9999 23 23.1045 23 21.9999V13.5773C23 12.0232 22.0998 10.6097 20.6915 9.95252L20.2167 9.73093L19.9453 9.24235C19.1875 9.95292 18.2594 10.484 17.2287 10.7676L15.7639 11.5H8.23607L5.77268 10.2683L6.74709 8.51436C6.92346 8.19689 7.25808 8 7.62125 8H10.0218C9.63413 7.39446 9.3441 6.72038 9.17393 6ZM16.6584 13.2889L19.7736 11.7312L19.8458 11.7649C20.2124 11.936 20.5102 12.2097 20.7114 12.5424C20.6577 12.5586 20.6047 12.5796 20.5528 12.6056L17.5528 14.1056C17.0588 14.3526 16.8586 14.9532 17.1056 15.4472C17.3526 15.9412 17.9532 16.1414 18.4472 15.8944L21 14.618V20H17V19C17 17.8954 16.1046 17 15 17H9C7.89543 17 7 17.8954 7 19V20H3V14.618L5.55279 15.8944C6.04676 16.1414 6.64744 15.9412 6.89443 15.4472C7.14142 14.9532 6.94119 14.3526 6.44721 14.1056L3.44721 12.6056C3.39533 12.5796 3.34227 12.5586 3.28856 12.5424C3.48977 12.2097 3.78755 11.936 4.15423 11.7649L4.22637 11.7312L7.34164 13.2889C7.61935 13.4277 7.92558 13.5 8.23607 13.5H15.7639C16.0744 13.5 16.3806 13.4277 16.6584 13.2889ZM9 20H15V19H9V20Z" fill="currentColor"></path>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5853 1.55765C16.0033 1.44189 15.4001 1.5013 14.8519 1.72836C14.3038 1.95543 13.8352 2.33994 13.5056 2.83329C13.1759 3.32664 13 3.90666 13 4.5C13 5.09335 13.1759 5.67337 13.5056 6.16671C13.8352 6.66006 14.3038 7.04458 14.852 7.27164C15.4001 7.4987 16.0033 7.55811 16.5853 7.44236C17.1672 7.3266 17.7018 7.04088 18.1213 6.62132L19.182 7.68198C18.5526 8.31132 17.7508 8.7399 16.8779 8.91354C16.005 9.08717 15.1002 8.99805 14.2779 8.65746C13.4557 8.31687 12.7529 7.74009 12.2584 7.00007C11.7639 6.26005 11.5 5.39002 11.5 4.5C11.5 3.60999 11.7639 2.73996 12.2584 1.99994C12.7529 1.25992 13.4557 0.683139 14.2779 0.342544C15.1002 0.00194991 16.005 -0.0871652 16.8779 0.0864681C17.7508 0.260101 18.5526 0.688685 19.182 1.31802L18.1213 2.37868C17.7018 1.95912 17.1672 1.6734 16.5853 1.55765Z" fill="currentColor"></path>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 4.25H10.5V2.75H16.5V4.25Z" fill="currentColor"></path>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 6.25H10.5V4.75H16.5V6.25Z" fill="currentColor"></path>
                        </svg>
                    </svg>
                </div>
                <div class="css-g5dz9q">
                    <h2 class="chakra-heading css-10wrkyc">Favourable prices</h2>
                    <p class="chakra-text css-1l6b7ft">We offer electric cars and hybrids from countries where they are significantly cheaper thanks to subsidies.</p>
                </div>
            </div>
            <div class="css-1m2arfw">
                <div class="css-1bqhci4">
                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-wt6014">
                        <path d="M10 15L6.92474 18.1137C6.49579 18.548 6.28131 18.7652 6.09695 18.7805C5.93701 18.7938 5.78042 18.7295 5.67596 18.6076C5.55556 18.4672 5.55556 18.162 5.55556 17.5515V15.9916C5.55556 15.444 5.10707 15.0477 4.5652 14.9683V14.9683C3.25374 14.7762 2.22378 13.7463 2.03168 12.4348C2 12.2186 2 11.9605 2 11.4444V6.8C2 5.11984 2 4.27976 2.32698 3.63803C2.6146 3.07354 3.07354 2.6146 3.63803 2.32698C4.27976 2 5.11984 2 6.8 2H14.2C15.8802 2 16.7202 2 17.362 2.32698C17.9265 2.6146 18.3854 3.07354 18.673 3.63803C19 4.27976 19 5.11984 19 6.8V11M19 22L16.8236 20.4869C16.5177 20.2742 16.3647 20.1678 16.1982 20.0924C16.0504 20.0255 15.8951 19.9768 15.7356 19.9474C15.5558 19.9143 15.3695 19.9143 14.9969 19.9143H13.2C12.0799 19.9143 11.5198 19.9143 11.092 19.6963C10.7157 19.5046 10.4097 19.1986 10.218 18.8223C10 18.3944 10 17.8344 10 16.7143V14.2C10 13.0799 10 12.5198 10.218 12.092C10.4097 11.7157 10.7157 11.4097 11.092 11.218C11.5198 11 12.0799 11 13.2 11H18.8C19.9201 11 20.4802 11 20.908 11.218C21.2843 11.4097 21.5903 11.7157 21.782 12.092C22 12.5198 22 13.0799 22 14.2V16.9143C22 17.8462 22 18.3121 21.8478 18.6797C21.6448 19.1697 21.2554 19.5591 20.7654 19.762C20.3978 19.9143 19.9319 19.9143 19 19.9143V22Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                </div>
                <div class="css-g5dz9q">
                    <h2 class="chakra-heading css-10wrkyc">Myths and facts</h2>
                    <p class="chakra-text css-1l6b7ft">We know the answer to all the questions you have about electric cars and hybrids.</p>
                </div>
            </div>
        </div>
        <style data-emotion="css 1d45zh3">.css-1d45zh3{position:absolute;width:100%;left:var(--chakra-space-0);top:100%;background:var(--chakra-colors-cyan-100);-webkit-clip-path:polygon(0 -1%, 100% -1%, 0 100%);clip-path:polygon(0 -1%, 100% -1%, 0 100%);height:4rem;}@media screen and (min-width: 768px){.css-1d45zh3{height:4.8rem;}}</style>
        <div id="bottom-poly" class="css-1d45zh3"></div>
    </div>

    <style data-emotion="css 97frya">.css-97frya{background-image:linear-gradient(to bottom, var(--chakra-colors-white) 0%, var(--chakra-colors-gray-100) 69%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-top:4rem;}@media screen and (min-width: 768px){.css-97frya{margin-top:4.8rem;}}</style>
    <div id="electro-or-hybrid-section" class="css-97frya">
        <style data-emotion="css 1g4eihr">.css-1g4eihr{position:absolute;width:100%;left:var(--chakra-space-0);bottom:100%;background:var(--chakra-colors-white);-webkit-clip-path:polygon(0 101%, 100% 0, 100% 101%);clip-path:polygon(0 101%, 100% 0, 100% 101%);height:4rem;}@media screen and (min-width: 768px){.css-1g4eihr{height:4.8rem;}}</style>
        <div class="css-1g4eihr"></div>
        <style data-emotion="css 1w50h78">.css-1w50h78{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:128rem;width:100%;padding:6.4rem 1.6rem 2.4rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:3.2rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;}@media screen and (min-width: 640px){.css-1w50h78{padding:3.2rem;}}@media screen and (min-width: 768px){.css-1w50h78{gap:4.8rem;}}</style>
        <div class="css-1w50h78">
            <style data-emotion="css f4ioeq">.css-f4ioeq{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-700);font-weight:700;line-height:3.6rem;letter-spacing:-0.05rem;}</style>

            <h2 class="chakra-heading css-f4ioeq">Electric vehicle or hybrid?</h2>

            <style data-emotion="css 1o4ffaa">.css-1o4ffaa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.8rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media screen and (min-width: 640px){.css-1o4ffaa{gap:1.6rem;}}@media screen and (min-width: 768px){.css-1o4ffaa{gap:4.8rem;}}@media screen and (min-width: 1280px){.css-1o4ffaa{-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}}</style>
            <div class="css-1o4ffaa">
                <style data-emotion="css 3l3ywb">.css-3l3ywb{width:100%;padding:1.6rem 3.2rem;}@media screen and (min-width: 768px){.css-3l3ywb{width:58rem;min-width:58rem;}}</style>
                <div class="css-3l3ywb">
                    <div class="css-akxjdn"><img alt="illustration of a car with highlighted parts of a motor depending on selected car type" loading="lazy" width="1032" height="688" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto;border-radius:10px" src="{{ asset('assets/images/comparison_electric.jpeg') }}"/></div>
                </div>
                <style data-emotion="css 1lci7oi">.css-1lci7oi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:3.2rem;}@media screen and (min-width: 768px){.css-1lci7oi{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}@media screen and (min-width: 1280px){.css-1lci7oi{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}</style>
                <div class="css-1lci7oi">
                    <style data-emotion="css xapqsq">.css-xapqsq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;}</style>
                    <div class="css-xapqsq">
                        <style data-emotion="css 198c1w1">.css-198c1w1{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-500);font-weight:700;line-height:3rem;letter-spacing:-0.05rem;}@media screen and (min-width: 1024px){.css-198c1w1{font-size:var(--chakra-fontSizes-700);line-height:3.6rem;}}</style>
                        <h2 class="chakra-heading css-198c1w1">Electric vehicle (BEV)</h2>
                        <style data-emotion="css otecrr">.css-otecrr{font-family:EuclidCircularB,sans-serif;font-style:normal;font-size:var(--chakra-fontSizes-200);font-weight:600;line-height:2.4rem;color:var(--chakra-colors-gray-700);}@media screen and (min-width: 1024px){.css-otecrr{font-size:var(--chakra-fontSizes-300);line-height:2.6rem;}}</style>
                        <p class="chakra-text css-otecrr">A car powered by one or more electric motors that are supplied with electricity stored in a traction battery. The abbreviations EV (Electric Vehicle) or BEV (Battery Electric Vehicle) are used for these vehicles.</p>
                    </div>
                    <div class="css-xapqsq">
                        <style data-emotion="css 134c6et">.css-134c6et{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);letter-spacing:-0.05rem;font-size:var(--chakra-fontSizes-300);font-weight:700;line-height:2.2rem;}@media screen and (min-width: 1024px){.css-134c6et{font-size:var(--chakra-fontSizes-500);line-height:3rem;}}</style>
                        <h2 class="chakra-heading css-134c6et">It&#x27;s a great choice if:</h2>
                        <style data-emotion="css 1mgzxv6">.css-1mgzxv6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.2rem;}</style>
                        <div class="css-1mgzxv6">
                            <style data-emotion="css osyep">.css-osyep{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.8rem;}</style>
                            <div class="css-osyep">
                                <style data-emotion="css 1fbrl9z">.css-1fbrl9z{width:2.4rem;height:2.4rem;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-green-500);vertical-align:middle;fill:var(--chakra-colors-transparent);stroke:var(--chakra-colors-transparent);}</style>
                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1fbrl9z">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7071 10.2071C17.0976 9.81658 17.0976 9.18342 16.7071 8.79289C16.3166 8.40237 15.6834 8.40237 15.2929 8.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L16.7071 10.2071Z" fill="currentColor"></path>
                                </svg>
                                <p class="chakra-text css-1l6b7ft">You mostly drive short distances around the city</p>
                            </div>
                            <div class="css-osyep">
                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1fbrl9z">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7071 10.2071C17.0976 9.81658 17.0976 9.18342 16.7071 8.79289C16.3166 8.40237 15.6834 8.40237 15.2929 8.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L16.7071 10.2071Z" fill="currentColor"></path>
                                </svg>
                                <p class="chakra-text css-1l6b7ft">You can charge at home or at work</p>
                            </div>
                            <div class="css-osyep">
                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1fbrl9z">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7071 10.2071C17.0976 9.81658 17.0976 9.18342 16.7071 8.79289C16.3166 8.40237 15.6834 8.40237 15.2929 8.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L16.7071 10.2071Z" fill="currentColor"></path>
                                </svg>
                                <p class="chakra-text css-1l6b7ft">You use main roads to travel longer distances</p>
                            </div>
                            <div class="css-osyep">
                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1fbrl9z">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7071 10.2071C17.0976 9.81658 17.0976 9.18342 16.7071 8.79289C16.3166 8.40237 15.6834 8.40237 15.2929 8.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L16.7071 10.2071Z" fill="currentColor"></path>
                                </svg>
                                <p class="chakra-text css-1l6b7ft">You don&#x27;t tow heavy trailers (horses, boats, motorcycles)</p>
                            </div>
                            <div class="css-osyep">
                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1fbrl9z">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7071 10.2071C17.0976 9.81658 17.0976 9.18342 16.7071 8.79289C16.3166 8.40237 15.6834 8.40237 15.2929 8.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L16.7071 10.2071Z" fill="currentColor"></path>
                                </svg>
                                <p class="chakra-text css-1l6b7ft">You want low operating costs and emissions</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <style data-emotion="css 1uljzi8">.css-1uljzi8{width:100%;position:relative;margin-bottom:4rem;}@media screen and (min-width: 768px){.css-1uljzi8{margin-bottom:4.8rem;}}</style>
    <div class="css-1uljzi8">
        <style data-emotion="css nudr89">.css-nudr89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:128rem;margin:auto;gap:3.2rem;padding:4.8rem 0 4.8rem 0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media screen and (min-width: 640px){.css-nudr89{padding:4.8rem 0 4.8rem 0;}}@media screen and (min-width: 1024px){.css-nudr89{gap:4.8rem;}}@media screen and (min-width: 1280px){.css-nudr89{padding:4.8rem 3.2rem 8rem 3.2rem;}}</style>
        <div id="comparison-table-section" class="css-nudr89">
            <style data-emotion="css 19ugadn">.css-19ugadn{font-family:EuclidCircularB,sans-serif;font-weight:800;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-3xl);line-height:1.33;-webkit-padding-start:1.6rem;padding-inline-start:1.6rem;-webkit-padding-end:1.6rem;padding-inline-end:1.6rem;}@media screen and (min-width: 640px){.css-19ugadn{font-size:var(--chakra-fontSizes-4xl);line-height:1.2;-webkit-padding-start:3.2rem;padding-inline-start:3.2rem;-webkit-padding-end:3.2rem;padding-inline-end:3.2rem;}}@media screen and (min-width: 0em) and (max-width: 1023.98px){.css-19ugadn{font-size:var(--chakra-fontSizes-700);line-height:3.6rem;font-weight:700;letter-spacing:-0.05rem;}}@media screen and (min-width: 1024px){.css-19ugadn{font-size:var(--chakra-fontSizes-900);line-height:4.8rem;font-weight:700;letter-spacing:-0.05rem;}}@media screen and (min-width: 1280px){.css-19ugadn{-webkit-padding-start:unset;padding-inline-start:unset;-webkit-padding-end:unset;padding-inline-end:unset;}}</style>
            <h2 class="chakra-heading css-19ugadn" role="heading">Comparison of different types of engines</h2>
            <style data-emotion="css v2pxcl">.css-v2pxcl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;width:100%;overflow-x:scroll;-webkit-padding-start:1.6rem;padding-inline-start:1.6rem;-webkit-padding-end:1.6rem;padding-inline-end:1.6rem;padding-bottom:3.2rem;scrollbar-color:#B3C3DE #EDF1F8;scrollbar-width:thin;}@media screen and (min-width: 640px){.css-v2pxcl{-webkit-padding-start:3.2rem;padding-inline-start:3.2rem;-webkit-padding-end:3.2rem;padding-inline-end:3.2rem;}}@media screen and (min-width: 1280px){.css-v2pxcl{overflow-x:unset;-webkit-padding-start:unset;padding-inline-start:unset;-webkit-padding-end:unset;padding-inline-end:unset;}}.css-v2pxcl::-webkit-scrollbar{height:0.4rem;}.css-v2pxcl::-webkit-scrollbar-track{background:var(--chakra-colors-gray-100);}.css-v2pxcl::-webkit-scrollbar-thumb{background:var(--chakra-colors-gray-300);border-radius:1.3rem;}.css-v2pxcl::-webkit-scrollbar-thumb:hover{background:var(--chakra-colors-gray-500);}</style>
            <div class="css-v2pxcl">
                <style data-emotion="css 1ak4y4p">.css-1ak4y4p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:0.8rem;background:var(--chakra-colors-white);border:1px solid;border-color:var(--chakra-colors-gray-200);min-width:108rem;}@media screen and (min-width: 1280px){.css-1ak4y4p{min-width:unset;}}</style>
                <div class="css-1ak4y4p">
                    <style data-emotion="css 13xepst">.css-13xepst{-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;padding:2.4rem 1.6rem;border-right:1px solid;border-color:var(--chakra-colors-gray-200);min-width:14.527rem;}.css-13xepst:last-of-type{border-right:0;}</style>
                    <div class="css-13xepst"></div>
                    <div class="css-13xepst">
                        <style data-emotion="css jmk2mj">.css-jmk2mj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.4rem;}</style>
                        <div class="css-jmk2mj">
                            <style data-emotion="css 1x5yaht">.css-1x5yaht{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;font-size:var(--chakra-fontSizes-75);line-height:1.6rem;letter-spacing:0.05rem;text-transform:uppercase;font-weight:var(--chakra-fontWeights-bold);}</style>
                            <p class="chakra-text css-1x5yaht">BEV</p>
                            <style data-emotion="css pnqg3a">.css-pnqg3a{font-family:EuclidCircularB,sans-serif;font-weight:700;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-500);line-height:3rem;letter-spacing:-0.05rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}</style>
                            <h3 class="chakra-heading css-pnqg3a" role="heading">Electric vehicle</h3>
                        </div>
                    </div>
                    <div class="css-13xepst">
                        <div class="css-jmk2mj">
                            <p class="chakra-text css-1x5yaht">PHEV</p>
                            <h3 class="chakra-heading css-pnqg3a" role="heading">Plug-in hybrid</h3>
                        </div>
                    </div>
                    <div class="css-13xepst">
                        <div class="css-jmk2mj">
                            <p class="chakra-text css-1x5yaht">HEV</p>
                            <h3 class="chakra-heading css-pnqg3a" role="heading">Full hybrid</h3>
                        </div>
                    </div>
                    <div class="css-13xepst">
                        <div class="css-jmk2mj">
                            <p class="chakra-text css-1x5yaht">MHEV</p>
                            <h3 class="chakra-heading css-pnqg3a" role="heading">Mild hybrid</h3>
                        </div>
                    </div>
                    <div class="css-13xepst">
                        <div class="css-jmk2mj">
                            <p class="chakra-text css-1x5yaht">ICE</p>
                            <h3 class="chakra-heading css-pnqg3a" role="heading">ICE (Petrol/Diesel)</h3>
                        </div>
                    </div>
                </div>
                <div class="css-1ak4y4p">
                    <style data-emotion="css 1oa3mha">.css-1oa3mha{-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;padding:1.6rem;border-right:1px solid;border-color:var(--chakra-colors-gray-200);min-width:14.527rem;}.css-1oa3mha:last-of-type{border-right:0;}</style>
                    <div class="css-1oa3mha">
                        <style data-emotion="css 1xub0ld">.css-1xub0ld{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.2rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}</style>
                        <div class="css-1xub0ld">
                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1fbrl9z">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7071 10.2071C17.0976 9.81658 17.0976 9.18342 16.7071 8.79289C16.3166 8.40237 15.6834 8.40237 15.2929 8.79289L11 13.0858L9.20711 11.2929C8.81658 10.9024 8.18342 10.9024 7.79289 11.2929C7.40237 11.6834 7.40237 12.3166 7.79289 12.7071L10.2929 15.2071C10.6834 15.5976 11.3166 15.5976 11.7071 15.2071L16.7071 10.2071Z" fill="currentColor"></path>
                            </svg>
                            <style data-emotion="css 1xlmuwh">.css-1xlmuwh{font-family:EuclidCircularB,sans-serif;font-weight:700;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-200);line-height:2rem;letter-spacing:-0.05rem;-webkit-flex:1;-ms-flex:1;flex:1;}</style>
                            <h5 class="chakra-heading css-1xlmuwh" role="heading">Advantages</h5>
                        </div>
                    </div>
                    <div class="css-1oa3mha">
                        <style data-emotion="css tu0njr">.css-tu0njr{list-style-type:initial;-webkit-margin-start:1em;margin-inline-start:1em;}</style>
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <style data-emotion="css cs0swp">.css-cs0swp{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;font-size:var(--chakra-fontSizes-75);line-height:1.6rem;font-weight:var(--chakra-fontWeights-medium);}</style>
                                <p class="chakra-text css-cs0swp">Instant acceleration</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">No noise and vibrations</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Spaciousness thanks to the battery&#x27;s placement in the floor</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Zero exhaust emissions</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Lower service costs than for internal combustion vehicles</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Advanced online features</p>
                            </li>
                        </ul>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Possibility of emission-free and cheap daily operation  (with overnight charging at home)</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Great dynamics in hybrid mode with a charged battery</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Same range as an internal combustion car</p>
                            </li>
                        </ul>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Very low fuel consumption, especially in the city</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Low content of harmful substances in exhaust gases thanks to a specific combustion process</p>
                            </li>
                        </ul>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Slightly lower fuel consumption and CO2 emissions than internal combustion engines</p>
                            </li>
                        </ul>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">No need to worry about charging, fast refueling</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Much wider selection of used cars</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Availability of service at independent car repair shops</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="css-1ak4y4p">
                    <div class="css-1oa3mha">
                        <div class="css-1xub0ld">
                            <style data-emotion="css 1hva7te">.css-1hva7te{width:2.4rem;height:2.4rem;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-red-400);vertical-align:middle;fill:var(--chakra-colors-transparent);stroke:var(--chakra-colors-transparent);}</style>
                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1hva7te">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11H8Z" fill="currentColor"></path>
                            </svg>
                            <h5 class="chakra-heading css-1xlmuwh" role="heading">Disadvantages</h5>
                        </div>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Lengthy charging</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Limited range, with a few exceptions</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Uneven charging infrastructure</p>
                            </li>
                        </ul>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">High weight</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Technically complex (&#x27;two cars in one&#x27;)</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Expensive</p>
                            </li>
                        </ul>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Limited dynamics</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">The advantage of lower fuel consumption does not apply at motorway speeds</p>
                            </li>
                        </ul>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Does not allow electric drive</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Minimal cost savings</p>
                            </li>
                        </ul>
                    </div>
                    <div class="css-1oa3mha">
                        <ul role="list" class="css-tu0njr">
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Mechanically complex</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Noise and vibration in common models</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Expensive operation</p>
                            </li>
                            <li class="css-0">
                                <p class="chakra-text css-cs0swp">Air pollutants</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="css-1ak4y4p">
                    <div class="css-1oa3mha">
                        <style data-emotion="css sxd1vk">.css-sxd1vk{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.4rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}</style>
                        <div class="css-sxd1vk">
                            <h5 class="chakra-heading css-1xlmuwh" role="heading">Cost per 1 km</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <style data-emotion="css 1n55h48">.css-1n55h48{position:absolute;width:100%;left:var(--chakra-space-0);top:100%;background:var(--chakra-colors-gray-100);-webkit-clip-path:polygon(0 -1%, 100% -1%, 0 100%);clip-path:polygon(0 -1%, 100% -1%, 0 100%);height:4rem;}@media screen and (min-width: 768px){.css-1n55h48{height:4.8rem;}}</style>
        <div id="bottom-poly" class="css-1n55h48"></div>
    </div>

    <style data-emotion="css 1e2njn6">.css-1e2njn6{background-image:linear-gradient(to top, var(--chakra-colors-cyan-500), var(--chakra-colors-cyan-900));width:100%;position:relative;margin-top:4rem;margin-bottom:4rem;}@media screen and (min-width: 768px){.css-1e2njn6{margin-top:4.8rem;margin-bottom:4.8rem;}}</style>
    <div class="css-1e2njn6">
        <style data-emotion="css ehge8">.css-ehge8{position:absolute;width:100%;left:var(--chakra-space-0);bottom:100%;background:var(--chakra-colors-cyan-900);-webkit-clip-path:polygon(0 101%, 100% 0, 100% 101%);clip-path:polygon(0 101%, 100% 0, 100% 101%);height:4rem;}@media screen and (min-width: 768px){.css-ehge8{height:4.8rem;}}</style>
        <div class="css-ehge8"></div>
        <style data-emotion="css 11zbzdn">.css-11zbzdn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:128rem;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;--chakra-space-y-reverse:1;--chakra-divide-y-reverse:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}@media screen and (min-width: 768px){.css-11zbzdn{margin:auto;-webkit-padding-start:3.2rem;padding-inline-start:3.2rem;-webkit-padding-end:3.2rem;padding-inline-end:3.2rem;-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;height:29.8rem;}}@media screen and (min-width: 1024px){.css-11zbzdn{height:39rem;}}</style>
        <div class="css-11zbzdn">
            <style data-emotion="css d9mlc4">.css-d9mlc4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0 1.6rem 3.2rem 1.6rem;gap:3.2rem;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;z-index:1;}@media screen and (min-width: 640px){.css-d9mlc4{padding:0rem 3.2rem 4rem 3.2rem;}}@media screen and (min-width: 768px){.css-d9mlc4{max-width:26.4rem;padding:var(--chakra-space-0);}}@media screen and (min-width: 1024px){.css-d9mlc4{max-width:39.2rem;gap:4rem;}}@media screen and (min-width: 1280px){.css-d9mlc4{max-width:52rem;padding:0 0 0 10.4rem;gap:4.8rem;}}</style>
            <div class="css-d9mlc4">
                <style data-emotion="css w5x9d">.css-w5x9d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.8rem;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}@media screen and (min-width: 1024px){.css-w5x9d{gap:1.6rem;}}@media screen and (min-width: 1280px){.css-w5x9d{gap:2.4rem;}}</style>
                <div class="css-w5x9d">
                    <style data-emotion="css 1ucelc">.css-1ucelc{font-family:EuclidCircularB,sans-serif;font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-500);font-weight:700;line-height:3rem;color:var(--chakra-colors-white);letter-spacing:-0.05rem;}@media screen and (min-width: 1024px){.css-1ucelc{font-size:var(--chakra-fontSizes-900);line-height:4.8rem;}}</style>
                    <h2 class="chakra-heading css-1ucelc">70,000 electric vehicles online just a few clicks away</h2>
                    <style data-emotion="css 10o6azp">.css-10o6azp{font-family:EuclidCircularB,sans-serif;font-style:normal;font-size:var(--chakra-fontSizes-200);font-weight:600;line-height:2.4rem;color:var(--chakra-colors-white);}@media screen and (min-width: 1024px){.css-10o6azp{font-size:var(--chakra-fontSizes-400);line-height:3rem;}}</style>
                    <p class="chakra-text css-10o6azp">New, refurbished and used electric vehicles with a warranty and delivery to your home.</p>
                </div>
                <style data-emotion="css 1garyeq">.css-1garyeq{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;line-height:1.2;border-radius:var(--chakra-radii-base);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);-webkit-transition:none;transition:none;height:var(--chakra-sizes-12);min-width:100%;-webkit-padding-start:var(--chakra-space-8);padding-inline-start:var(--chakra-space-8);-webkit-padding-end:var(--chakra-space-8);padding-inline-end:var(--chakra-space-8);background-image:linear-gradient(to right, var(--chakra-colors-orange-400) 0%, var(--chakra-colors-orange-500) 33%, var(--chakra-colors-orange-600) 82%);color:var(--chakra-colors-white);box-shadow:0px 16px 24px -20px #FF7300;padding:1.1rem 2.4rem;font-size:var(--chakra-fontSizes-200);font-weight:700;white-space:normal;}.css-1garyeq:focus-visible,.css-1garyeq[data-focus-visible]{box-shadow:var(--chakra-shadows-outline);}.css-1garyeq:disabled,.css-1garyeq[disabled],.css-1garyeq[aria-disabled=true],.css-1garyeq[data-disabled]{opacity:1;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);background:var(--chakra-colors-gray-300)!important;}.css-1garyeq:disabled:hover,.css-1garyeq[disabled]:hover,.css-1garyeq[aria-disabled=true]:hover,.css-1garyeq[data-disabled]:hover,.css-1garyeq:disabled[data-hover],.css-1garyeq[disabled][data-hover],.css-1garyeq[aria-disabled=true][data-hover],.css-1garyeq[data-disabled][data-hover]{box-shadow:var(--chakra-shadows-none);}.css-1garyeq:hover,.css-1garyeq[data-hover]{box-shadow:0px 16px 36px -18px #FF7300;-webkit-background-position:center;background-position:center;}.css-1garyeq:hover:disabled,.css-1garyeq[data-hover]:disabled,.css-1garyeq:hover[disabled],.css-1garyeq[data-hover][disabled],.css-1garyeq:hover[aria-disabled=true],.css-1garyeq[data-hover][aria-disabled=true],.css-1garyeq:hover[data-disabled],.css-1garyeq[data-hover][data-disabled]{background:initial;}.css-1garyeq:focus,.css-1garyeq[data-focus]{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--chakra-shadows-none);}.css-1garyeq:active,.css-1garyeq[data-active]{-webkit-background-position:right;background-position:right;}@media screen and (min-width: 768px){.css-1garyeq{min-width:unset;white-space:nowrap;}}</style>
                <a type="button" class="chakra-button css-1garyeq" href="{{ route('cars') }}">
                    View the offer of electric cars
                    <span class="chakra-button__icon css-1awmc4g">
                        <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-xao5xp" aria-hidden="true">
                            <path d="M2 11C1.44771 11 0.999999 11.4477 0.999999 12C0.999999 12.5523 1.44771 13 2 13L2 11ZM22 12L22.7071 12.7071C22.8946 12.5195 23 12.2652 23 12C23 11.7348 22.8946 11.4804 22.7071 11.2929L22 12ZM14.2929 18.2929C13.9024 18.6834 13.9024 19.3166 14.2929 19.7071C14.6834 20.0976 15.3166 20.0976 15.7071 19.7071L14.2929 18.2929ZM15.7071 4.29287C15.3166 3.90235 14.6834 3.90235 14.2929 4.29287C13.9024 4.6834 13.9024 5.31656 14.2929 5.70709L15.7071 4.29287ZM2 13L22 13L22 11L2 11L2 13ZM21.2929 11.2929L14.2929 18.2929L15.7071 19.7071L22.7071 12.7071L21.2929 11.2929ZM22.7071 11.2929L15.7071 4.29287L14.2929 5.70709L21.2929 12.7071L22.7071 11.2929Z" fill="currentColor"></path>
                        </svg>
                    </span>
                </a>
            </div>
        </div>
        <style data-emotion="css 1rp3dki">.css-1rp3dki{position:absolute;width:100%;left:var(--chakra-space-0);top:100%;background:var(--chakra-colors-cyan-500);-webkit-clip-path:polygon(0 -1%, 100% -1%, 0 100%);clip-path:polygon(0 -1%, 100% -1%, 0 100%);height:4rem;}@media screen and (min-width: 768px){.css-1rp3dki{height:4.8rem;}}</style>
        <div id="bottom-poly" class="css-1rp3dki"></div>
    </div>
    
</main>