<main data-testid="" class="css-1f7uoeb e1wcrodl0">
    <div data-testid="announcement-bar" class="css-0"></div>
    <style data-emotion="css 1qnouyn">.css-1qnouyn{background-color:white;overflow:hidden;}</style>
    <div class="css-1qnouyn e1e77pgg0">
        <style data-emotion="css 5y6mz">.css-5y6mz{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;}</style>
        <div class="css-5y6mz egibwnd1">
            <style data-emotion="css xew1hk">.css-xew1hk{width:inherit;width:nullpx;left:0;position:relative;display:none;top:unset;z-index:10;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:unset;}@media (min-width: 1200px){.css-xew1hk{top:unset;}}</style>
            <div class="css-xew1hk egibwnd0">
                <style data-emotion="css 1nqvd5a">.css-1nqvd5a{background:#ffffff;box-shadow:0px 4px 16px rgba(72,88,133,0.12);}</style>
                <div class="css-1nqvd5a e1dr6aid0">
                    <style data-emotion="css 12jwqio">.css-12jwqio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1216px;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin:0 auto;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:56px;}@media (min-width:1899px){.css-12jwqio{max-width:1584px;}}</style>
                    <div class="css-12jwqio e1dr6aid1">
                        <style data-emotion="css jscjz2">.css-jscjz2{cursor:pointer;padding:6px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}</style>
                        <div class="css-jscjz2 e1dr6aid4">
                            <style data-emotion="css 1iribkh">.css-1iribkh{font-weight:bold;font-size:16px;line-height:2.2rem;color:#63749B;margin-right:0.8rem;}</style>
                            <span class="css-1iribkh e1dr6aid2">01.</span>
                            <style data-emotion="css b0zs3r">.css-b0zs3r{font-weight:normal;display:none;font-size:16px;line-height:2.2rem;color:#63749B;}@media (min-width:992px){.css-b0zs3r{display:inline-block;}}</style>
                            <span class="css-b0zs3r e1dr6aid3">Choose a car</span>
                        </div>
                        <div class="css-jscjz2 e1dr6aid4"><span class="css-1iribkh e1dr6aid2">02.</span><span class="css-b0zs3r e1dr6aid3">We check up the car</span></div>
                        <div class="css-jscjz2 e1dr6aid4"><span class="css-1iribkh e1dr6aid2">03.</span><span class="css-b0zs3r e1dr6aid3">Order and pay</span></div>
                        <div class="css-jscjz2 e1dr6aid4"><span class="css-1iribkh e1dr6aid2">04.</span><span class="css-b0zs3r e1dr6aid3">We will provide a guarantee</span></div>
                        <div class="css-jscjz2 e1dr6aid4"><span class="css-1iribkh e1dr6aid2">05.</span><span class="css-b0zs3r e1dr6aid3">We buy out the car</span></div>
                        <div class="css-jscjz2 e1dr6aid4"><span class="css-1iribkh e1dr6aid2">06.</span><span class="css-b0zs3r e1dr6aid3">We deliver</span></div>
                    </div>
                </div>
            </div>
        </div>
        <style data-emotion="css 4d5ucr">.css-4d5ucr{position:relative;margin:0 1.6rem;}@media (min-width:992px){.css-4d5ucr{margin:0 4.4rem;position:relative;z-index:5;}}</style>
        <div class="css-4d5ucr ey4qmrj0">
            <style data-emotion="css 1y9kmk1">.css-1y9kmk1{margin:0 auto;max-width:1216px;}@media (min-width:1900px){.css-1y9kmk1{max-width:1584px;min-height:59.6rem;}}</style>
            <div class="css-1y9kmk1 ey4qmrj1">
                <style data-emotion="css 1a5uwbq">.css-1a5uwbq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:54.8rem;}@media (min-width:1900px){.css-1a5uwbq{min-height:72.9rem;}}@media (max-width:1399px){.css-1a5uwbq{min-height:47.5rem;}}@media (max-width:1199px){.css-1a5uwbq{min-height:46.2rem;}}@media (max-width:991px){.css-1a5uwbq{min-height:auto;}}@media (max-width:991px){.css-1a5uwbq{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}</style>
                <div class="css-1a5uwbq ey4qmrj2">
                    <style data-emotion="css a8bb9i">.css-a8bb9i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding-left:10.4rem;width:51%;}@media (max-width: 991px){.css-a8bb9i{padding:4.8rem 8.8rem 0;}}@media (max-width: 767px){.css-a8bb9i{padding:4.8rem 0 0;}}@media (max-width:991px){.css-a8bb9i{width:100%;}}</style>
                    <div class="css-a8bb9i ey4qmrj4">
                        <style data-emotion="css phlikn">.css-phlikn{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-size:4.4rem;line-height:127%;color:#1F2B59;margin:0;}@media (max-width:1199px){.css-phlikn{font-size:3.2rem;line-height:4rem;letter-spacing:-0.8px;}}</style>
                        <h1 class="css-phlikn ey4qmrj6">How does <?php echo e(config('app.name')); ?> work?</h1>
                        <style data-emotion="css 17apl1p">.css-17apl1p{font-weight:600;font-size:1.8rem;line-height:178%;margin:0;font-style:normal;color:#1F2B59;margin:3.2rem 0 4.8rem;}@media (max-width:1199px){.css-17apl1p{margin:1.6rem 0 3.2rem;font-size:1.4rem;line-height:2.4rem;}}</style>
                        <p class="css-17apl1p ey4qmrj7">Simply. Choose a car. We will arrange a detailed inspection. Based on that you can decide whether you want the car. We then buy it, arrange an extended warranty, register it and deliver it to you.</p>
                        <a>
                            <style data-emotion="css 1dfg8oy">.css-1dfg8oy{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);margin-bottom:var(--chakra-space-0);}.css-1dfg8oy:focus-visible,.css-1dfg8oy[data-focus-visible]{box-shadow:var(--chakra-shadows-outline);}.css-1dfg8oy:disabled,.css-1dfg8oy[disabled],.css-1dfg8oy[aria-disabled=true],.css-1dfg8oy[data-disabled]{opacity:1;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);background:var(--chakra-colors-gray-300)!important;}.css-1dfg8oy:disabled:hover,.css-1dfg8oy[disabled]:hover,.css-1dfg8oy[aria-disabled=true]:hover,.css-1dfg8oy[data-disabled]:hover,.css-1dfg8oy:disabled[data-hover],.css-1dfg8oy[disabled][data-hover],.css-1dfg8oy[aria-disabled=true][data-hover],.css-1dfg8oy[data-disabled][data-hover]{box-shadow:var(--chakra-shadows-none);}.css-1dfg8oy:hover,.css-1dfg8oy[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-1dfg8oy:hover:disabled,.css-1dfg8oy[data-hover]:disabled,.css-1dfg8oy:hover[disabled],.css-1dfg8oy[data-hover][disabled],.css-1dfg8oy:hover[aria-disabled=true],.css-1dfg8oy[data-hover][aria-disabled=true],.css-1dfg8oy:hover[data-disabled],.css-1dfg8oy[data-hover][data-disabled]{background:initial;}.css-1dfg8oy:focus,.css-1dfg8oy[data-focus]{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--chakra-shadows-none);}.css-1dfg8oy:active,.css-1dfg8oy[data-active]{-webkit-background-position:right;background-position:right;-webkit-background-size:400%;background-size:400%;}@media  screen and (min-width: 992px){.css-1dfg8oy{margin-bottom:15px;}}@media  screen and (min-width: 1400px){.css-1dfg8oy{margin-bottom:var(--chakra-space-0);}}</style>
                            <button type="button" class="chakra-button css-1dfg8oy">
                                <span class="chakra-button__icon css-1j0khbq">
                                    <style data-emotion="css 13y64ox">.css-13y64ox{width:16px;height:16px;-webkit-transition:color 200ms;transition:color 200ms;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}</style>
                                    <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false" data-icon-id="arrowright16" class="css-13y64ox">
                                        <use href="/_next/static/media/ArrowRight16.6e3f0276.svg#icon"></use>
                                    </svg>
                                </span>
                                I want to know more
                            </button>
                        </a>
                    </div>
                    <style data-emotion="css 1unxf65">.css-1unxf65{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:49%;}@media (max-width: 991px){.css-1unxf65{padding-top:6.4rem;}}@media (max-width: 767px){.css-1unxf65{padding-top:6.8rem;}}@media (max-width:991px){.css-1unxf65{width:100%;}}</style>
                    <div class="css-1unxf65 ey4qmrj4">
                        <style data-emotion="css zew3r3">.css-zew3r3{position:absolute;right:-4.4rem;top:0;font-size:0;}@media (min-width:2400px){.css-zew3r3{position:unset;}}@media (max-width:1399px){.css-zew3r3{right:-15rem;}}@media (max-width:991px){.css-zew3r3{position:static;}}</style>
                        <div class="css-zew3r3 ey4qmrj5">
                            <style data-emotion="css vod3k0">.css-vod3k0{width:93.6rem;}@media (max-width:1899px){.css-vod3k0{width:74rem;}}@media (max-width:1199px){.css-vod3k0{width:50rem;height:46.2rem;}}@media (max-width:991px){.css-vod3k0{position:relative;right:-1.6rem;width:100%;padding-left:8.8rem;height:auto;}}@media (max-width:767px){.css-vod3k0{right:-1.6rem;width:100%;padding-left:0;}}</style>
                            <img src="<?php echo e(asset('assets/images/how-carvago-works-hero.webp')); ?>" alt="How <?php echo e(config('app.name')); ?> works" class="css-vod3k0 ey4qmrj8"/>
                        </div>
                    </div>
                </div>
                <style data-emotion="css 1v98qc7">.css-1v98qc7{position:absolute;-webkit-transform:translateY(-90%);-moz-transform:translateY(-90%);-ms-transform:translateY(-90%);transform:translateY(-90%);z-index:1;max-width:1584px;width:100%;}.css-1v98qc7 ul,.css-1v98qc7 li{width:100%;}.css-1v98qc7 ul{padding:0;}@media (max-width:1899px){.css-1v98qc7{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);max-width:1216px;}}@media (max-width:1399px){.css-1v98qc7{-webkit-transform:translateY(-20%);-moz-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);}}@media (max-width:991px){.css-1v98qc7{position:relative;-webkit-transform:translateY(-33.33%);-moz-transform:translateY(-33.33%);-ms-transform:translateY(-33.33%);transform:translateY(-33.33%);padding:0 8.8rem;z-index:0;}.css-1v98qc7::before{content:'';display:block;position:absolute;width:calc(100% + 3.2rem);height:calc(100% - 7.2rem);bottom:0;left:-1.6rem;right:-1.6rem;top:33.33%;background:linear-gradient(
                    180deg,#ffffff,#F5F7FB			);-webkit-transform:matrix(-1,0,0,1,0,0);-moz-transform:matrix(-1,0,0,1,0,0);-ms-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0);}}@media (max-width:767px){.css-1v98qc7{-webkit-transform:translateY(-17%);-moz-transform:translateY(-17%);-ms-transform:translateY(-17%);transform:translateY(-17%);padding:0;}.css-1v98qc7::before{top:17%;height:100%;}}
                </style>
                <div class="css-1v98qc7 ey4qmrj3">
                    <style data-emotion="css 19ucoub">.css-19ucoub{max-width:1230px;margin:0 auto;}</style>
                    
                    <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.guarantee','data' => []]); ?>
<?php $component->withName('guarantee'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                    
                </div>
            </div>
        </div>
        <style data-emotion="css 16r4ase">.css-16r4ase{position:relative;margin:-2.3rem 0 6.4rem;background:linear-gradient(
            180deg,#ffffff 0%,#F5F7FB 19.79%
            );}.css-16r4ase::after{content:'';display:block;height:4rem;background:#F5F7FB;position:absolute;bottom:-4rem;left:0;right:0;-webkit-clip-path:polygon(100% 0,0 0,0 100%);clip-path:polygon(100% 0,0 0,0 100%);}@media (min-width:768px){.css-16r4ase{margin:0 0 6.4rem;}}@media (min-width:992px){.css-16r4ase{padding-top:13rem;margin:0 0 8rem;}.css-16r4ase::after{content:unset;}.css-16r4ase::before{content:'';display:block;height:30rem;background:#ffffff;position:absolute;bottom:0;left:0;right:0;-webkit-clip-path:polygon(0 38%,100% 0,100% 100%,0% 100%);clip-path:polygon(0 38%,100% 0,100% 100%,0% 100%);}}@media (min-width:1200px){.css-16r4ase{padding-top:20rem;}}@media (min-width:1900px){.css-16r4ase{padding-top:8rem;}}
        </style>
        <div class="css-16r4ase e1aoc5h40">
            <style data-emotion="css 1mbp07k">.css-1mbp07k{padding:2rem 1.6rem 3.6rem;position:relative;z-index:1;background:#F5F7FB;}.css-1mbp07k::after{content:'';display:block;width:100%;height:4rem;position:absolute;bottom:0;left:0;background:#F5F7FB;-webkit-clip-path:polygon(100% 0, 0% 100%, 100% 100%);clip-path:polygon(100% 0, 0% 100%, 100% 100%);}@media (min-width:768px){.css-1mbp07k{margin:1.1rem auto 0;padding:0 2rem 8rem;}}@media (min-width:992px){.css-1mbp07k{margin:6.4rem auto 0;background:#ffffff;}.css-1mbp07k::before{content:'';display:block;width:100%;height:calc(100% - 15rem);position:absolute;top:0;left:0;background:#F5F7FB;}.css-1mbp07k::after{content:'';display:block;width:100%;position:absolute;left:0;height:5rem;top:unset;bottom:10rem;background:#F5F7FB;-webkit-clip-path:polygon(0 0,0% 100%,100% 0);clip-path:polygon(0 0,0% 100%,100% 0);}}@media (min-width:2400px){.css-1mbp07k::after{-webkit-clip-path:none;clip-path:none;}}</style>
        </div>
        <div class="mt-5">
            <div>
                <style data-emotion="css eer0z0">.css-eer0z0{position:relative;margin:0 1.6rem 8rem;}.css-eer0z0::before{content:'';position:absolute;right:-4.8rem;bottom:-3.2rem;height:3.2rem;width:73%;background:#D7E1EF;-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%);}@media (min-width:768px){.css-eer0z0{margin:0 4.4rem 9.6rem;}}@media (min-width:992px){.css-eer0z0{margin:0 4.4rem 4.6rem;}.css-eer0z0::before{bottom:unset;top:34.8rem;right:-4.4rem;width:28.4rem;}}@media (min-width:1200px){.css-eer0z0{margin:0 4.4rem 10.2rem;}}@media (min-width:1400px){.css-eer0z0::before{top:54.6rem;width:42.4rem;}}@media (min-width:1900px){.css-eer0z0{margin:0 4.4rem 13.6rem;}.css-eer0z0::before{top:62.2rem;width:59.2rem;}}@media (min-width:2400px){.css-eer0z0::before{width:39%;}}</style>
                <div class="css-eer0z0 e1dq4u310">
                    <style data-emotion="css xzy1fg">.css-xzy1fg{margin:0 auto;max-width:1216px;}@media (min-width:1900px){.css-xzy1fg{max-width:1584px;}}</style>
                    <div class="css-xzy1fg e1dq4u311">
                        <div>
                            <style data-emotion="css 1sezh6u">.css-1sezh6u{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;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media (min-width:992px){.css-1sezh6u{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style>
                            <div class="css-1sezh6u e18fi0kx0">
                                <style data-emotion="css 6kuxf2">.css-6kuxf2{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-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media (min-width: 768px){.css-6kuxf2{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-right:8.8rem;}}@media (min-width: 992px){.css-6kuxf2{padding-right:0;padding-top:1.8rem;}}@media (min-width: 1900px){.css-6kuxf2{padding-top:2.8rem;}}@media (min-width:992px){.css-6kuxf2{width:57%;}}</style>
                                <div class="css-6kuxf2 e18fi0kx1">
                                    <style data-emotion="css 13ll8x3">.css-13ll8x3{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-size:3.2rem;line-height:125%;color:#1F2B59;color:#3E47DD;margin:0 0 1.6rem 0;text-align:center;}@media (min-width:768px){.css-13ll8x3{width:8.8rem;padding-top:0.8rem;text-align:left;}}@media (min-width:992px){.css-13ll8x3{width:8rem;padding-top:0;}}@media (min-width:1200px){.css-13ll8x3{font-size:4.4rem;line-height:5.6rem;letter-spacing:-0.5px;width:10.4rem;}}@media (min-width:1900px){.css-13ll8x3{width:13.6rem;}}</style>
                                    <h3 class="css-13ll8x3 e18fi0kx4">01.</h3>
                                    <style data-emotion="css 1o04r09">.css-1o04r09{-webkit-flex:1;-ms-flex:1;flex:1;}</style>
                                    <div class="css-1o04r09 e18fi0kx3">
                                        <style data-emotion="css 1s3qwlq">.css-1s3qwlq{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-size:2.8rem;line-height:129%;font-weight:800;color:#1F2B59;margin:0;text-align:center;}@media (min-width:768px){.css-1s3qwlq{text-align:left;}}@media (min-width:1200px){.css-1s3qwlq{font-size:3.6rem;line-height:4.8rem;letter-spacing:-0.5px;}}</style>
                                        <h4 class="css-1s3qwlq e18fi0kx5">1200 cars per click</h4>
                                        <style data-emotion="css 2yf278">.css-2yf278{font-weight:600;font-size:1.8rem;line-height:178%;margin:0;font-style:normal;color:#1F2B59;margin-top:1.6rem;margin-bottom:3.2rem;letter-spacing:0;}@media (max-width:1199px){.css-2yf278{margin-bottom:2.4rem;font-size:1.4rem;line-height:2.4rem;}}</style>
                                        <p class="css-2yf278 e1kxh3ki0">We process over 8000 ads every day, but we recommend only 10% of them for purchase. With the remaining cars, something often &quot;doesn&#x27;t fit&quot; us.</p>
                                        <style data-emotion="css k7nj03">.css-k7nj03{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--chakra-space-0);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style>
                                        
                                        <style data-emotion="css 8jwilw">.css-8jwilw{margin-top:3.2rem;}@media (min-width:1200px){.css-8jwilw{margin-top:4.8rem;}}</style>
                                        <div class="css-8jwilw e14yc8t60">
                                            <style data-emotion="css 86ai1q">.css-86ai1q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#C7FFE9;border:1px solid #95E7CE;border-radius:0.4rem;}@media (min-width:992px){.css-86ai1q{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style>
                                            <div class="css-86ai1q e14yc8t61">
                                                <style data-emotion="css 1aqa2qp">.css-1aqa2qp{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#95E7CE;}@media (min-width:992px){.css-1aqa2qp{position:relative;}.css-1aqa2qp::before{content:'';position:absolute;right:-1px;top:0;height:100%;width:3.2rem;background:#C7FFE9;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 100%);}}</style>
                                                <div class="css-1aqa2qp e14yc8t62">
                                                    <style data-emotion="css 1vy3ouc">.css-1vy3ouc{width:9.6rem;margin-left:1.6rem;display:none;font-size:0;-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}@media (min-width:992px){.css-1vy3ouc{position:relative;z-index:1;display:block;margin-left:0;width:144px;}}</style>
                                                    <div class="css-1vy3ouc e14yc8t63">
                                                        <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 alt="<?php echo e(config('app.name')); ?> offer" src="<?php echo e(asset('assets/images/how-carvago-works-banner-advice.webp')); ?>"/></div>
                                                    </div>
                                                    <style data-emotion="css 1bud4gv">.css-1bud4gv{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-weight:bold;font-size:1.8rem;line-height:133%;letter-spacing:-0.2px;margin:0;color:#1F2B59;margin:3.2rem 0 3.2rem 1.6rem;font-weight:700;display:block;color:#1D2176;}@media (min-width:992px){.css-1bud4gv{margin:0;display:none;}}@media (min-width:1200px){.css-1bud4gv{font-size:2.4rem;line-height:3.2rem;}}</style>
                                                    <h6 class="css-1bud4gv e14yc8t65">We are your trusted advisor</h6>
                                                </div>
                                                <style data-emotion="css 1c4no13">.css-1c4no13{padding:1.6rem;}@media (min-width:992px){.css-1c4no13{padding:2.4rem 2.4rem 2.4rem 3.2rem;}}</style>
                                                <div class="css-1c4no13 e14yc8t64">
                                                    <style data-emotion="css 1riixmo">.css-1riixmo{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-weight:bold;font-size:1.8rem;line-height:133%;letter-spacing:-0.2px;margin:0;color:#1F2B59;margin:3.2rem 0 3.2rem 1.6rem;font-weight:700;display:none;color:#1D2176;}@media (min-width:992px){.css-1riixmo{margin:0;display:block;}}@media (min-width:1200px){.css-1riixmo{font-size:2.4rem;line-height:3.2rem;}}</style>
                                                    <h6 class="css-1riixmo e14yc8t65">We are your trusted advisor</h6>
                                                    <style data-emotion="css 85vebf">.css-85vebf{font-weight:normal;font-size:1.2rem;line-height:167%;margin:0;font-style:normal;color:#3E27C4;color:#1D2176;}@media (min-width:992px){.css-85vebf{padding-top:1.6rem;}}@media (min-width:1200px){.css-85vebf{font-size:1.4rem;line-height:2rem;}}</style>
                                                    <span class="css-85vebf e14yc8t66"><strong>We offer vehicles from trustworthy sellers, we are not their owners. This is why we are always pleased to advise you objectively.</strong> We don’t need to get rid of any unsellable vehicles which have been standing in the car lot for half a year.</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css 11r8tk4">.css-11r8tk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;padding-top:3.2rem;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media (min-width: 768px){.css-11r8tk4{padding-top:4.8rem;}}@media (min-width: 992px){.css-11r8tk4{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding-top:0;}}@media (min-width:992px){.css-11r8tk4{width:43%;}}</style>
                                <div class="css-11r8tk4 e18fi0kx1">
                                    <style data-emotion="css 1fwkgg1">@media (min-width:992px){.css-1fwkgg1{padding-left:10.4rem;}}@media (min-width:1200px){.css-1fwkgg1{padding-left:13.6rem;}}@media (min-width:1900px){.css-1fwkgg1{padding-left:18.4rem;}}</style>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="checkUpCar">
            <div>
                <style data-emotion="css d541y6">.css-d541y6{position:relative;margin:0 1.6rem -4rem;}@media (min-width:768px){.css-d541y6{margin:0 4.4rem -1.6rem;}}@media (min-width:992px){.css-d541y6{margin:0 4.4rem 1.4rem;}}@media (min-width:1200px){.css-d541y6{margin:0 4.4rem 8.8rem;}}@media (min-width:1900px){.css-d541y6{margin:0 4.4rem 13.2rem;}}</style>
                <div class="css-d541y6 e1m7gbl10">
                    <div class="css-xzy1fg e1m7gbl11">
                        <style data-emotion="css g214vm">.css-g214vm{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;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:526px;}@media (min-width:992px){.css-g214vm{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style>
                        <div class="css-g214vm e18fi0kx0">
                            <div class="css-6kuxf2 e18fi0kx1">
                                <h3 class="css-13ll8x3 e18fi0kx4">02.</h3>
                                <div class="css-1o04r09 e18fi0kx3">
                                    <h4 class="css-1s3qwlq e18fi0kx5">We arrange a vehicle inspection</h4>
                                    <p class="css-2yf278 e1kxh3ki0">We do not own cars in our offer, so we must first thoroughly check them. We know specific models and motorizations perfectly and we know what to focus on for each of them.</p>
                                </div>
                            </div>
                            <div class="css-11r8tk4 e18fi0kx1">
                                <style data-emotion="css tzrs7y">.css-tzrs7y{width:100%;text-align:right;}@media (min-width:992px){.css-tzrs7y{text-align:left;padding-left:10.4rem;position:relative;}}@media (min-width:1200px){.css-tzrs7y{padding-left:13.6rem;}}@media (min-width:1900px){.css-tzrs7y{padding-left:18.4rem;}}</style>
                                <div class="css-tzrs7y e18fi0kx2">
                                    <style data-emotion="css 37jeaw">.css-37jeaw{max-width:49.6rem;position:absolute;right:-4.4rem;top:6.4rem;width:100%;display:inline-block;}@media (min-width:992px){.css-37jeaw{right:unset;left:13.6rem;}}@media (min-width:1900px){.css-37jeaw{width:66.4rem;max-width:unset;top:0;left:18.4rem;}}@media (max-width:1399px){.css-37jeaw{max-width:34rem;}}@media (max-width:991px){.css-37jeaw{position:relative;top:0;max-width:unset;display:none;width:94%;}}@media (max-width:767px){.css-37jeaw{right:-1.6rem;}}@media (max-width:420px){.css-37jeaw{width:calc(100% + 1.6rem);right:0;display:inline-block;}}</style>
                                    <img src="<?php echo e(asset('assets/images/how-carvago-works-car-audit.webp')); ?>" alt="CarAudit" class="css-37jeaw e1m7gbl12"/>
                                    <style data-emotion="css 141hld8">.css-141hld8{max-width:49.6rem;position:absolute;right:-4.4rem;top:6.4rem;width:100%;display:none;}@media (min-width:992px){.css-141hld8{right:unset;left:13.6rem;}}@media (min-width:1900px){.css-141hld8{width:66.4rem;max-width:unset;top:0;left:18.4rem;}}@media (max-width:1399px){.css-141hld8{max-width:34rem;}}@media (max-width:991px){.css-141hld8{position:relative;top:0;max-width:unset;display:inline-block;width:94%;}}@media (max-width:767px){.css-141hld8{right:-1.6rem;}}@media (max-width:420px){.css-141hld8{width:calc(100% + 1.6rem);right:0;display:none;}}</style>
                                    <img src="<?php echo e(asset('assets/images/how-carvago-works-car-audit-tablet.webp')); ?>" alt="CarAudit" class="css-141hld8 e1m7gbl12"/>
                                    <style data-emotion="css j796fs">.css-j796fs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;height:44.9rem;}@media (min-width:992px){.css-j796fs{width:27.7rem;}}@media (min-width:1200px){.css-j796fs{position:absolute;height:26.3rem;top:6.4rem;}.css-j796fs>div{-webkit-transform:translateY(69%);-moz-transform:translateY(69%);-ms-transform:translateY(69%);transform:translateY(69%);}}@media (min-width:1400px){.css-j796fs{width:38.4rem;height:38.4rem;}.css-j796fs>div{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}}@media (min-width:1900px){.css-j796fs{height:51.4rem;width:49.6rem;top:unset;}}@media (min-width:2400px){.css-j796fs>div{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}}@media (max-width:1199px){.css-j796fs{height:32.7rem;position:absolute;left:5rem;top:0;}}@media (max-width:991px){.css-j796fs{position:static;height:auto;padding-right:8.8rem;}}@media (max-width:767px){.css-j796fs{padding-right:0;}}</style>
                                    <div class="css-j796fs e1m7gbl13">
                                        <style data-emotion="css n441vz">.css-n441vz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2.4rem 1.6rem 1.2rem 1.6rem;background:var(--chakra-colors-white);gap:1.6rem;border:1px solid;border-color:var(--chakra-colors-gray-200);border-radius:0.4rem;box-shadow:0px 16px 32px rgba(72, 88, 133, 0.08);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}@media  screen and (min-width: 768px){.css-n441vz{-webkit-transform:translateY(-66%);-moz-transform:translateY(-66%);-ms-transform:translateY(-66%);transform:translateY(-66%);}}@media  screen and (min-width: 992px){.css-n441vz{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}}@media  screen and (min-width: 1200px){.css-n441vz{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}}.css-n441vz:hover,.css-n441vz[data-hover]{box-shadow:0px 24px 32px rgba(72, 88, 133, 0.16);}</style>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="orderAndPay">
            <div>
                <div class="css-eer0z0 e1sze4mg0">
                    <div class="css-xzy1fg e1sze4mg1">
                        <div class="css-1sezh6u e18fi0kx0">
                            <div class="css-6kuxf2 e18fi0kx1">
                                <h3 class="css-13ll8x3 e18fi0kx4">03.</h3>
                                <div class="css-1o04r09 e18fi0kx3">
                                    <h4 class="css-1s3qwlq e18fi0kx5">
                                        Financing online<br/> within <!-- -->few hours
                                    </h4>
                                    <p class="css-2yf278 e1kxh3ki0">You can either pay for the car with your own money or use financing via <?php echo e(config('app.name')); ?>. We have above-standard conditions agreed with many verified banks and financial service providers.</p>

                                    <div class="css-8jwilw e14yc8t60">
                                        <div class="css-86ai1q e14yc8t61">
                                            <div class="css-1aqa2qp e14yc8t62">
                                                <style data-emotion="css 81ix3u">.css-81ix3u{width:9.6rem;margin-left:1.6rem;display:none;font-size:0;}@media (min-width:992px){.css-81ix3u{position:relative;z-index:1;display:block;margin-left:0;width:144px;}}</style>
                                                <div class="css-81ix3u e14yc8t63">
                                                    <div class="css-akxjdn"><img src="<?php echo e(asset('assets/images/how-carvago-works-banner-order.webp')); ?>"/></div>
                                                </div>
                                                <h6 class="css-1bud4gv e14yc8t65"><?php echo e(config('app.name')); ?> warranty</h6>
                                                <style data-emotion="css 5bazu4">.css-5bazu4{width:9.6rem;margin-left:1.6rem;display:block;font-size:0;}@media (min-width:992px){.css-5bazu4{position:relative;z-index:1;display:none;margin-left:0;width:144px;}}</style>
                                            </div>
                                            <div class="css-1c4no13 e14yc8t64">
                                                <h6 class="css-1riixmo e14yc8t65"><?php echo e(config('app.name')); ?> warranty</h6>
                                                <span class="css-85vebf e14yc8t66">Because we are buying the car for you, we assume the warranty ourselves. <strong>Vehicle returns are arranged through us</strong>, in your native language, not with the original seller.</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="css-11r8tk4 e18fi0kx1">
                                <div class="css-1fwkgg1 e18fi0kx2">
                                    <style data-emotion="css 15isw6g">.css-15isw6g{position:static;}@media (min-width:992px){.css-15isw6g{position:relative;}}</style>
                                    <div class="css-15isw6g e1sze4mg3">
                                        <style data-emotion="css bp25pn">.css-bp25pn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;max-width:32.8rem;}.css-bp25pn::after{content:'';height:100%;width:2000rem;position:absolute;right:0;top:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);background:#EDF1F8;}@media (min-width:1400px) and (max-width:1899px){.css-bp25pn{margin-top:6.4rem;}}@media (min-width:768px){.css-bp25pn{max-width:49.6rem;}}@media (min-width:992px){.css-bp25pn{max-width:27.7rem;}}@media (min-width:1400px){.css-bp25pn{max-width:38.4rem;}}@media (min-width:1900px){.css-bp25pn{max-width:49.6rem;}}</style>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="benefits">
            <div>
                <div class="css-eer0z0 e14htovh0">
                    <div class="css-xzy1fg e14htovh1">
                        <div class="css-1sezh6u e18fi0kx0">
                            <div class="css-6kuxf2 e18fi0kx1">
                                <h3 class="css-13ll8x3 e18fi0kx4">04.</h3>
                                <div class="css-1o04r09 e18fi0kx3">
                                    <h4 class="css-1s3qwlq e18fi0kx5">Risk-free purchase</h4>
                                    <p class="css-2yf278 e1kxh3ki0">There&#x27;s no risk to you when you buy a car on <?php echo e(config('app.name')); ?>. We pride ourselves on transparency and the perfect condition of the cars, and we provide our customers with maximum guarantees.</p>
                                    <style data-emotion="css 1o5gcib">.css-1o5gcib{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:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media  screen and (min-width: 421px){.css-1o5gcib{gap:2.4rem;}}</style>
                                </div>
                            </div>
                            <div class="css-11r8tk4 e18fi0kx1">
                                <div class="css-1fwkgg1 e18fi0kx2">
                                    <style data-emotion="css 1stbvd2">.css-1stbvd2{position:relative;}</style>
                                    <div class="css-1stbvd2 e14htovh4">
                                        <div class="css-70f4n4 e14htovh2"><img src="<?php echo e(asset('assets/images/how-carvago-works-purchase-benefits-bg.webp')); ?>" class="css-16hx8x0 e14htovh3"/></div>
                                        <style data-emotion="css a7lyeg">.css-a7lyeg{position:absolute;left:0;top:0;width:100%;height:100%;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;-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;padding:0 1.6rem 0 0;}@media (min-width:361px){.css-a7lyeg{padding:7.6rem 1.6rem 0 0;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}}@media (min-width:768px){.css-a7lyeg{padding:2.4rem;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;min-width:38.4rem;}}@media (min-width:992px){.css-a7lyeg{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding:3.2rem 6.4rem 0 0;}}@media (min-width:1200px){.css-a7lyeg{padding:3.2rem 2.4rem 2.4rem;}}@media (min-width:1400px){.css-a7lyeg{padding:8.8rem 2.4rem 2.4rem;}}@media (min-width:1900px){.css-a7lyeg{padding:13.6rem 6.8rem 0 0;}}</style>
                                        <div class="css-a7lyeg e14htovh5">
                                            <style data-emotion="css 1xgqznr">.css-1xgqznr{width:28rem;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:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;background:#ffffff;border:1px solid #D7E1EF;border-radius:4px;box-shadow:0px 4px 16px rgba(72, 88, 133, 0.12);}.css-1xgqznr:not(:last-child){margin-bottom:2.4rem;}@media (min-width:361px){.css-1xgqznr:first-of-type{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;}.css-1xgqznr:last-child{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}}@media (min-width:768px){.css-1xgqznr:not(:last-child){margin-bottom:3.2rem;}}</style>
                                            <div class="css-1xgqznr e14htovh6">
                                                <style data-emotion="css lne3gl">.css-lne3gl{font-size:0;padding:1.2rem;background:linear-gradient(
                                                    90deg,rgba(179,195,222,0.48) 0%,rgba(215,225,239,0.24) 88.89%
                                                    );-webkit-clip-path:polygon(0 0,calc(100% - 1.2rem) 0%,100% 100%,0% 100%);clip-path:polygon(0 0,calc(100% - 1.2rem) 0%,100% 100%,0% 100%);}
                                                </style>
                                                <div class="css-lne3gl e14htovh7">
                                                    <style data-emotion="css 1xqtulp">.css-1xqtulp{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;max-height:100%;}</style>
                                                    <img src="<?php echo e(asset('assets/images/experts-48.svg')); ?>" class="css-1xqtulp"/>
                                                </div>
                                                <style data-emotion="css 1mi31in">.css-1mi31in{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-size:1.6rem;line-height:150%;color:#1F2B59;padding:1.2rem 1.2rem 1.2rem 0.8rem;margin:0;font-weight:700;}</style>
                                                <h6 class="css-1mi31in e14htovh8">Only tried and tested <br/>dealers</h6>
                                            </div>
                                            <div class="css-1xgqznr e14htovh6">
                                                <div class="css-lne3gl e14htovh7"><img src="<?php echo e(asset('assets/images/guarantee-48.svg')); ?>" class="css-1xqtulp"/></div>
                                                <h6 class="css-1mi31in e14htovh8">Free <br/>6-month warranty</h6>
                                            </div>
                                            <div class="css-1xgqznr e14htovh6">
                                                <div class="css-lne3gl e14htovh7"><img src="<?php echo e(asset('assets/images/warranty-48.svg')); ?>" class="css-1xqtulp"/></div>
                                                <h6 class="css-1mi31in e14htovh8">Return the car within <br/>14 days</h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="carBuyOut">
            <div>
                <style data-emotion="css 1n0wmee">.css-1n0wmee{position:relative;margin:0 1.6rem 4.8rem;}@media (min-width:768px){.css-1n0wmee{margin:0 4.4rem 6.4rem;}}@media (min-width:992px){.css-1n0wmee{margin:0 4.4rem 4.6rem;}}@media (min-width:1200px){.css-1n0wmee{margin:0 4.4rem 10.2rem;}}@media (min-width:1900px){.css-1n0wmee{margin:0 4.4rem 13.6rem;}}</style>
                <div class="css-1n0wmee e51lyuj0">
                    <div class="css-xzy1fg e51lyuj1">
                        <div class="css-1sezh6u e18fi0kx0">
                            <div class="css-6kuxf2 e18fi0kx1">
                                <h3 class="css-13ll8x3 e18fi0kx4">05.</h3>
                                <div class="css-1o04r09 e18fi0kx3">
                                    <h4 class="css-1s3qwlq e18fi0kx5">We’ll buy the car <br/>and make all the necessary arrangements</h4>
                                    <style data-emotion="css b77jrj">.css-b77jrj{margin-top:2.4rem;}@media (min-width:768px){.css-b77jrj{margin-top:3.2rem;}}</style>
                                    <div class="css-8jwilw e14yc8t60">
                                        <style data-emotion="css 15m3gkt">.css-15m3gkt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#EDF1F8;border:1px solid #D7E1EF;border-radius:0.4rem;}@media (min-width:992px){.css-15m3gkt{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style>
                                        <div class="css-15m3gkt e14yc8t61">
                                            <style data-emotion="css 1u1sf11">.css-1u1sf11{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(90deg, rgba(179, 195, 222, 0.64) 0%, rgba(179, 195, 222, 0.24) 125%);}@media (min-width:992px){.css-1u1sf11{position:relative;}.css-1u1sf11::before{content:'';position:absolute;right:-1px;top:0;height:100%;width:3.2rem;background:#EDF1F8;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 100%);}}</style>
                                            <div class="css-1u1sf11 e14yc8t62">
                                                <div class="css-81ix3u e14yc8t63">
                                                    <div class="css-akxjdn"><img alt="<?php echo e(config('app.name')); ?> services" loading="lazy" width="192" height="176" decoding="async" data-nimg="1" style="color:transparent" src="<?php echo e(asset('assets/images/how-carvago-works-banner-services.webp')); ?>"/></div>
                                                </div>
                                                <h6 class="css-1bud4gv e14yc8t65">Photo documentation</h6>
                                            </div>
                                            <div class="css-1c4no13 e14yc8t64">
                                                <h6 class="css-1riixmo e14yc8t65">Photo documentation</h6>
                                                <span class="css-85vebf e14yc8t66">We photograph the car during the process and of course share the photos with you.</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="css-11r8tk4 e18fi0kx1">
                                <style data-emotion="css 1rzlpng">.css-1rzlpng{text-align:right;}@media (min-width:992px){.css-1rzlpng{text-align:left;padding-left:10.4rem;}}@media (min-width:1200px){.css-1rzlpng{padding-left:13.6rem;}}@media (min-width:1900px){.css-1rzlpng{padding-left:18.4rem;}}</style>
                                <div class="css-1rzlpng e18fi0kx2">
                                    <style data-emotion="css ehnpc3">.css-ehnpc3{border-radius:0.8rem;-webkit-filter:drop-shadow(12px 24px 40px rgba(72,88,133,0.24));filter:drop-shadow(12px 24px 40px rgba(72,88,133,0.24));font-size:0;width:49.6rem;cursor:pointer;position:relative;}.css-ehnpc3::before{content:'';position:absolute;height:100%;width:100%;top:0;left:0;background:linear-gradient(
                                        175.46deg,rgba(19,28,74,0.16) 48.31%,rgba(19,28,74,0.8) 96.32%
                                        );border-radius:0.8rem;z-index:1;}@media (max-width:1899px){.css-ehnpc3{width:48rem;}}@media (max-width:1399px){.css-ehnpc3{width:100%;}}@media (max-width:1199px){.css-ehnpc3{max-width:38.6rem;}}@media (max-width:991px){.css-ehnpc3{width:unset;max-width:100%;margin:0 8.8rem;}.css-ehnpc3::before{border-radius:0.8rem;}}@media (max-width:767px){.css-ehnpc3{margin:0;}}
                                    </style>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="carDeliver">
            <div>
                <style data-emotion="css 1ap3ulk">.css-1ap3ulk{position:relative;margin:0 1.6rem -4rem;}@media (min-width:768px){.css-1ap3ulk{margin:0 4.4rem -5.6rem;}}@media (min-width:992px){.css-1ap3ulk{margin:0 4.4rem 1.4rem;}}@media (min-width:1200px){.css-1ap3ulk{margin:0 4.4rem 8.8rem;}}@media (min-width:1900px){.css-1ap3ulk{margin:0 4.4rem 13.2rem;}}</style>
                <div class="css-1ap3ulk eymmn6z0">
                    <div class="css-xzy1fg eymmn6z1">
                        <div class="css-g214vm e18fi0kx0">
                            <div class="css-6kuxf2 e18fi0kx1">
                                <h3 class="css-13ll8x3 e18fi0kx4">06.</h3>
                                <div class="css-1o04r09 e18fi0kx3">
                                    <h4 class="css-1s3qwlq e18fi0kx5">
                                        We’ll deliver it to your house, <!-- -->or a pick-up point
                                    </h4>
                                    <div class="css-8jwilw e14yc8t60">
                                        <div class="css-86ai1q e14yc8t61">
                                            <div class="css-1aqa2qp e14yc8t62">
                                                <div class="css-81ix3u e14yc8t63">
                                                    <div class="css-akxjdn"><img src="<?php echo e(asset('assets/images/how-carvago-works-banner-delivery.webp')); ?>" /></div>
                                                </div>
                                                <h6 class="css-1bud4gv e14yc8t65">Unique experience guarantee</h6>
                                            </div>
                                            <div class="css-1c4no13 e14yc8t64">
                                                <h6 class="css-1riixmo e14yc8t65">Unique experience guarantee</h6>
                                                <span class="css-85vebf e14yc8t66">We can guarantee you that having the car delivered to your home is a unique experience. That’s what our customers say, and we believe them.</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="css-11r8tk4 e18fi0kx1">
                                <div class="css-tzrs7y e18fi0kx2">
                                    <style data-emotion="css h16rs8">.css-h16rs8{max-width:49.6rem;position:absolute;right:-4.4rem;top:6.4rem;width:100%;display:inline-block;}@media (min-width:992px){.css-h16rs8{right:unset;left:13.6rem;}}@media (min-width:1900px){.css-h16rs8{width:66.4rem;max-width:unset;top:0;left:18.4rem;}}@media (max-width:1399px){.css-h16rs8{max-width:34rem;}}@media (max-width:991px){.css-h16rs8{position:relative;top:0;max-width:unset;display:none;width:80%;}}@media (max-width:767px){.css-h16rs8{right:-1.6rem;}}@media (max-width:420px){.css-h16rs8{width:calc(100% + 1.6rem);right:0;display:inline-block;}}</style>
                                    <img src="<?php echo e(asset('assets/images/how-carvago-works-delivery.webp')); ?>" alt="Delivery" class="css-h16rs8 eymmn6z2"/>
                                    <style data-emotion="css 1iof0d6">.css-1iof0d6{max-width:49.6rem;position:absolute;right:-4.4rem;top:6.4rem;width:100%;display:none;}@media (min-width:992px){.css-1iof0d6{right:unset;left:13.6rem;}}@media (min-width:1900px){.css-1iof0d6{width:66.4rem;max-width:unset;top:0;left:18.4rem;}}@media (max-width:1399px){.css-1iof0d6{max-width:34rem;}}@media (max-width:991px){.css-1iof0d6{position:relative;top:0;max-width:unset;display:inline-block;width:80%;}}@media (max-width:767px){.css-1iof0d6{right:-1.6rem;}}@media (max-width:420px){.css-1iof0d6{width:calc(100% + 1.6rem);right:0;display:none;}}</style>
                                    <img src="<?php echo e(asset('assets/images/how-carvago-works-delivery-mobile.webp')); ?>" alt="Delivery" class="css-1iof0d6 eymmn6z2"/>
                                    <style data-emotion="css 18h523y">.css-18h523y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;height:44.9rem;}@media (min-width:992px){.css-18h523y{width:37rem;}}@media (min-width:1200px){.css-18h523y{position:absolute;height:26.3rem;top:6.4rem;}.css-18h523y>div{-webkit-transform:translateY(69%);-moz-transform:translateY(69%);-ms-transform:translateY(69%);transform:translateY(69%);}}@media (min-width:1400px){.css-18h523y{width:37rem;height:36rem;}.css-18h523y>div{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}}@media (min-width:1900px){.css-18h523y{height:49rem;width:37rem;top:unset;}}@media (min-width:2400px){.css-18h523y>div{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}}@media (max-width:1199px){.css-18h523y{height:29rem;position:absolute;left:5rem;top:0;}}@media (max-width:991px){.css-18h523y{position:relative;margin:0 auto;height:auto;width:50%;top:1rem;left:unset;right:unset;text-align:left;}}@media (max-width:767px){.css-18h523y{width:100%;padding-right:0;top:-2rem;}}</style>
                                    <div class="css-18h523y eymmn6z3">
                                        <div href="/car-delivery" class="css-n441vz">
                                            <svg viewBox="0 0 64 64" focusable="false" class="chakra-icon css-1p2xbrm">
                                                <path d="M13.3497 44.9761L8.59969 43.5511V37.8511L42.7998 37.851C43.8491 37.851 44.6998 37.0004 44.6998 35.951V24.551H51.5292C52.5873 24.551 53.5584 25.1373 54.0512 26.0736L57.5625 32.7451C57.8497 33.2909 57.9998 33.8983 57.9998 34.515V43.551C57.9998 44.6004 57.1491 45.451 56.0998 45.451H52.4644M43.2746 45.451H22.8496M58 39.751H55.625M57.525 33.576L49.3018 32.2776C48.84 32.2047 48.5 31.8067 48.5 31.3393V27.401M41.8501 34.051H7.65011M43.2305 43.5004C43.2305 46.0957 45.3344 48.1997 47.9298 48.1997C50.5252 48.1997 52.6291 46.0957 52.6291 43.5004C52.6291 40.905 50.5252 38.801 47.9298 38.801C45.3344 38.801 43.2305 40.905 43.2305 43.5004ZM13.4511 43.551C13.4511 46.1464 15.5551 48.2504 18.1505 48.2504C20.7458 48.2504 22.8498 46.1464 22.8498 43.551C22.8498 40.9557 20.7458 38.8517 18.1505 38.8517C15.5551 38.8517 13.4511 40.9557 13.4511 43.551Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                <path d="M38.05 29.301L39.7988 28.8929C40.4438 28.7424 40.9 28.1675 40.9 27.5052V24.6095C40.9 23.7376 40.3067 22.9776 39.4608 22.7662L31.75 20.8385C31.5188 20.7807 31.3004 20.6798 31.1065 20.5413L25.2455 16.3549C24.9233 16.1247 24.5371 16.001 24.1411 16.001H15.8489C15.4591 16.001 15.0787 16.1209 14.7594 16.3444L10.7506 19.1505C10.5846 19.2668 10.4011 19.3557 10.207 19.4139L7.20766 20.3137C6.3557 20.5693 5.79508 21.3817 5.85845 22.2689L6.13461 26.1352C6.18934 26.9014 6.70014 27.5593 7.42895 27.8023L10.5 28.826M18.1 29.301H31.4M18.2462 16.001L15.7792 18.5463C15.2076 19.136 15.6031 20.1241 16.4237 20.1567L31.4 20.751M31.4 27.876C31.4 29.7123 32.8887 31.201 34.725 31.201C36.5614 31.201 38.05 29.7123 38.05 27.876C38.05 26.0396 36.5614 24.551 34.725 24.551C32.8887 24.551 31.4 26.0396 31.4 27.876ZM10.5 27.876C10.5 29.7123 11.9887 31.201 13.825 31.201C15.6614 31.201 17.15 29.7123 17.15 27.876C17.15 26.0396 15.6614 24.551 13.825 24.551C11.9887 24.551 10.5 26.0396 10.5 27.876Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                            </svg>
                                            <div class="css-spcia9">
                                                <div class="css-1j87hv">
                                                    <h6 class="chakra-heading css-yihz9q" role="heading">Delivery to your home</h6>
                                                    <p class="chakra-text css-1cj76lg">We will bring your dream car from all over Europe to you front door.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <style data-emotion="css 1ee5hvu">.css-1ee5hvu{position:relative;padding:0 1.6rem 4.8rem;background:#EDF1F8;}@media (min-width:992px){.css-1ee5hvu{padding:0 4.4rem 12rem;}}.css-1ee5hvu::before{content:'';position:absolute;top:0;left:0;width:100%;height:4rem;background:#ffffff;-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);}@media (max-width:767px){.css-1ee5hvu::before{height:2.8rem;-webkit-clip-path:polygon(0 0,100% 100%,100% -10%);clip-path:polygon(0 0,100% 100%,100% -10%);}}</style>
        <div class="css-1ee5hvu ev1bswl0">
            <div class="css-xzy1fg ev1bswl1">
                <style data-emotion="css 6by5jk">.css-6by5jk{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-size:2.8rem;line-height:129%;font-weight:800;color:#1F2B59;margin:0 auto;font-weight:800;max-width:48.7rem;text-align:center;padding-top:8rem;}@media (max-width:991px){.css-6by5jk{padding-top:4.8rem;}}@media (max-width:420px){.css-6by5jk{font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.2px;max-width:24rem;}}</style>
                <h4 class="css-6by5jk ev1bswl2">You don&#x27;t risk anything by buying through <?php echo e(config('app.name')); ?></h4>
                <style data-emotion="css b78xe5">.css-b78xe5{width:100%;margin:3.2rem 0 4.8rem;}.css-b78xe5 ul{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0;}.css-b78xe5 li{margin:0;max-width:38.4rem;}@media (max-width:991px){.css-b78xe5{margin:1.6rem 0 3.2rem;padding:0 8.8rem;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;}.css-b78xe5 ul{width:100%;}.css-b78xe5 li{max-width:100%;width:100%;box-shadow:none;}}@media (max-width:767px){.css-b78xe5{padding:0;}}</style>
                
                <div class="p-5">
                    <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.guarantee','data' => []]); ?>
<?php $component->withName('guarantee'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                </div>

                <style data-emotion="css 7ubups">.css-7ubups{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;padding:6.4rem;background:url('/images/footer-register-banner.webp') no-repeat left,linear-gradient(
                    111.72deg,#3E47DD 14.24%,#262A98 85.76%
                    );-webkit-background-size:contain;background-size:contain;box-shadow:0 72px 56px -80px #3E47DD;border-radius:1.6rem;}@media (max-width:767px){.css-7ubups{padding:4.8rem 1.6rem;background:linear-gradient(
                    111.72deg,#3E47DD 14.24%,#262A98 85.76%
                    );}}
                </style>
                <div class="css-7ubups ev1bswl3">
                    <style data-emotion="css 119zgb">.css-119zgb{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-size:3.6rem;line-height:133%;color:#1F2B59;margin:0;text-align:center;color:#ffffff;}@media (max-width:1199px){.css-119zgb{font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.5px;}}</style>
                    <h2 class="css-119zgb ev1bswl4">Try out how <?php echo e(config('app.name')); ?> works.</h2>
                    <style data-emotion="css d6ovop">.css-d6ovop{font-weight:600;font-size:1.8rem;line-height:178%;margin:0;font-style:normal;color:#1F2B59;color:#D7E1EF;margin:1.6rem 0 3.2rem;letter-spacing:0;text-align:center;}@media (max-width:1199px){.css-d6ovop{color:#ffffff;font-size:1.6rem;line-height:2.8rem;}}</style>
                    <p class="css-d6ovop ev1bswl5">Now all that’s left is to choose your next car. We’ll be delighted if it’s from us.</p>
                    <style data-emotion="css 1qureo2">.css-1qureo2{-webkit-text-decoration:none;text-decoration:none;}</style>
                    <a href="<?php echo e(route('cars')); ?>" rel="noopener noreferrer" class="css-1qureo2 ev1bswl7">
                        <style data-emotion="css xhoecg">.css-xhoecg{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-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;}.css-xhoecg:focus-visible,.css-xhoecg[data-focus-visible]{box-shadow:var(--chakra-shadows-outline);}.css-xhoecg:disabled,.css-xhoecg[disabled],.css-xhoecg[aria-disabled=true],.css-xhoecg[data-disabled]{opacity:1;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);background:var(--chakra-colors-gray-300)!important;}.css-xhoecg:disabled:hover,.css-xhoecg[disabled]:hover,.css-xhoecg[aria-disabled=true]:hover,.css-xhoecg[data-disabled]:hover,.css-xhoecg:disabled[data-hover],.css-xhoecg[disabled][data-hover],.css-xhoecg[aria-disabled=true][data-hover],.css-xhoecg[data-disabled][data-hover]{box-shadow:var(--chakra-shadows-none);}.css-xhoecg:hover,.css-xhoecg[data-hover]{box-shadow:0px 16px 36px -18px #FF7300;-webkit-background-position:center;background-position:center;}.css-xhoecg:hover:disabled,.css-xhoecg[data-hover]:disabled,.css-xhoecg:hover[disabled],.css-xhoecg[data-hover][disabled],.css-xhoecg:hover[aria-disabled=true],.css-xhoecg[data-hover][aria-disabled=true],.css-xhoecg:hover[data-disabled],.css-xhoecg[data-hover][data-disabled]{background:initial;}.css-xhoecg:focus,.css-xhoecg[data-focus]{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--chakra-shadows-none);}.css-xhoecg:active,.css-xhoecg[data-active]{-webkit-background-position:right;background-position:right;}</style>
                        <span class="chakra-button css-xhoecg">Show vehicles</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</main>
<?php /**PATH C:\xampp\htdocs\cavg\resources\views/livewire/pages/main/how-it-works.blade.php ENDPATH**/ ?>