<main data-testid="" class="css-pzzzko e1wcrodl0">
    <div data-testid="announcement-bar" class="css-0"></div>
    <style data-emotion="css 17qkyoo">.css-17qkyoo{position:relative;background:var(--chakra-colors-gray-100);margin-bottom:4rem;}@media  screen and (min-width: 768px){.css-17qkyoo{margin-bottom:4.8rem;}}</style>
    <div class="css-17qkyoo">
        <style data-emotion="css vfgcw8">.css-vfgcw8{position:absolute;right:var(--chakra-space-0);}</style>
        <div class="css-vfgcw8">
            <video loop="" muted="" autoplay="" src="<?php echo e(asset('assets/videos/how-it-works-page-video.mp4')); ?>" playsinline=""></video>
        </div>
        <style data-emotion="css 4bwcy0">.css-4bwcy0{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;position:relative;}</style>
        <div class="css-4bwcy0">
            <style data-emotion="css t334z8">.css-t334z8{width:var(--chakra-sizes-full);padding-left:3.2rem;padding-right:3.2rem;}@media  screen and (min-width: 1200px){.css-t334z8{width:120rem;}}</style>
            <div class="css-t334z8">
                <style data-emotion="css 1s1slh1">.css-1s1slh1{width:100%;padding-top:4.8rem;}@media  screen and (min-width: 768px){.css-1s1slh1{width:42.7rem;padding-top:6.4rem;}}@media  screen and (min-width: 992px){.css-1s1slh1{width:55.2rem;padding-top:8rem;}}</style>
                <div class="css-1s1slh1">
                    <div class="css-0">
                        <style data-emotion="css 2zyt4">.css-2zyt4{font-family:EuclidCircularB,sans-serif;font-style:normal;margin:var(--chakra-space-0);font-weight:800;font-size:3.2rem;line-height:4rem;letter-spacing:-0.08rem;color:var(--chakra-colors-gray-700);}@media  screen and (min-width: 992px){.css-2zyt4{font-size:4.4rem;line-height:5.6rem;letter-spacing:-0.05rem;}}</style>
                        <h1 class="chakra-heading css-2zyt4" role="heading">CarAudit™ — Guarantee of a good purchase</h1>
                        <style data-emotion="css 1xezhfk">.css-1xezhfk{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:400;color:var(--chakra-colors-gray-800);font-size:1.4rem;line-height:2.4rem;margin-top:1.6rem;}@media  screen and (min-width: 768px){.css-1xezhfk{margin-top:3.2rem;}}@media  screen and (min-width: 992px){.css-1xezhfk{font-size:1.6rem;line-height:2.8rem;}}</style>
                        <p class="chakra-text css-1xezhfk">Before the sale, each vehicle undergoes a detailed certified inspection by an experienced mechanic trained to detect hidden defects and potential risks. You know exactly what you are buying ahead of time, and we guarantee the condition as stated in the certificate. CarAudit is our mechanic on your side.</p>
                    </div>
                    <style data-emotion="css ya4wmn">.css-ya4wmn{margin-top:3.2rem;}@media  screen and (min-width: 992px){.css-ya4wmn{margin-top:4.8rem;}}</style>
                    <div class="css-ya4wmn">
                        <a>
                            <style data-emotion="css wj6n9o">.css-wj6n9o{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;line-height:1.2;border-radius:var(--chakra-radii-base);font-weight:var(--chakra-fontWeights-semibold);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);font-size:var(--chakra-fontSizes-md);-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);}.css-wj6n9o:focus-visible,.css-wj6n9o[data-focus-visible]{box-shadow:var(--chakra-shadows-outline);}.css-wj6n9o:disabled,.css-wj6n9o[disabled],.css-wj6n9o[aria-disabled=true],.css-wj6n9o[data-disabled]{opacity:1;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);background:var(--chakra-colors-gray-300)!important;}.css-wj6n9o:disabled:hover,.css-wj6n9o[disabled]:hover,.css-wj6n9o[aria-disabled=true]:hover,.css-wj6n9o[data-disabled]:hover,.css-wj6n9o:disabled[data-hover],.css-wj6n9o[disabled][data-hover],.css-wj6n9o[aria-disabled=true][data-hover],.css-wj6n9o[data-disabled][data-hover]{box-shadow:var(--chakra-shadows-none);}.css-wj6n9o:hover,.css-wj6n9o[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-wj6n9o:hover:disabled,.css-wj6n9o[data-hover]:disabled,.css-wj6n9o:hover[disabled],.css-wj6n9o[data-hover][disabled],.css-wj6n9o:hover[aria-disabled=true],.css-wj6n9o[data-hover][aria-disabled=true],.css-wj6n9o:hover[data-disabled],.css-wj6n9o[data-hover][data-disabled]{background:initial;}.css-wj6n9o:focus,.css-wj6n9o[data-focus]{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--chakra-shadows-none);}.css-wj6n9o:active,.css-wj6n9o[data-active]{-webkit-background-position:right;background-position:right;-webkit-background-size:400%;background-size:400%;}</style>
                            <button type="button" class="chakra-button css-wj6n9o">
                                More about CarAudit
                                <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 16 16" aria-hidden="true" focusable="false" data-icon-id="arrowdown16" class="css-gdat5j">
                                        <use href="<?php echo e(asset('assets/images/ArrowDown16.a63d9df1.svg#icon')); ?>"></use>
                                    </svg>
                                </span>
                            </button>
                        </a>
                    </div>
                </div>
                <style data-emotion="css 12zzmgw">.css-12zzmgw{margin-top:4rem;margin-bottom:4.8rem;}@media  screen and (min-width: 768px){.css-12zzmgw{margin-top:4.8rem;margin-bottom:3.2rem;}}@media  screen and (min-width: 992px){.css-12zzmgw{margin-top:8rem;margin-bottom:8rem;}}</style>
                <div class="css-12zzmgw">
                    <style data-emotion="css 116zaz6">.css-116zaz6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4.05rem;}@media  screen and (min-width: 768px){.css-116zaz6{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}@media  screen and (min-width: 992px){.css-116zaz6{gap:3.2rem;}}</style>
                    <div class="css-116zaz6">
                        <div class="css-0">
                            <style data-emotion="css dbtqe1">.css-dbtqe1{margin-bottom:2.7rem;}@media  screen and (min-width: 992px){.css-dbtqe1{margin-bottom:3.2rem;}}</style>
                            <div class="css-dbtqe1">
                                <style data-emotion="css 110rqom">.css-110rqom{width:4rem;height:4rem;-webkit-transition:color 200ms;transition:color 200ms;color:var(--chakra-colors-blue-500);}</style>
                                <svg viewBox="0 0 24 24" data-icon-id="carscan24" class="css-110rqom">
                                    <use href="<?php echo e(asset('assets/images/CarScan24.d96dfd61.svg#icon')); ?>"></use>
                                </svg>
                            </div>
                            <style data-emotion="css 1ywnced">.css-1ywnced{font-family:EuclidCircularB,sans-serif;font-style:normal;margin:var(--chakra-space-0);font-weight:700;font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.02rem;color:var(--chakra-colors-gray-800);}@media  screen and (min-width: 992px){.css-1ywnced{font-size:2.4rem;line-height:3.2rem;letter-spacing:-0.04rem;}}</style>
                            <h5 class="chakra-heading css-1ywnced" role="heading">Detailed inspection</h5>
                            <style data-emotion="css etwf6n">.css-etwf6n{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:400;color:var(--chakra-colors-gray-700);font-size:1.2rem;line-height:2rem;}@media  screen and (min-width: 992px){.css-etwf6n{font-size:1.4rem;line-height:2.4rem;}}</style>
                            <p class="chakra-text css-etwf6n">We won&#x27;t miss a thing. Each inspection consists of 270 inspection items. We will inform you about the vehicle’s condition before you decide to buy it.</p>
                        </div>
                        <div class="css-0">
                            <div class="css-dbtqe1">
                                <svg viewBox="0 0 24 24" data-icon-id="checkbadge24" class="css-110rqom">
                                    <use href="<?php echo e(asset('assets/images/CheckBadge24.3ff269bc.svg#icon')); ?>"></use>
                                </svg>
                            </div>
                            <h5 class="chakra-heading css-1ywnced" role="heading">Guaranteed vehicle condition</h5>
                            <p class="chakra-text css-etwf6n">We guarantee the condition of the vehicle as stated in the CarAudit certificate. We will compensate for any possible deviation, deficiency or defect detected.</p>
                        </div>
                        <div class="css-0">
                            <div class="css-dbtqe1">
                                <svg viewBox="0 0 24 24" data-icon-id="scanface24" class="css-110rqom">
                                    <use href="<?php echo e(asset('assets/images/ScanFace24.59d4f9d2.svg#icon')); ?>"></use>
                                </svg>
                            </div>
                            <h5 class="chakra-heading css-1ywnced" role="heading">Certified mechanics</h5>
                            <p class="chakra-text css-etwf6n">We work only with qualified mechanics with years of experience who can detect even the most minute defects, be they already present or imminent.</p>
                        </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 16qhwdp">.css-16qhwdp{position:relative;background:var(--chakra-colors-white);margin-top:4rem;margin-bottom:4rem;}@media  screen and (min-width: 768px){.css-16qhwdp{margin-top:4.8rem;margin-bottom:4.8rem;}}</style>
    <div class="css-16qhwdp">
        <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>
        <div id="SCROLL_TO_HOW_IT_WORKS_SECTION">
            <div>
                <style data-emotion="css 1r88a2a">.css-1r88a2a{padding:8rem 3.2rem 4.8rem 3.2rem;}@media  screen and (min-width: 992px){.css-1r88a2a{padding:8rem 3.2rem 12rem 3.2rem;}}</style>
                <div class="css-1r88a2a">
                    <style data-emotion="css 1l4w6pd">.css-1l4w6pd{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;}</style>
                    <div class="css-1l4w6pd">
                        <style data-emotion="css 1e4zme5">.css-1e4zme5{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;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media  screen and (min-width: 768px){.css-1e4zme5{max-width:57rem;}}@media  screen and (min-width: 992px){.css-1e4zme5{gap:4.8rem;max-width:100.8rem;}}</style>
                        <div class="css-1e4zme5">
                            <style data-emotion="css 1ahvzbs">.css-1ahvzbs{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;text-align:center;max-width:100%;}@media  screen and (min-width: 992px){.css-1ahvzbs{max-width:80rem;}}</style>
                            <div class="css-1ahvzbs">
                                <style data-emotion="css e0a0dl">.css-e0a0dl{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-weight:800;font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.05rem;}@media  screen and (min-width: 992px){.css-e0a0dl{font-size:3.6rem;line-height:4.8rem;}}</style>
                                <h2 class="chakra-heading css-e0a0dl" role="heading">The purchase starts with a CarAudit™ inspection</h2>
                            </div>
                            <style data-emotion="css hhb1bn">.css-hhb1bn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8.4rem;width:100%;}</style>
                            <div class="css-hhb1bn">
                                <style data-emotion="css 202qee">.css-202qee{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2rem;position:relative;}</style>
                                <div class="css-202qee">
                                    <style data-emotion="css 1pf0x3y">.css-1pf0x3y{width:100%;display:block;}</style>
                                    <img alt="" src="<?php echo e(asset('assets/images/select.svg')); ?>" class="chakra-image css-1pf0x3y"/>
                                    <style data-emotion="css wab9w1">.css-wab9w1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0.8rem;}@media  screen and (min-width: 768px){.css-wab9w1{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}@media  screen and (min-width: 992px){.css-wab9w1{gap:1.6rem;}}</style>
                                    <div class="css-wab9w1">
                                        <style data-emotion="css 434o1d">.css-434o1d{font-family:EuclidCircularB,sans-serif;font-style:normal;margin:var(--chakra-space-0);font-weight:700;font-size:1.4rem;line-height:2rem;letter-spacing:-0.02rem;color:var(--chakra-colors-blue-500);padding-top:0.35rem;}@media  screen and (min-width: 768px){.css-434o1d{padding-top:var(--chakra-space-0);}}@media  screen and (min-width: 992px){.css-434o1d{font-size:1.6rem;line-height:2.4rem;}}</style>
                                        <h6 class="chakra-heading css-434o1d" role="heading">01.</h6>
                                        <style data-emotion="css uklros">.css-uklros{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;}@media  screen and (min-width: 992px){.css-uklros{gap:1.6rem;}}</style>
                                        <div class="css-uklros">
                                            <style data-emotion="css 1thq657">.css-1thq657{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-weight:700;font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.02rem;}@media  screen and (min-width: 992px){.css-1thq657{font-size:2.4rem;line-height:3.2rem;letter-spacing:-0.04rem;}}</style>
                                            <h5 class="chakra-heading css-1thq657" role="heading">Vehicle certification</h5>
                                            <style data-emotion="css a4uv5j">.css-a4uv5j{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:400;color:var(--chakra-colors-gray-600);font-size:1.2rem;line-height:2rem;}@media  screen and (min-width: 992px){.css-a4uv5j{font-size:1.4rem;line-height:2.4rem;}}.css-a4uv5j a{color:var(--chakra-colors-blue-500);-webkit-text-decoration:underline;text-decoration:underline;font-weight:700;}</style>
                                            <p class="chakra-text css-a4uv5j">First, we will verify all information about the vehicle and check its legal status in available databases and registers.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="css-202qee">
                                    <img alt="" src="<?php echo e(asset('assets/images/check.svg#icon')); ?>" class="chakra-image css-1pf0x3y"/>
                                    <div class="css-wab9w1">
                                        <h6 class="chakra-heading css-434o1d" role="heading">02.</h6>
                                        <div class="css-uklros">
                                            <h5 class="chakra-heading css-1thq657" role="heading">Detailed inspection</h5>
                                            <p class="chakra-text css-a4uv5j">Our mechanic will personally inspect and test the vehicle based on the criteria of our strict standardized procedure.</p>
                                        </div>
                                    </div>
                                    <style data-emotion="css 1r8hjhn">.css-1r8hjhn{display:none;width:11.4rem;position:absolute;left:-10.4rem;top:1.2rem;}@media  screen and (min-width: 992px){.css-1r8hjhn{display:block;}}</style>
                                    <img alt="" src="<?php echo e(asset('assets/images/top-arrow.svg#icon')); ?>" class="chakra-image css-1r8hjhn"/>
                                </div>
                                <div class="css-202qee">
                                    <img alt="" src="<?php echo e(asset('assets/images/offer.svg#icon')); ?>" class="chakra-image css-1pf0x3y"/>
                                    <div class="css-wab9w1">
                                        <h6 class="chakra-heading css-434o1d" role="heading">03.</h6>
                                        <div class="css-uklros">
                                            <h5 class="chakra-heading css-1thq657" role="heading">Our recommendation</h5>
                                            <p class="chakra-text css-a4uv5j">Based on the inspection data, we will evaluate the overall condition of the vehicle and give you our recommendation on whether you should buy it or not.</p>
                                        </div>
                                    </div>
                                    <style data-emotion="css phgnu6">.css-phgnu6{display:none;width:10.8rem;position:absolute;left:-8rem;top:14.7rem;}@media  screen and (min-width: 992px){.css-phgnu6{display:block;}}</style>
                                    <img alt="" src="<?php echo e(asset('assets/images/bottom-arrow.svg#icon')); ?>" class="chakra-image css-phgnu6"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <style data-emotion="css i8nch2">.css-i8nch2{position:absolute;width:100%;left:var(--chakra-space-0);top:100%;background:var(--chakra-colors-white);-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-i8nch2{height:4.8rem;}}</style>
        <div id="bottom-poly" class="css-i8nch2"></div>
    </div>
    <style data-emotion="css nulofy">.css-nulofy{position:relative;background:var(--chakra-colors-gray-100);margin-top:4rem;margin-bottom:4rem;}@media  screen and (min-width: 768px){.css-nulofy{margin-top:4.8rem;margin-bottom:4.8rem;}}</style>
    <div class="css-nulofy">
        <style data-emotion="css 10yoje2">.css-10yoje2{position:absolute;width:100%;left:var(--chakra-space-0);bottom:100%;background:var(--chakra-colors-gray-100);-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-10yoje2{height:4.8rem;}}</style>
        <div class="css-10yoje2"></div>
        <style data-emotion="css 1t64s6v">.css-1t64s6v{padding:3.2rem 3.2rem 1.6rem 3.2rem;}@media  screen and (min-width: 768px){.css-1t64s6v{padding:5.6rem 3.2rem 2.4rem 3.2rem;}}@media  screen and (min-width: 1200px){.css-1t64s6v{padding:7.2rem 3.2rem 4rem 3.2rem;}}</style>
        <div class="css-1t64s6v">
            <style data-emotion="css 4ikjjb">.css-4ikjjb{margin:auto;}@media  screen and (min-width: 992px){.css-4ikjjb{max-width:84.4rem;}}@media  screen and (min-width: 1400px){.css-4ikjjb{max-width:97.4rem;}}@media  screen and (min-width: 1900px){.css-4ikjjb{max-width:110.6rem;}}@media  screen and (min-width: 2400px){.css-4ikjjb{max-width:107.2rem;}}</style>
            <div class="css-4ikjjb">
                <style data-emotion="css 1la4ckd">.css-1la4ckd{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-weight:800;font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.05rem;text-align:center;margin-bottom:1.6rem;}@media  screen and (min-width: 992px){.css-1la4ckd{font-size:3.6rem;line-height:4.8rem;}}</style>
                <h2 class="chakra-heading css-1la4ckd" role="heading">We know what we are doing and we are thorough.</h2>
                <style data-emotion="css s2y29y">.css-s2y29y{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;font-weight:600;font-size:1.6rem;line-height:2.8rem;text-align:center;margin-bottom:4.8rem;}@media  screen and (min-width: 992px){.css-s2y29y{font-size:1.8rem;line-height:3.2rem;margin-bottom:6.4rem;}}</style>
                <p class="chakra-text css-s2y29y">Each model has its specifics and there can be many risks. But our experienced mechanics know what to focus on and what to watch out for. You can be sure that you will make the right purchase.</p>
            </div>
            <style data-emotion="css qwjnn5">.css-qwjnn5{position:relative;width:29.6rem;height:20rem;margin:auto;cursor:pointer;}@media  screen and (min-width: 768px){.css-qwjnn5{width:36.9rem;height:24.8rem;}}@media  screen and (min-width: 992px){.css-qwjnn5{width:59.2rem;height:40rem;}}</style>
            <div class="css-qwjnn5">
                <style data-emotion="css 1uowc48">.css-1uowc48{width:29.6rem;height:20rem;position:absolute;left:var(--chakra-space-0);top:var(--chakra-space-0);-webkit-transition:opacity .8s;transition:opacity .8s;opacity:1;}@media  screen and (min-width: 768px){.css-1uowc48{width:36.9rem;height:24.8rem;}}@media  screen and (min-width: 992px){.css-1uowc48{width:59.2rem;height:40rem;}}</style>
                <img alt="animation-frame" src="<?php echo e(asset('assets/images/car-animation-frame-1.webp')); ?>" class="chakra-image css-1uowc48"/>
                <style data-emotion="css 7n0bmv">.css-7n0bmv{width:29.6rem;height:20rem;position:absolute;left:var(--chakra-space-0);top:var(--chakra-space-0);-webkit-transition:opacity .8s;transition:opacity .8s;opacity:0;}@media  screen and (min-width: 768px){.css-7n0bmv{width:36.9rem;height:24.8rem;}}@media  screen and (min-width: 992px){.css-7n0bmv{width:59.2rem;height:40rem;}}</style>
                <img alt="animation-frame" src="<?php echo e(asset('assets/images/car-animation-frame-2.webp')); ?>" class="chakra-image css-7n0bmv"/><img alt="animation-frame" src="<?php echo e(asset('assets/images/car-animation-frame-3.webp')); ?>" class="chakra-image css-7n0bmv"/>
                <style data-emotion="css 1dquk1d">.css-1dquk1d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:-1.6rem;left:-0.3rem;width:28rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .8s;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background:var(--chakra-colors-white);border:1px solid;border-color:var(--chakra-colors-gray-200);border-radius:0.4rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:0px 2.4rem 3.2rem 0 rgba(72, 88, 133, 0.16);z-index:1;}@media  screen and (min-width: 768px){.css-1dquk1d{top:unset;bottom:2rem;left:19.4rem;}}@media  screen and (min-width: 992px){.css-1dquk1d{bottom:3.6rem;left:34.4rem;}}</style>
                <div class="css-1dquk1d">
                    <style data-emotion="css 18b6om9">.css-18b6om9{position:relative;width:3.2rem;height:3.2rem;}</style>
                    <div class="css-18b6om9">
                        <style data-emotion="css hlpnzv">.css-hlpnzv{position:absolute;width:6.4rem;height:6.4rem;left:-3.2rem;top:-1.6rem;-webkit-filter:drop-shadow(0px 0.8rem 1.6rem rgba(19, 28, 74, 0.24));filter:drop-shadow(0px 0.8rem 1.6rem rgba(19, 28, 74, 0.24));}</style>
                        <div class="css-hlpnzv">
                            <style data-emotion="css 11s776y">.css-11s776y{width:6.4rem;height:6.4rem;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:currentColor;vertical-align:middle;fill:var(--chakra-colors-transparent);}</style>
                            <svg viewBox="0 0 55 64" focusable="false" class="chakra-icon css-11s776y">
                                <path d="M3.29591 9.32979L3.29751 9.32921L27.1585 0.647436C27.1587 0.647345 27.159 0.647254 27.1593 0.647163C27.7051 0.450856 28.296 0.450945 28.8418 0.647433L28.8418 0.647464L28.8472 0.649364L52.8309 8.97045C52.8318 8.97074 52.8326 8.97104 52.8334 8.97134C53.3173 9.14643 53.7339 9.5575 54.0358 10.1241C54.3371 10.6897 54.5003 11.3692 54.5003 12V38C54.5003 40.1139 53.5335 42.394 51.875 44.7422C50.2208 47.0843 47.9118 49.4472 45.3065 51.7163C40.0966 56.2539 33.7647 60.3631 29.2941 63.1277C28.4914 63.6241 27.5089 63.6241 26.7062 63.1277C22.2339 60.3621 15.8705 56.271 10.6289 51.7512C8.00786 49.491 5.68337 47.1372 4.01769 44.802C2.3479 42.461 1.37439 40.1865 1.37402 38.0742C1.37402 38.0738 1.37402 38.0734 1.37402 38.073L1.50031 12.0024V12C1.50031 10.7762 2.23616 9.71129 3.29591 9.32979Z" fill="white" stroke="#D7E1EF"></path>
                                <path opacity="0.64" d="M28 64V0C28.3458 1.53704e-05 28.6917 0.0590111 29.0235 0.176987L53 8.5C54.2873 8.95768 55 10.3678 55 11.7881V38.073C55 47.1192 38.6381 58.0184 29.5762 63.553C29.0883 63.851 28.5442 64 28 64Z" fill="#EBEDFE"></path>
                                <path d="M39.0022 25.5L40.807 27.6656C41.2564 28.2047 41.5024 28.8844 41.5024 29.5862V37.5C41.5024 38.6046 40.607 39.5 39.5024 39.5H16.5C15.3954 39.5 14.5 38.6046 14.5 37.5V29.5862C14.5 28.8844 14.7461 28.2047 15.1954 27.6656L17.0002 25.5L20.4068 20.3905C20.7778 19.8342 21.4022 19.5 22.0709 19.5H33.9315C34.6002 19.5 35.2246 19.8342 35.5956 20.3905L39.0022 25.5Z" stroke="#3E47DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M19.501 39.5002V40.5003C19.501 41.0526 19.0533 41.5003 18.501 41.5003L15.5005 41.5003C14.9482 41.5003 14.5005 41.0525 14.5005 40.5003V36.926" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M36.502 39.5002V40.5003C36.502 41.0526 36.9497 41.5003 37.502 41.5003L40.5024 41.5003C41.0547 41.5003 41.5024 41.0525 41.5024 40.5003V36.926" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M33.502 31.5H22.501L23.5144 34.2023C23.8072 34.9829 24.5534 35.5 25.3871 35.5H30.6159C31.4495 35.5 32.1958 34.9829 32.4885 34.2023L33.502 31.5Z" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M16.5 30.5L20.5004 31.5" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M39.5029 30.5L35.5026 31.5" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M39.002 26C39.002 26 35.3509 27.5 32.0014 27.5M17 26C17 26 20.6457 27.5 24.0006 27.5" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M20.501 20.5L25.5014 22.5L26.5015 26L29.0017 27.5" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M26.5013 24.5L29.0014 24.0001L30.0014 22.5" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M20.501 21L22.001 24" stroke="#3E47DD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                        </div>
                    </div>
                    <style data-emotion="css 1a18ej8">.css-1a18ej8{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:400;color:var(--chakra-colors-gray-600);font-size:1rem;line-height:1.6rem;-webkit-flex:1;-ms-flex:1;flex:1;padding:0.8rem 1.6rem;}@media  screen and (min-width: 992px){.css-1a18ej8{font-size:1.2rem;line-height:2rem;}}</style>
                    <p class="chakra-text css-1a18ej8">Non-matching parts, weld joint repairs, differing paint thickness or damaged light fixtures are all indicators that the vehicle has been in a major crash</p>
                </div>
                <style data-emotion="css qz06e9">.css-qz06e9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:-1.6rem;left:-0.3rem;width:28rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .8s;opacity:0;-webkit-transform:translateY(3.2rem);-moz-transform:translateY(3.2rem);-ms-transform:translateY(3.2rem);transform:translateY(3.2rem);background:var(--chakra-colors-white);border:1px solid;border-color:var(--chakra-colors-gray-200);border-radius:0.4rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:0px 2.4rem 3.2rem 0 rgba(72, 88, 133, 0.16);z-index:unset;}@media  screen and (min-width: 768px){.css-qz06e9{top:var(--chakra-space-0);left:26.6rem;}}@media  screen and (min-width: 992px){.css-qz06e9{top:9.2rem;left:44.8rem;}}</style>
                <div class="css-qz06e9">
                    <div class="css-18b6om9">
                        <div class="css-hlpnzv">
                            <svg viewBox="0 0 55 64" focusable="false" class="chakra-icon css-11s776y">
                                <path d="M3.29591 9.32979L3.29751 9.32921L27.1585 0.647436C27.1587 0.647345 27.159 0.647254 27.1593 0.647163C27.7051 0.450856 28.296 0.450945 28.8418 0.647433L28.8418 0.647464L28.8472 0.649364L52.8309 8.97045C52.8318 8.97074 52.8326 8.97104 52.8334 8.97134C53.3173 9.14643 53.7339 9.5575 54.0358 10.1241C54.3371 10.6897 54.5003 11.3692 54.5003 12V38C54.5003 40.1139 53.5335 42.394 51.875 44.7422C50.2208 47.0843 47.9118 49.4472 45.3065 51.7163C40.0966 56.2539 33.7647 60.3631 29.2941 63.1277C28.4914 63.6241 27.5089 63.6241 26.7062 63.1277C22.2339 60.3621 15.8705 56.271 10.6289 51.7512C8.00786 49.491 5.68337 47.1372 4.01769 44.802C2.3479 42.461 1.37439 40.1865 1.37402 38.0742C1.37402 38.0738 1.37402 38.0734 1.37402 38.073L1.50031 12.0024V12C1.50031 10.7762 2.23616 9.71129 3.29591 9.32979Z" fill="white" stroke="#D7E1EF"></path>
                                <path opacity="0.64" d="M28 64V0C28.3458 1.53704e-05 28.6917 0.0590111 29.0235 0.176987L53 8.5C54.2873 8.95768 55 10.3678 55 11.7881V38.073C55 47.1192 38.6381 58.0184 29.5762 63.553C29.0883 63.851 28.5442 64 28 64Z" fill="#EBEDFE"></path>
                                <path d="M22.5 14.75C22.0858 14.75 21.75 15.0858 21.75 15.5C21.75 15.9142 22.0858 16.25 22.5 16.25V14.75ZM22.5 18.75C22.0858 18.75 21.75 19.0858 21.75 19.5C21.75 19.9142 22.0858 20.25 22.5 20.25V18.75ZM24.75 20.5V22H26.25V20.5H24.75ZM24.5 18.75H22.5V20.25H24.5V18.75ZM29.75 18.5V21H31.25V18.5H29.75ZM27.5 14.75H22.5V16.25H27.5V14.75ZM31.25 18.5C31.25 16.4289 29.5711 14.75 27.5 14.75V16.25C28.7426 16.25 29.75 17.2574 29.75 18.5H31.25ZM26.25 20.5C26.25 19.5335 25.4665 18.75 24.5 18.75V20.25C24.6381 20.25 24.75 20.3619 24.75 20.5H26.25Z" fill="#3E47DD"></path>
                                <path d="M28 34.5C23.0294 34.5 18.5 36.2559 18.5 38V24.5C18.5 22.7559 23.0294 21.5 28 21.5C32.9706 21.5 37.5 22.7559 37.5 24.5V38C37.5 36.2559 32.9706 34.5 28 34.5Z" stroke="#3E47DD" stroke-width="1.5" stroke-linejoin="round"></path>
                                <path d="M34.5 25.5V32.5" stroke="#3E47DD" stroke-width="1.5" stroke-linecap="round"></path>
                                <path d="M26.5 43.5V40C26.5 38.6193 25.3807 37.5 24 37.5V37.5C22.6193 37.5 21.5 38.6193 21.5 40V43.5" stroke="#3E47DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M34.5 43.5V40C34.5 38.6193 33.3807 37.5 32 37.5V37.5C30.6193 37.5 29.5 38.6193 29.5 40V43.5" stroke="#3E47DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M26.5 43.5C26.5 44.3284 25.3807 45 24 45C22.6193 45 21.5 44.3284 21.5 43.5C21.5 42.6716 22.6193 42 24 42C25.3807 42 26.5 42.6716 26.5 43.5Z" stroke="#3E47DD" stroke-width="1.5"></path>
                                <path d="M34.5 43.5C34.5 44.3284 33.3807 45 32 45C30.6193 45 29.5 44.3284 29.5 43.5C29.5 42.6716 30.6193 42 32 42C33.3807 42 34.5 42.6716 34.5 43.5Z" stroke="#3E47DD" stroke-width="1.5"></path>
                                <path d="M37.5 38C37.5 38.8462 36.3184 39.7411 34.5 40.4141M18.5 38C18.5 38.8462 19.6816 39.7411 21.5 40.4141M26.5 41.4448C26.9926 41.4809 27.494 41.5 28 41.5C28.506 41.5 29.0074 41.4809 29.5 41.4448" stroke="#3E47DD" stroke-width="1.5" stroke-linejoin="round"></path>
                            </svg>
                        </div>
                    </div>
                    <p class="chakra-text css-1a18ej8">Blue smoke from the exhaust or a smoky tailpipe suggest combustion issues</p>
                </div>
                <style data-emotion="css 1de2ri5">.css-1de2ri5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:-1.6rem;right:2.9rem;width:28rem;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--chakra-space-x-reverse:1;--chakra-divide-x-reverse:1;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .8s;opacity:0;-webkit-transform:translateY(3.2rem);-moz-transform:translateY(3.2rem);-ms-transform:translateY(3.2rem);transform:translateY(3.2rem);background:var(--chakra-colors-white);border:1px solid;border-color:var(--chakra-colors-gray-200);border-radius:0.4rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:0px 2.4rem 3.2rem 0 rgba(72, 88, 133, 0.16);z-index:unset;}@media  screen and (min-width: 768px){.css-1de2ri5{top:7.6rem;right:26.7rem;}}@media  screen and (min-width: 992px){.css-1de2ri5{top:15.6rem;right:44.8rem;}}</style>
                <div class="css-1de2ri5">
                    <div class="css-18b6om9">
                        <style data-emotion="css 6gldhv">.css-6gldhv{position:absolute;width:6.4rem;height:6.4rem;left:var(--chakra-space-0);top:-1.6rem;-webkit-filter:drop-shadow(0px 0.8rem 1.6rem rgba(19, 28, 74, 0.24));filter:drop-shadow(0px 0.8rem 1.6rem rgba(19, 28, 74, 0.24));}</style>
                        <div class="css-6gldhv">
                            <svg viewBox="0 0 55 64" focusable="false" class="chakra-icon css-11s776y">
                                <path d="M28.8408 0.647433L28.8408 0.647464L28.8463 0.649364L52.83 8.97045C52.8308 8.97074 52.8316 8.97104 52.8325 8.97134C53.3163 9.14643 53.733 9.5575 54.0348 10.1241C54.3361 10.6897 54.4993 11.3692 54.4993 12V38C54.4993 40.1139 53.5325 42.394 51.874 44.7422C50.2198 47.0843 47.9108 49.4472 45.3055 51.7163C40.0957 56.2539 33.7637 60.3631 29.2931 63.1277C28.4904 63.6241 27.5079 63.6241 26.7052 63.1277C22.2329 60.3621 15.8695 56.271 10.6279 51.7512C8.00688 49.491 5.68239 47.1372 4.01671 44.802C2.34692 42.461 1.37341 40.1865 1.37305 38.0742C1.37305 38.0738 1.37305 38.0734 1.37305 38.073L1.49933 12.0024V12C1.49933 10.7762 2.23518 9.71129 3.29493 9.32979L3.29654 9.32921L27.1575 0.647436C27.1578 0.647347 27.158 0.647258 27.1583 0.647169C27.7041 0.450856 28.295 0.450944 28.8408 0.647433Z" fill="white" stroke="#D7E1EF"></path>
                                <path opacity="0.64" d="M28 64V0C28.3458 1.53704e-05 28.6917 0.0590111 29.0235 0.176987L53 8.5C54.2873 8.95768 55 10.3678 55 11.7881V38.073C55 47.1192 38.6381 58.0184 29.5762 63.553C29.0883 63.851 28.5442 64 28 64Z" fill="#EBEDFE"></path>
                                <path d="M34.9998 30.5H38.5L38.4998 20.5H24.4998C18.7008 20.5 13.5 25.0827 13.5 31C13.5 36.9173 18.7008 42 24.4998 42C30.2988 42 34.9998 37.203 34.9998 31.2857V30.5ZM34.9998 30.5H31M38.4998 19.5V31.5C38.4998 32.6046 39.3952 33.5 40.4998 33.5V33.5C41.6044 33.5 42.4998 32.6046 42.4998 31.5V19.5C42.4998 18.3954 41.6044 17.5 40.4998 17.5V17.5C39.3952 17.5 38.4998 18.3954 38.4998 19.5Z" stroke="#3E47DD" stroke-width="1.5"></path>
                                <path d="M27 31C27 32.3807 25.8807 33.5 24.5 33.5C23.1193 33.5 22 32.3807 22 31C22 29.6193 23.1193 28.5 24.5 28.5C25.8807 28.5 27 29.6193 27 31Z" stroke="#3E47DD" stroke-width="1.5" stroke-linejoin="round"></path>
                                <path d="M31 31C31 34.5899 28.0899 37.5 24.5 37.5C20.9101 37.5 18 34.5899 18 31C18 27.4101 20.9101 24.5 24.5 24.5C28.0899 24.5 31 27.4101 31 31Z" stroke="#3E47DD" stroke-width="1.5" stroke-linejoin="round"></path>
                                <path d="M30.5 39.5L32.5003 41.5001C33.0525 42.0523 33.9479 42.0523 34.5001 41.5V41.5C35.0523 40.9478 35.0523 40.0525 34.5001 39.5003L32.5 37.5" stroke="#3E47DD" stroke-width="1.5"></path>
                                <path d="M18.5 39.5L16.4997 41.5001C15.9475 42.0523 15.0521 42.0523 14.4999 41.5V41.5C13.9477 40.9478 13.9477 40.0525 14.4999 39.5003L16.5 37.5" stroke="#3E47DD" stroke-width="1.5"></path>
                                <path d="M18.5 22.5L16.4997 20.4999C15.9475 19.9477 15.0521 19.9477 14.4999 20.5V20.5C13.9477 21.0522 13.9477 21.9475 14.4999 22.4997L16.5 24.5" stroke="#3E47DD" stroke-width="1.5"></path>
                            </svg>
                        </div>
                    </div>
                    <p class="chakra-text css-1a18ej8">Several different things may cause uneven engine thrust, e.g. a seized turbocharger</p>
                </div>
            </div>
        </div>
        <style data-emotion="css h3138x">.css-h3138x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:auto;gap:4.8rem;padding:4.8rem 1.6rem;}@media  screen and (min-width: 768px){.css-h3138x{gap:6.4rem;padding:6.4rem 3.2rem;}}@media  screen and (min-width: 992px){.css-h3138x{gap:12.8rem;padding:8rem 0;}}@media  screen and (min-width: 1200px){.css-h3138x{max-width:113.6rem;}}@media  screen and (min-width: 1400px){.css-h3138x{max-width:97.4rem;}}@media  screen and (min-width: 1900px){.css-h3138x{max-width:110.6rem;}}@media  screen and (min-width: 2400px){.css-h3138x{max-width:107.2rem;}}</style>
        <div class="css-h3138x">
            <style data-emotion="css u7kgxa">.css-u7kgxa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:3.2rem;}.css-u7kgxa:nth-of-type(odd){-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding-right:4.8rem;}@media  screen and (min-width: 768px){.css-u7kgxa:nth-of-type(odd){-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:var(--chakra-space-0);}}@media  screen and (min-width: 1200px){.css-u7kgxa:nth-of-type(odd){padding-right:14.8rem;}}@media  screen and (min-width: 1400px){.css-u7kgxa:nth-of-type(odd){padding-right:10rem;}}@media  screen and (min-width: 2400px){.css-u7kgxa:nth-of-type(odd){padding-right:18.4rem;}}.css-u7kgxa:nth-of-type(even){-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;padding-left:4.8rem;}@media  screen and (min-width: 768px){.css-u7kgxa:nth-of-type(even){-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--chakra-space-x-reverse:1;--chakra-divide-x-reverse:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:var(--chakra-space-0);}}@media  screen and (min-width: 1200px){.css-u7kgxa:nth-of-type(even){padding-left:14.8rem;}}@media  screen and (min-width: 1400px){.css-u7kgxa:nth-of-type(even){padding-left:10rem;}}@media  screen and (min-width: 2400px){.css-u7kgxa:nth-of-type(even){padding-left:18.4rem;}}</style>
            <div class="css-u7kgxa">
                <style data-emotion="css 185euh5">.css-185euh5{width:20.3rem;height:14.5rem;}@media  screen and (min-width: 421px){.css-185euh5{width:27.3rem;height:19.5rem;}}@media  screen and (min-width: 768px){.css-185euh5{width:33.6rem;height:24rem;}}@media  screen and (min-width: 992px){.css-185euh5{width:40.6rem;height:29rem;}}@media  screen and (min-width: 1400px){.css-185euh5{width:37.1rem;height:26.5rem;}}@media  screen and (min-width: 2400px){.css-185euh5{width:33.6rem;height:24rem;}}</style>
                <img alt="History and legal defects" src="<?php echo e(asset('assets/images/process-1.webp')); ?>" class="chakra-image css-185euh5"/>
                <style data-emotion="css 9y7vnm">.css-9y7vnm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.6rem;}</style>
                <div class="css-9y7vnm">
                    <div class="css-0">
                        <style data-emotion="css kocjg3">.css-kocjg3{width:3.2rem;height:3.2rem;-webkit-transition:color 200ms;transition:color 200ms;color:var(--chakra-colors-blue-500);}</style>
                        <svg viewBox="0 0 24 24" data-icon-id="fileinfo24" class="css-kocjg3">
                            <use href="<?php echo e(asset('assets/images/FileInfo24.8c10395e.svg#icon')); ?>"></use>
                        </svg>
                    </div>
                    <style data-emotion="css fnp89">.css-fnp89{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;}</style>
                    <div class="css-fnp89">
                        <h5 class="chakra-heading css-1thq657" role="heading">History and legal defects</h5>
                        <style data-emotion="css 13n4xe3">.css-13n4xe3{font-family:EuclidCircularB,sans-serif;font-style:normal;color:var(--chakra-colors-gray-600);font-size:1.2rem;line-height:2rem;font-weight:600;}@media  screen and (min-width: 992px){.css-13n4xe3{font-size:1.4rem;line-height:2.4rem;}}</style>
                        <p class="chakra-text css-13n4xe3">To prevent unpleasant surprises after the purchase, we check available European registers and databases for:</p>
                        <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">
                            <div class="css-1p0ys02">
                                <style data-emotion="css nqur8m">.css-nqur8m{width:2.4rem;height:2.4rem;-webkit-transition:color 200ms;transition:color 200ms;color:var(--chakra-colors-green-500);}</style>
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <style data-emotion="css 1uydbme">.css-1uydbme{font-family:EuclidCircularB,sans-serif;font-style:normal;color:var(--chakra-colors-gray-600);font-size:1.2rem;line-height:2rem;font-weight:500;}@media  screen and (min-width: 992px){.css-1uydbme{font-size:1.4rem;line-height:2.4rem;}}</style>
                                <p class="chakra-text css-1uydbme">Service history and accident records</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Odometer rolled back</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Stolen Vehicles Register</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Unpaid leasing or other financial liabilities</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Possibility of VAT deduction</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="css-u7kgxa">
                <img alt="The condition of the exterior and interior" src="<?php echo e(asset('assets/images/process-2.webp')); ?>" class="chakra-image css-185euh5"/>
                <div class="css-9y7vnm">
                    <div class="css-0">
                        <svg viewBox="0 0 24 24" data-icon-id="car24" class="css-kocjg3">
                            <use href="<?php echo e(asset('assets/images/Car24.44ffa1fd.svg#icon')); ?>"></use>
                        </svg>
                    </div>
                    <div class="css-fnp89">
                        <h5 class="chakra-heading css-1thq657" role="heading">The condition of the exterior and interior</h5>
                        <p class="chakra-text css-13n4xe3">Even if the vehicle appears new, it can still have hidden traces of an accident or neglected servicing. Our mechanic takes photos of everything and checks:</p>
                        <div class="css-jmk2mj">
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Paint thickness reveals if the vehicle has been in an accident</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Quality of previous repairs and traces of corrosion</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Condition of the engine, gearbox, brakes, etc.</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Functioning of available equipment</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Does the condition correspond to age and mileage</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="css-u7kgxa">
                <img alt="Diagnostics" src="<?php echo e(asset('assets/images/process-3.webp')); ?>" class="chakra-image css-185euh5"/>
                <div class="css-9y7vnm">
                    <div class="css-0">
                        <svg viewBox="0 0 24 24" data-icon-id="carscan24" class="css-kocjg3">
                            <use href="<?php echo e(asset('assets/images/CarScan24.d96dfd61.svg#icon')); ?>"></use>
                        </svg>
                    </div>
                    <div class="css-fnp89">
                        <h5 class="chakra-heading css-1thq657" role="heading">Diagnostics</h5>
                        <p class="chakra-text css-13n4xe3">Expert diagnostics via the control unit also reveal things that may go unnoticed during a routine inspection, such as:</p>
                        <div class="css-jmk2mj">
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Error codes</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Condition of the diesel particulate filter</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Air-conditioning malfunctions</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Interventions in vehicle electronics</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Defects that might not be apparent from a test drive</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="css-u7kgxa">
                <img alt="Test drive" src="<?php echo e(asset('assets/images/process-4.webp')); ?>" class="chakra-image css-185euh5"/>
                <div class="css-9y7vnm">
                    <div class="css-0">
                        <svg viewBox="0 0 24 24" data-icon-id="seat24" class="css-kocjg3">
                            <use href="<?php echo e(asset('assets/images/Seat24.74ae7c84.svg#icon')); ?>"></use>
                        </svg>
                    </div>
                    <div class="css-fnp89">
                        <h5 class="chakra-heading css-1thq657" role="heading">Test drive</h5>
                        <p class="chakra-text css-13n4xe3">When driving, many defects can appear that go undetected when idling. We focus on:</p>
                        <div class="css-jmk2mj">
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Gear shifting and clutch function</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Smoothness of power increase</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Directional stability and steering wheel vibration</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Brake performance and shock absorber function</p>
                            </div>
                            <div class="css-1p0ys02">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-nqur8m">
                                    <use href="<?php echo e(asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon')); ?>"></use>
                                </svg>
                                <p class="chakra-text css-1uydbme">Unusual noises</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <style data-emotion="css 1nmoqqz">.css-1nmoqqz{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;padding-bottom:3.2rem;padding-top:6.4rem;overflow:hidden;}@media  screen and (min-width: 992px){.css-1nmoqqz{gap:4.8rem;padding-bottom:8rem;padding-top:8rem;}}</style>
        <div class="css-1nmoqqz">
            <style data-emotion="css 1dsfz9x">.css-1dsfz9x{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;padding-left:1.6rem;padding-right:1.6rem;}@media  screen and (min-width: 768px){.css-1dsfz9x{padding-left:3.2rem;padding-right:3.2rem;}}</style>
            <div class="css-1dsfz9x">
                <div class="css-fnp89">
                    <style data-emotion="css 7h2tlv">.css-7h2tlv{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-weight:800;font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.05rem;text-align:center;}@media  screen and (min-width: 992px){.css-7h2tlv{font-size:3.6rem;line-height:4.8rem;}}</style>
                    <h2 class="chakra-heading css-7h2tlv" role="heading">What does the CarAudit certificate look like</h2>
                </div>
            </div>
            <style data-emotion="css 1i8e2fa">.css-1i8e2fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-self:initial;-ms-flex-item-align:initial;align-self:initial;}@media  screen and (min-width: 640px){.css-1i8e2fa{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}}</style>
            <div class="css-1i8e2fa">
                <style data-emotion="css 1y95xhs">.css-1y95xhs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-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;gap:3.2rem;}</style>
                <div id="car-audit-samples-swiper" class="css-1y95xhs">
                    <style data-emotion="css 1b26edx">.css-1b26edx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;position:relative;}.css-1b26edx .swiper{width:100%;height:auto!important;overflow:visible!important;}.css-1b26edx .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:unset;}.css-1b26edx .swiper-slide{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;height:unset!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-1b26edx .swiper-slide:first-child{margin-left:2.2rem;}.css-1b26edx .swiper-slide:last-child{margin-right:2.2rem;}</style>
                    <div class="css-1b26edx">
                        <div class="swiper">
                            <div class="swiper-wrapper"></div>
                        </div>
                    </div>
                    <style data-emotion="css 1exzky8">.css-1exzky8{display:none;gap:1.6rem;margin-right:auto;z-index:2;}</style>
                    <div class="css-1exzky8">
                        <style data-emotion="css 1mlmbt8">.css-1mlmbt8{border-radius:0.4rem;font-weight:600;line-height:2.4rem;font-size:var(--chakra-fontSizes-100);color:var(--chakra-colors-blue-500);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-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;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;-webkit-transition:0.2s ease;transition:0.2s ease;height:4.4rem;min-width:4.4rem;background:var(--chakra-colors-white);box-shadow:inset 0px 0px 0px 1px #3E47DD;padding:var(--chakra-space-0);}.css-1mlmbt8>svg{width:20px;height:20px;}.css-1mlmbt8:hover,.css-1mlmbt8[data-hover]{background:var(--chakra-colors-blue-50);}.css-1mlmbt8:active,.css-1mlmbt8[data-active]{background:var(--chakra-colors-blue-100);}.css-1mlmbt8:disabled,.css-1mlmbt8[disabled],.css-1mlmbt8[aria-disabled=true],.css-1mlmbt8[data-disabled]{cursor:not-allowed;opacity:0.4;background:var(--chakra-colors-white);}</style>
                        <button type="button" class="chakra-button car-audit-samples-swiper-btn-prev css-1mlmbt8" aria-label="Swipe left">
                            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-icon-id="chevronleft24" class="css-1nrnfi9">
                                <use href="<?php echo e(asset('assets/images/ChevronLeft24.af5bc71b.svg#icon')); ?>"></use>
                            </svg>
                        </button>
                        <button type="button" class="chakra-button car-audit-samples-swiper-btn-next css-1mlmbt8" aria-label="Swipe right">
                            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-icon-id="chevronright24" class="css-1nrnfi9">
                                <use href="<?php echo e(asset('assets/images/ChevronRight24.596ae37f.svg#icon')); ?>"></use>
                            </svg>
                        </button>
                    </div>
                    <style data-emotion="css 1sc2slh">.css-1sc2slh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}@media  screen and (min-width: 640px){.css-1sc2slh{display:none;}}</style>
                    <div class="css-1sc2slh">
                        <style data-emotion="css 1l7p15d">.css-1l7p15d{gap:1.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-1l7p15d .swiper-pagination-bullet{width:0.8rem;height:0.8rem;margin:var(--chakra-space-0)!important;opacity:1!important;border-radius:50%;background:var(--chakra-colors-gray-400);}.css-1l7p15d .swiper-pagination-bullet-active{background:var(--chakra-colors-blue-500);}</style>
                        <div class="car-audit-samples-swiper-bullets css-1l7p15d"></div>
                    </div>
                </div>
            </div>
        </div>
        <style data-emotion="css 1yben7c">.css-1yben7c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:3.2rem;margin:auto;padding:3.2rem 3.2rem 4.8rem 3.2rem;}@media  screen and (min-width: 768px){.css-1yben7c{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:8rem 3.2rem 12rem 3.2rem;}}@media  screen and (min-width: 992px){.css-1yben7c{max-width:97.4rem;padding:8rem 0 12rem 0;}}</style>
        <div class="css-1yben7c">
            <style data-emotion="css 1w4it8f">.css-1w4it8f{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-weight:700;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.02rem;width:100%;text-align:center;}@media  screen and (min-width: 768px){.css-1w4it8f{width:21.3rem;}}@media  screen and (min-width: 992px){.css-1w4it8f{font-size:1.8rem;width:27rem;}}</style>
            <h6 class="chakra-heading css-1w4it8f" role="heading">
                <style data-emotion="css t3w5gb">.css-t3w5gb{font-family:EuclidCircularB,sans-serif;font-style:normal;color:var(--chakra-colors-blue-500);font-size:4rem;line-height:4.8rem;margin-bottom:0.8rem;font-weight:800;}@media  screen and (min-width: 992px){.css-t3w5gb{font-size:6.4rem;line-height:7.2rem;margin-bottom:1.6rem;}}</style>
                <p class="chakra-text css-t3w5gb">270</p>
                Inspection points
            </h6>
            <h6 class="chakra-heading css-1w4it8f" role="heading">
                <p class="chakra-text css-t3w5gb">20 000+</p>
                Inspections carried out
            </h6>
            <h6 class="chakra-heading css-1w4it8f" role="heading">
                <p class="chakra-text css-t3w5gb">24%</p>
                Vehicles not recommended
            </h6>
        </div>
        <div id="bottom-poly" class="css-1n55h48"></div>
    </div>
    <style data-emotion="css 7f80qt">.css-7f80qt{position:relative;background:var(--chakra-colors-blue-500);margin-top:4rem;margin-bottom:4rem;}@media  screen and (min-width: 768px){.css-7f80qt{background-image:linear-gradient(to top, var(--chakra-colors-blue-500), var(--chakra-colors-blue-700));margin-top:4.8rem;margin-bottom:4.8rem;}}</style>
    <div class="css-7f80qt">
        <style data-emotion="css 1k6do08">.css-1k6do08{position:absolute;width:100%;left:var(--chakra-space-0);bottom:100%;background:var(--chakra-colors-blue-700);-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-1k6do08{height:4.8rem;}}</style>
        <div class="css-1k6do08"></div>
        <div class="css-0">
            <style data-emotion="css xspl2u">.css-xspl2u{width:100%;}@media  screen and (min-width: 768px){.css-xspl2u{display:none;}}</style>
            <img alt="banner-image" src="<?php echo e(asset('assets/images/banner.webp')); ?>" class="chakra-image css-xspl2u"/>
            <style data-emotion="css wdseg6">.css-wdseg6{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;padding:0 3.2rem 1.6rem 3.2rem;margin:auto;-webkit-background-position:center top;background-position:center top;background-repeat:no-repeat;}@media  screen and (min-width: 768px){.css-wdseg6{padding:6rem 3.2rem;max-width:76.8rem;background-image:url(<?php echo e(asset('assets/images/banner.webp')); ?>);-webkit-background-position:right center;background-position:right center;-webkit-background-size:auto 24.8rem;background-size:auto 24.8rem;}}@media  screen and (min-width: 992px){.css-wdseg6{padding:8rem 3.2rem;max-width:99.2rem;-webkit-background-size:auto 30.8rem;background-size:auto 30.8rem;}}@media  screen and (min-width: 1200px){.css-wdseg6{padding:11.2rem 3.2rem 9.2rem 3.2rem;max-width:120rem;-webkit-background-size:auto 36.8rem;background-size:auto 36.8rem;}}@media  screen and (min-width: 1900px){.css-wdseg6{max-width:130rem;}}</style>
            <div class="css-wdseg6">
                <style data-emotion="css 1d7jjce">.css-1d7jjce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;}@media  screen and (min-width: 768px){.css-1d7jjce{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;max-width:37rem;}}@media  screen and (min-width: 992px){.css-1d7jjce{max-width:48.8rem;}}</style>
                <div class="css-1d7jjce">
                    <style data-emotion="css 170ixco">.css-170ixco{font-family:EuclidCircularB,sans-serif;font-style:normal;margin:var(--chakra-space-0);font-weight:800;font-size:2rem;line-height:2.8rem;letter-spacing:-0.02rem;color:var(--chakra-colors-white);-webkit-flex:1;-ms-flex:1;flex:1;}@media  screen and (min-width: 992px){.css-170ixco{font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.05rem;}}</style>
                    <h4 class="chakra-heading css-170ixco" role="heading">Complete inspection of any vehicle at an unrivalled price</h4>
                    <style data-emotion="css 1n0g2dq">@media  screen and (min-width: 768px){.css-1n0g2dq{-webkit-flex-basis:13.6rem;-ms-flex-preferred-size:13.6rem;flex-basis:13.6rem;}}@media  screen and (min-width: 992px){.css-1n0g2dq{-webkit-flex-basis:17.6rem;-ms-flex-preferred-size:17.6rem;flex-basis:17.6rem;}}</style>
                    <div class="css-1n0g2dq">
                        <style data-emotion="css t7jgo6">.css-t7jgo6{margin:0 0.8rem;text-align:center;border-radius:0.4rem 0.4rem 0 0;background:var(--chakra-colors-blue-400);}</style>
                        <div class="css-t7jgo6">
                            <style data-emotion="css 14zur9b">.css-14zur9b{font-family:EuclidCircularB,sans-serif;font-style:normal;color:var(--chakra-colors-white);font-weight:700;font-size:0.9rem;line-height:2rem;letter-spacing:0.05rem;text-transform:uppercase;}@media  screen and (min-width: 992px){.css-14zur9b{font-size:1.1rem;line-height:2.4rem;}}</style>
                            <p class="chakra-text css-14zur9b">SALE PRICE</p>
                        </div>
                        <style data-emotion="css j248ob">.css-j248ob{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:1px solid;border-color:var(--chakra-colors-blue-300);border-radius:0.8rem;padding:2rem 0 1.2rem 0;text-align:center;}@media  screen and (min-width: 992px){.css-j248ob{padding:2.8rem 0 2rem 0;}}</style>
                        <div class="css-j248ob">
                            <style data-emotion="css vd0d3j">.css-vd0d3j{font-weight:800;font-size:2rem;line-height:2.8rem;letter-spacing:-0.02rem;color:var(--chakra-colors-white);}@media  screen and (min-width: 992px){.css-vd0d3j{font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.05rem;}}</style>
                            <div class="css-vd0d3j">€2,990</div>
                            <style data-emotion="css 3uzdzy">.css-3uzdzy{font-weight:500;font-size:1rem;line-height:1.6rem;color:var(--chakra-colors-gray-300);-webkit-text-decoration:line-through;text-decoration:line-through;}@media  screen and (min-width: 992px){.css-3uzdzy{font-size:1.2rem;line-height:2rem;}}</style>
                            <div class="css-3uzdzy">€4,990</div>
                        </div>
                    </div>
                </div>
                <style data-emotion="css 82cm7r">.css-82cm7r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.8rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style>
                <div class="css-82cm7r">
                    <style data-emotion="css 1ylrgrj">.css-1ylrgrj{width:1.6rem;height:1.6rem;-webkit-transition:color 200ms;transition:color 200ms;color:var(--chakra-colors-blue-400);}</style>
                    <svg viewBox="0 0 24 24" data-icon-id="infocirclefilled24" class="css-1ylrgrj">
                        <use href="<?php echo e(asset('assets/images/InfoCircleFilled24.8745743d.svg#icon')); ?>"></use>
                    </svg>
                    <style data-emotion="css 138866s">.css-138866s{font-family:EuclidCircularB,sans-serif;font-style:normal;color:var(--chakra-colors-white);font-size:1rem;line-height:1.6rem;font-weight:500;}@media  screen and (min-width: 992px){.css-138866s{font-size:1.2rem;line-height:2rem;}}</style>
                    <p class="chakra-text css-138866s">Money-back guarantee if a vehicle inspection comes back with negative results.</p>
                </div>
            </div>
        </div>
        <style data-emotion="css z2nyvw">.css-z2nyvw{position:absolute;width:100%;left:var(--chakra-space-0);top:100%;background:var(--chakra-colors-blue-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-z2nyvw{height:4.8rem;}}</style>
        <div id="bottom-poly" class="css-z2nyvw"></div>
    </div>

    <style data-emotion="css r1g5ob">.css-r1g5ob{position:relative;background:var(--chakra-colors-gray-100);margin-top:4rem;}@media  screen and (min-width: 768px){.css-r1g5ob{margin-top:4.8rem;}}</style>
    <div class="css-r1g5ob">
        <div class="css-10yoje2"></div>
        <style data-emotion="css 19q4gqv">.css-19q4gqv{overflow-x:hidden;padding:4.8rem 0;position:relative;background:var(--chakra-colors-gray-100);margin-top:4rem;}@media  screen and (min-width: 768px){.css-19q4gqv{margin-top:4.8rem;}}@media  screen and (min-width: 1280px){.css-19q4gqv{padding:8rem 0;}}</style>
        
        <style data-emotion="css ks0ao4">.css-ks0ao4{padding:3.2rem 4rem 4.8rem 4rem;}@media  screen and (min-width: 768px){.css-ks0ao4{padding:4.8rem 4rem 6.4rem 4rem;}}@media  screen and (min-width: 992px){.css-ks0ao4{padding:6.4rem 4rem 8rem 4rem;}}</style>
        <div class="css-ks0ao4">
            <style data-emotion="css 1vsgb4">.css-1vsgb4{max-width:59.6rem;margin:auto;}</style>
            <div class="css-1vsgb4">
                <style data-emotion="css 1yip5n9">.css-1yip5n9{font-weight:700;font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.2px;text-align:center;color:unset;}@media  screen and (min-width: 768px){.css-1yip5n9{font-size:2.4rem;line-height:3.2rem;letter-spacing:-0.4px;}}</style>
                <h3 class="css-1yip5n9">Do you need advice?</h3>
                <style data-emotion="css fav8ok">.css-fav8ok{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:3.2rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:2.4rem;color:unset;}@media  screen and (min-width: 768px){.css-fav8ok{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:none;}}</style>
                <div class="css-fav8ok">
                    <style data-emotion="css v35l3m">.css-v35l3m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:2.4rem;}</style>
                    <div class="css-v35l3m">
                        <style data-emotion="css dosp9r">.css-dosp9r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:5.6rem;height:5.6rem;border-radius:100%;-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;background:var(--chakra-colors-white);color:var(--chakra-colors-blue-500);}</style>
                        <div class="css-dosp9r">
                            <svg viewBox="0 0 24 24" data-icon-id="phonecallfilled24" class="css-dks37e">
                                <use href="<?php echo e(asset('assets/images/PhoneCallFilled24.98498eb6.svg#icon')); ?>"></use>
                            </svg>
                        </div>
                        <div class="css-0">
                            <style data-emotion="css 1tf09ic">.css-1tf09ic{font-size:1.4rem;line-height:2.4rem;}</style>
                            <div class="css-1tf09ic">Call us</div>
                            <style data-emotion="css gstxjo">.css-gstxjo{font-weight:700;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.2px;}.css-gstxjo a[type="email"]{color:var(--chakra-colors-blue-500);-webkit-text-decoration:underline;text-decoration:underline;}</style>
                            <div class="css-gstxjo"><a type="phone" href="tel:<?php echo e(config('app.phone')); ?>"><?php echo e(config('app.phone')); ?></a></div>
                            <style data-emotion="css cuqw91">.css-cuqw91{font-size:1.2rem;line-height:2rem;}</style>
                            <div class="css-cuqw91">Mo–Su 8 am-8 pm</div>
                        </div>
                    </div>
                    <div class="css-v35l3m">
                        <div class="css-dosp9r">
                            <svg viewBox="0 0 24 24" data-icon-id="mailfilled24" class="css-dks37e">
                                <use href="<?php echo e(asset('assets/images/MailFilled24.7261af02.svg#icon')); ?>"></use>
                            </svg>
                        </div>
                        <div class="css-0">
                            <div class="css-1tf09ic">Email</div>
                            <div class="css-gstxjo"><a type="email" href="mailto:<?php echo e(config('app.email')); ?>"><?php echo e(config('app.email')); ?></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main><?php /**PATH C:\xampp\htdocs\cavg\resources\views/livewire/pages/main/car-audit.blade.php ENDPATH**/ ?>