<main data-testid="" class="css-pzzzko e1wcrodl0">
    <div data-testid="announcement-bar" class="css-0"></div>
    <style data-emotion="css 1mkcxvs">.css-1mkcxvs{display:block;position:relative;z-index:3;background:#ffffff;}@media (min-width:992px){.css-1mkcxvs{overflow:hidden;background:linear-gradient(
        129deg,#3E27C4,#3E47DD		);}}
    </style>
    <div class="css-1mkcxvs e19tnwfw0">
        <style data-emotion="css zrortq">.css-zrortq{max-width:1230px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;padding-bottom:40px;}@media (min-width:992px){.css-zrortq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;text-align:left;padding-bottom:0;}}</style>
        <div class="css-zrortq e19tnwfw5">
            <style data-emotion="css qsam2a">.css-qsam2a{display:block;-webkit-order:2;-ms-flex-order:2;order:2;padding:20px;width:100%;max-width:600px;margin:auto;}@media (min-width:992px){.css-qsam2a{padding:96px 25px 100px 20px;-webkit-order:0;-ms-flex-order:0;order:0;width:60%;max-width:inherit;margin:0;}}@media (min-width:1200px){.css-qsam2a{padding:96px 50px 100px 20px;}}</style>
            <div class="css-qsam2a e19tnwfw3">
                <style data-emotion="css 1ubc6xa">.css-1ubc6xa{font-size:1.2rem;line-height:1.73;font-weight:bold;color:#ff9d32;text-align:inherit;text-transform:uppercase;padding:0;margin:0;letter-spacing:0.2px;}@media (min-width:768px){.css-1ubc6xa{font-size:1.2rem;}}</style>
                <span class="css-1ubc6xa e1yvjkls0">Cars from all over Europe at your reach</span>
                <style data-emotion="css 1egqxx5">.css-1egqxx5{font-size:3.6rem;font-weight:800;letter-spacing:-0.4px;line-height:1.05;color:#1F2B59;margin-bottom:15px;margin-top:10px;}@media (min-width:992px){.css-1egqxx5{font-size:6.8rem;color:#ffffff;letter-spacing:-1.1px;margin-top:20px;}}</style>
                <style data-emotion="css 1ursbnq">.css-1ursbnq{font-size:2rem;line-height:1.2;font-weight:800;color:#ffffff;text-align:inherit;padding:0;margin:0;letter-spacing:0.5px;font-size:3.6rem;font-weight:800;letter-spacing:-0.4px;line-height:1.05;color:#1F2B59;margin-bottom:15px;margin-top:10px;}@media (min-width:768px){.css-1ursbnq{font-size:3.2rem;}}@media (min-width:992px){.css-1ursbnq{font-size:6.8rem;color:#ffffff;letter-spacing:-1.1px;margin-top:20px;}}</style>
                <h1 class="e19tnwfw1 css-1ursbnq e1yvjkls0">We are a European online marketplace</h1>
                <style data-emotion="css ybual0">.css-ybual0{opacity:0.8;color:#3b4552;font-size:1.7rem;line-height:1.53;}@media (min-width:992px){.css-ybual0{font-size:1.7rem;line-height:1.73;color:#ffffff;display:block;max-width:420px;}}</style>
                <style data-emotion="css 1b6powz">.css-1b6powz{font-size:1.5rem;line-height:1.73;font-weight:400;color:#ffffff;text-align:inherit;padding:0;margin:0;letter-spacing:0.2px;opacity:0.8;color:#3b4552;font-size:1.7rem;line-height:1.53;}@media (min-width:768px){.css-1b6powz{font-size:1.5rem;}}@media (min-width:992px){.css-1b6powz{font-size:1.7rem;line-height:1.73;color:#ffffff;display:block;max-width:420px;}}</style>
                <span class="e19tnwfw2 css-1b6powz e1yvjkls0">We bring you new markets, new customers and new opportunities for the purchase and sale of used cars. Now you can buy and sell a used car safely and comfortablly online, with only a few easy clicks.</span>
            </div>
            <style data-emotion="css 18i5bry">.css-18i5bry{display:block;width:100%;-webkit-order:1;-ms-flex-order:1;order:1;}@media (min-width:992px){.css-18i5bry{-webkit-order:1;-ms-flex-order:1;order:1;width:40%;}}</style>
            <div class="css-18i5bry e19tnwfw4">
                <style data-emotion="css 1ax9t88">.css-1ax9t88{position:relative;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),0% 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),0% 100%);}@media (min-width:992px){.css-1ax9t88{height:122%;-webkit-transform:rotate(10deg) translateY(-12%) translateX(4%);-moz-transform:rotate(10deg) translateY(-12%) translateX(4%);-ms-transform:rotate(10deg) translateY(-12%) translateX(4%);transform:rotate(10deg) translateY(-12%) translateX(4%);overflow:hidden;width:150%;margin:0;-webkit-clip-path:none;clip-path:none;}}</style>
                <div class="css-1ax9t88 e19tnwfw6">
                    <style data-emotion="css 1o4imws">.css-1o4imws{background:url({{ asset('assets/images/visionary.webp') }}) no-repeat;height:200px;-webkit-background-size:cover;background-size:cover;-webkit-background-position:center;background-position:center;}@media (min-width:768px){.css-1o4imws{height:350px;}}@media (min-width:992px){.css-1o4imws{height:90%;width:120%;min-height:600px;-webkit-transform:rotate(-10deg) translateX(-9%);-moz-transform:rotate(-10deg) translateX(-9%);-ms-transform:rotate(-10deg) translateX(-9%);transform:rotate(-10deg) translateX(-9%);-webkit-background-position:left;background-position:left;}}</style>
                    <div class="css-1o4imws e19tnwfw7"></div>
                </div>
            </div>
        </div>
        <style data-emotion="css ikv1pj">.css-ikv1pj{display:none;}@media (min-width:992px){.css-ikv1pj{display:block;margin-top:-75px;position:relative;height:14.8rem;}}</style>
        <div class="css-ikv1pj e19tnwfw8"><img width="100%" src="{{ asset('assets/images/header-divider.svg') }}"/></div>
    </div>
    <style data-emotion="css cnqg5z">.css-cnqg5z{padding:50px 30px;width:100%;position:relative;}@media (min-width:992px){.css-cnqg5z{padding:0px 30px;z-index:11;}}</style>
    <div class="css-cnqg5z e1v1nxtw0">
        <style data-emotion="css 1acarup">.css-1acarup{max-width:1230px;margin:auto;width:100%;text-align:center;position:relative;z-index:2;}</style>
        <div class="css-1acarup e1v1nxtw1">
            <style data-emotion="css jg55ov">.css-jg55ov{text-align:center;}</style>
            <div class="css-jg55ov e1v1nxtw2">
                <style data-emotion="css g3q4b9">.css-g3q4b9{font-size:1.2rem;line-height:1.2;font-weight:500;color:#3E47DD;padding:0;margin:0;letter-spacing:0.8px;text-transform:uppercase;}</style>
                <span class="css-g3q4b9 e1am5m7s0">We are new and growing fast</span>
            </div>
            <style data-emotion="css 1x582x4">.css-1x582x4{font-size:3rem;letter-spacing:-0.5px;line-height:1.2;margin-bottom:20px;}@media (min-width:768px){.css-1x582x4{font-size:4.6rem;letter-spacing:-0.7px;line-height:1.73;margin-bottom:30px;}}</style>
            <style data-emotion="css l3q1lx">.css-l3q1lx{font-size:2.5rem;line-height:1.73;font-weight:400;color:#1F2B59;text-align:inherit;padding:0;margin:0;letter-spacing:0.5px;font-size:3rem;letter-spacing:-0.5px;line-height:1.2;margin-bottom:20px;}@media (min-width:768px){.css-l3q1lx{font-size:3rem;}}@media (min-width:768px){.css-l3q1lx{font-size:4.6rem;letter-spacing:-0.7px;line-height:1.73;margin-bottom:30px;}}</style>
            <h2 class="e1v1nxtw3 css-l3q1lx e1yvjkls0">{{ config('app.name') }} in numbers</h2>
            <style data-emotion="css 1hwin6a">.css-1hwin6a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:3rem;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media screen and (min-width: 768px){.css-1hwin6a{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style>
            <div class="css-1hwin6a">
                <style data-emotion="css 1rr4qq7">.css-1rr4qq7{-webkit-flex:1;-ms-flex:1;flex:1;}</style>
                <div class="css-1rr4qq7">
                    <style data-emotion="css qssif2">.css-qssif2{background-color:#ffffff;border-radius:3px;box-shadow:0 20px 30px 0 rgba(0,18,76,0.04);padding:50px 20px 70px;overflow:hidden;position:relative;-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);margin-top:30px;}.css-qssif2::before{position:absolute;bottom:85%;left:-5%;height:25%;width:120%;opacity:0.04;background:linear-gradient(to bottom,transparent,#000157);pointer-events:none;z-index:8;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}.css-qssif2::after{content:'';position:absolute;bottom:-26px;left:9%;height:50px;width:95%;background:#D7E1EF;pointer-events:none;z-index:8;-webkit-transform:rotate(-6deg) skew(65deg);-moz-transform:rotate(-6deg) skew(65deg);-ms-transform:rotate(-6deg) skew(65deg);transform:rotate(-6deg) skew(65deg);}@media (min-width:768px){.css-qssif2{margin-top:80px;}}</style>
                    <div class="css-qssif2 eo93jvf0">
                        <style data-emotion="css hk7h2t">.css-hk7h2t{max-width:270px;margin:auto;}</style>
                        <div class="css-hk7h2t eo93jvf3">
                            <style data-emotion="css 5yumt2">.css-5yumt2{margin-bottom:30px;padding-left:15px;}</style>
                            <div class="css-5yumt2 eo93jvf1">
                                <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="{{ asset('assets/images/about-car.svg') }}" class="css-1xqtulp"/>
                            </div>
                            <style data-emotion="css fwwvje">.css-fwwvje{font-size:1.9rem;font-weight:bold;line-height:1.2;letter-spacing:-0.1px;margin-bottom:20px;}</style>
                            <style data-emotion="css 2wv68m">.css-2wv68m{font-size:2rem;line-height:1.73;font-weight:600;color:#1F2B59;text-align:inherit;padding:0;margin:0;letter-spacing:0.5px;font-size:1.9rem;font-weight:bold;line-height:1.2;letter-spacing:-0.1px;margin-bottom:20px;}@media (min-width:768px){.css-2wv68m{font-size:2rem;}}</style>
                            <h3 class="eo93jvf2 css-2wv68m e1yvjkls0" role="heading">More then 2 million cars</h3>
                            <div>
                                <style data-emotion="css 1wpbd1r">.css-1wpbd1r{font-size:1.5rem;line-height:1.73;font-weight:400;color:#1F2B59;text-align:inherit;padding:0;margin:0;letter-spacing:0.2px;}@media (min-width:768px){.css-1wpbd1r{font-size:1.5rem;}}</style>
                                <span class="css-1wpbd1r e1yvjkls0">{{ config('app.name') }} is the largest used car market with vehicles from all over Europe.</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="css-1rr4qq7">
                    <style data-emotion="css 1smho98">.css-1smho98{background-color:#ffffff;border-radius:3px;box-shadow:0 20px 30px 0 rgba(0,18,76,0.04);padding:50px 20px 70px;overflow:hidden;position:relative;-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%);margin-top:30px;}.css-1smho98::before{position:absolute;bottom:80%;left:-5%;height:25%;width:120%;opacity:0.04;background:linear-gradient(to bottom,transparent,#000157);pointer-events:none;z-index:8;-webkit-transform:rotate(14deg);-moz-transform:rotate(14deg);-ms-transform:rotate(14deg);transform:rotate(14deg);}.css-1smho98::after{content:'';position:absolute;bottom:-27px;left:-8px;height:50px;width:95%;background:#D7E1EF;pointer-events:none;z-index:8;-webkit-transform:rotate(6deg) skew(-43deg);-moz-transform:rotate(6deg) skew(-43deg);-ms-transform:rotate(6deg) skew(-43deg);transform:rotate(6deg) skew(-43deg);}@media (min-width:768px){.css-1smho98{margin-top:0;}}</style>
                    <div class="css-1smho98 eo93jvf0">
                        <div class="css-hk7h2t eo93jvf3">
                            <div class="css-5yumt2 eo93jvf1"><img src="{{ asset('assets/images/about-houses.svg') }}" class="css-1xqtulp"/></div>
                            <h3 class="eo93jvf2 css-2wv68m e1yvjkls0" role="heading">8 subsidiaries</h3>
                            <div><span class="css-1wpbd1r e1yvjkls0">We have expanded fast and have already managed to open 8 subsidiaries.</span></div>
                        </div>
                    </div>
                </div>
                <div class="css-1rr4qq7">
                    <div class="css-qssif2 eo93jvf0">
                        <div class="css-hk7h2t eo93jvf3">
                            <div class="css-5yumt2 eo93jvf1"><img src="{{ asset('assets/images/about-flag.svg') }}" class="css-1xqtulp"/></div>
                            <h3 class="eo93jvf2 css-2wv68m e1yvjkls0" role="heading">8 countries</h3>
                            <div><span class="css-1wpbd1r e1yvjkls0">We operate in 8 European countries and will add more soon.</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style data-emotion="css yx3hrv">.css-yx3hrv{padding:50px 30px;width:100%;position:relative;background-color:#f7f8fa;}@media (min-width:992px){.css-yx3hrv{padding:120px 30px;}}</style>
    <div class="css-yx3hrv ehghh4m0">
        <div class="css-1acarup ehghh4m1">
            <div class="css-jg55ov ehghh4m2"><span class="css-g3q4b9 e1am5m7s0">You choose. We check, finance, deliver.</span></div>
            <style data-emotion="css 1rgmvda">.css-1rgmvda{font-size:3rem;letter-spacing:-0.5px;line-height:1.2;margin-bottom:10px;}@media (min-width:768px){.css-1rgmvda{font-size:4.6rem;letter-spacing:-0.7px;line-height:1.3;margin-bottom:15px;}}</style>
            <style data-emotion="css k4kdke">.css-k4kdke{font-size:2.5rem;line-height:1.73;font-weight:400;color:#1F2B59;text-align:inherit;padding:0;margin:0;letter-spacing:0.5px;font-size:3rem;letter-spacing:-0.5px;line-height:1.2;margin-bottom:10px;}@media (min-width:768px){.css-k4kdke{font-size:3rem;}}@media (min-width:768px){.css-k4kdke{font-size:4.6rem;letter-spacing:-0.7px;line-height:1.3;margin-bottom:15px;}}</style>
            <h2 class="ehghh4m4 css-k4kdke e1yvjkls0">Everything for your convenient purchase and sale.</h2>
            <style data-emotion="css 10u4xxd">.css-10u4xxd{text-align:center;margin:0 auto 50px;max-width:620px;}</style>
            <style data-emotion="css 9df21i">.css-9df21i{font-size:1.5rem;line-height:1.73;font-weight:400;color:#1F2B59;text-align:inherit;padding:0;margin:0;letter-spacing:0.2px;text-align:center;margin:0 auto 50px;max-width:620px;}@media (min-width:768px){.css-9df21i{font-size:1.5rem;}}</style>
            <p class="ehghh4m3 css-9df21i e1yvjkls0">Cars from all over Europe at one site. More cars, more choiceand better prices. All this convienient and safe.</p>
            <style data-emotion="css ul1659">.css-ul1659{margin-top:100px;}</style>
            <div class="css-ul1659 ehghh4m6">
                <style data-emotion="css 1lbeqhi">.css-1lbeqhi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:3rem;-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 screen and (min-width: 768px){.css-1lbeqhi{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style>
                <div class="css-1lbeqhi">
                    <style data-emotion="css drshyq">.css-drshyq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 1.5rem;margin-bottom:7rem;}@media screen and (min-width: 768px){.css-drshyq{-webkit-flex-basis:33.3%;-ms-flex-preferred-size:33.3%;flex-basis:33.3%;margin-bottom:var(--chakra-space-0);}}</style>
                    <div class="css-drshyq">
                        <style data-emotion="css 1j7yb5i">.css-1j7yb5i{padding:40px 30px;border-radius:3px;background-color:#ffffff;box-shadow:0 5px 10px 10px rgba(73, 75, 94, 0.08);height:100%;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:justify;-webkit-justify-content:space-between;justify-content:space-between;}@media (min-width:768px){.css-1j7yb5i{padding:40px 40px;}}</style>
                        <div class="css-1j7yb5i ehghh4m5">
                            <div>
                                <style data-emotion="css 1tspddl">.css-1tspddl{margin-top:-85px;height:100px;}</style>
                                <div class="css-1tspddl ehghh4m7"><img src="{{ asset('assets/images/about-car.svg') }}" class="css-1xqtulp"/></div>
                                <style data-emotion="css vtc9zu">.css-vtc9zu{margin-top:10px;margin-bottom:15px;font-size:2.2rem;font-weight:normal;line-height:1.2;letter-spacing:-0.5px;color:#1F2B59;}@media (min-width:768px){.css-vtc9zu{font-size:3rem;margin-bottom:30px;margin-top:20px;}}</style>
                                <style data-emotion="css p6hnpl">.css-p6hnpl{font-size:2rem;line-height:1.73;font-weight:600;color:#1F2B59;text-align:inherit;padding:0;margin:0;letter-spacing:0.5px;margin-top:10px;margin-bottom:15px;font-size:2.2rem;font-weight:normal;line-height:1.2;letter-spacing:-0.5px;color:#1F2B59;}@media (min-width:768px){.css-p6hnpl{font-size:2rem;}}@media (min-width:768px){.css-p6hnpl{font-size:3rem;margin-bottom:30px;margin-top:20px;}}</style>
                                <h3 class="ehghh4m9 css-p6hnpl e1yvjkls0" role="heading">We own all the cars before you buy</h3>
                                <style data-emotion="css 92d51x">.css-92d51x{height:1px;width:100%;background:repeating-linear-gradient(
                                    45deg,
                                    #D7E1EF,
                                    #D7E1EF 9px,
                                    transparent 3px,
                                    transparent 18px
                                    );}
                                </style>
                                <div class="css-92d51x e1t99fak0"></div>
                                <style data-emotion="css 16029ak">.css-16029ak{padding:30px 0;}</style>
                                <div class="css-16029ak ehghh4m10">We own all the cars before your purchase and we are liable for them. You only talk to {{ config('app.name') }}, in your language.</div>
                            </div>
                            <style data-emotion="css 1qureo2">.css-1qureo2{-webkit-text-decoration:none;text-decoration:none;}</style>
                            <a class="css-1qureo2 ehghh4m8" href="{{ route('cars') }}">
                                <style data-emotion="css 114hdt5">.css-114hdt5{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-3);padding-inline-start:var(--chakra-space-3);-webkit-padding-end:var(--chakra-space-3);padding-inline-end:var(--chakra-space-3);background:var(--chakra-colors-white);border:1px solid;border-color:var(--chakra-colors-blue-500);color:var(--chakra-colors-blue-500);width:var(--chakra-sizes-full);}.css-114hdt5:focus-visible,.css-114hdt5[data-focus-visible]{box-shadow:var(--chakra-shadows-outline);}.css-114hdt5:disabled,.css-114hdt5[disabled],.css-114hdt5[aria-disabled=true],.css-114hdt5[data-disabled]{opacity:1;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);border:1px solid;border-color:var(--chakra-colors-gray-300);color:var(--chakra-colors-gray-300);}.css-114hdt5:disabled:hover,.css-114hdt5[disabled]:hover,.css-114hdt5[aria-disabled=true]:hover,.css-114hdt5[data-disabled]:hover,.css-114hdt5:disabled[data-hover],.css-114hdt5[disabled][data-hover],.css-114hdt5[aria-disabled=true][data-hover],.css-114hdt5[data-disabled][data-hover]{background:var(--chakra-colors-white)!important;color:var(--chakra-colors-gray-300);box-shadow:var(--chakra-shadows-none);}.css-114hdt5:hover,.css-114hdt5[data-hover]{color:var(--chakra-colors-blue-600);box-shadow:0px 16px 36px -18px rgba(72, 88, 133, 0.4);}.css-114hdt5:hover:disabled,.css-114hdt5[data-hover]:disabled,.css-114hdt5:hover[disabled],.css-114hdt5[data-hover][disabled],.css-114hdt5:hover[aria-disabled=true],.css-114hdt5[data-hover][aria-disabled=true],.css-114hdt5:hover[data-disabled],.css-114hdt5[data-hover][data-disabled]{background:initial;}.css-114hdt5:focus,.css-114hdt5[data-focus]{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--chakra-shadows-none);}.css-114hdt5:active,.css-114hdt5[data-active]{background:#EBEDFE;}</style>
                                <button type="button" class="chakra-button css-114hdt5">
                                    Take a look at what we offer
                                    <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="arrowright16" class="css-gdat5j">
                                            <use href="{{ asset('assets/images/ArrowRight16.6e3f0276.svg#icon') }}"></use>
                                        </svg>
                                    </span>
                                </button>
                            </a>
                        </div>
                    </div>
                    <style data-emotion="css 8r1grq">.css-8r1grq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 1.5rem;}@media screen and (min-width: 768px){.css-8r1grq{-webkit-flex-basis:33.3%;-ms-flex-preferred-size:33.3%;flex-basis:33.3%;}}</style>
                    <div class="css-8r1grq">
                        <div class="css-1j7yb5i ehghh4m5">
                            <div>
                                <div class="css-1tspddl ehghh4m7"><img src="{{ asset('assets/images/about-loop.svg') }}" class="css-1xqtulp"/></div>
                                <h3 class="ehghh4m9 css-p6hnpl e1yvjkls0" role="heading">Our car-screening system</h3>
                                <div class="css-92d51x e1t99fak0"></div>
                                <div class="css-16029ak ehghh4m10">A unique way of checking cars all over Europe through qualified technicians, and with our smart Application</div>
                            </div>
                            <a class="css-1qureo2 ehghh4m8" href="{{ route('caraudit') }}">
                                <button type="button" class="chakra-button css-114hdt5">
                                    More about CarAudit™
                                    <span class="chakra-button__icon css-1awmc4g">
                                        <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false" data-icon-id="arrowright16" class="css-gdat5j">
                                            <use href="{{ asset('assets/images/ArrowRight16.6e3f0276.svg#icon') }}"></use>
                                        </svg>
                                    </span>
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style data-emotion="css 1jbz2ss">.css-1jbz2ss{padding:0;width:100%;position:relative;background-color:#3E47DD;-webkit-clip-path:polygon(0 40px,100% 0,100% 100%,0% 100%);clip-path:polygon(0 40px,100% 0,100% 100%,0% 100%);}@media (min-width:992px){.css-1jbz2ss{padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);}}</style>
    <div class="css-1jbz2ss edqnzeq0">
        <style data-emotion="css 19nukws">.css-19nukws{height:300px;}@media (min-width:992px){.css-19nukws{height:auto;width:50%;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 100px) 100%,0% 100%);clip-path:polygon(0 0,100% 0,calc(100% - 100px) 100%,0% 100%);}}</style>
        <div class="css-19nukws edqnzeq1">
            <style data-emotion="css 1iy8us4">.css-1iy8us4{height:400px;}</style>
            <div class="css-1iy8us4">
                <div style="width:100%;height:100%;margin:0;padding:0;position:relative">
                    <div style="width:100%;height:100%;left:0;top:0;margin:0;padding:0;position:absolute"></div>
                    <div style="width:50%;height:50%;left:50%;top:50%;margin:0;padding:0;position:absolute">
                        <div style="width:100%;height:100%;left:0;top:0;margin:0;padding:0;position:absolute">
                            <div style="width:0;height:0;left:0;top:0;background-color:transparent;position:absolute">
                                <div class="css-0">
                                    <style data-emotion="css 1toyhm7">.css-1toyhm7{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-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;margin-top:-17px;}</style>
                                    <div class="chakra-stack css-1toyhm7">
                                        <style data-emotion="css 1v31xtj">.css-1v31xtj{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;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--chakra-space-0);margin-bottom:-6px;}</style>
                                        <div class="chakra-stack css-1v31xtj">
                                            <style data-emotion="css 1mwmgut">.css-1mwmgut{width:30px;height:30px;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-blue-500);vertical-align:middle;position:absolute;}</style>
                                            <svg viewBox="0 0 200 200" focusable="false" class="chakra-icon css-1mwmgut">
                                                <path fill="currentColor" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path>
                                            </svg>
                                            <style data-emotion="css 15cd0r8">.css-15cd0r8{width:16px;height:16px;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-white);vertical-align:middle;position:absolute;}</style>
                                            <svg viewBox="0 0 200 200" focusable="false" class="chakra-icon css-15cd0r8">
                                                <path fill="currentColor" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"></path>
                                            </svg>
                                        </div>
                                        <style data-emotion="css e418p4">.css-e418p4{width:24px;height:24px;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-blue-500);vertical-align:middle;}</style>
                                        <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-e418p4">
                                            <path fill="currentColor" d="M21,5H3C2.621,5,2.275,5.214,2.105,5.553C1.937,5.892,1.973,6.297,2.2,6.6l9,12 c0.188,0.252,0.485,0.4,0.8,0.4s0.611-0.148,0.8-0.4l9-12c0.228-0.303,0.264-0.708,0.095-1.047C21.725,5.214,21.379,5,21,5z"></path>
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <style data-emotion="css 1991inm">.css-1991inm{background-color:#3E47DD;padding:30px 20px;}@media (min-width:992px){.css-1991inm{width:50%;padding:150px 100px;}}</style>
        <div class="css-1991inm edqnzeq2">
            <style data-emotion="css sh420f">.css-sh420f{font-size:1.2rem;line-height:1.2;font-weight:500;color:#ffffff;padding:0;margin:0;letter-spacing:0.8px;text-transform:uppercase;}</style>
            <span class="css-sh420f e1am5m7s0">You can reach us here</span>
            <style data-emotion="css 1vusc08">.css-1vusc08{font-size:2.5rem;line-height:1.73;font-weight:400;color:#ffffff;text-align:inherit;padding:0;margin:0;letter-spacing:0.5px;font-size:3rem;letter-spacing:-0.5px;line-height:1.2;margin-bottom:20px;}@media (min-width:768px){.css-1vusc08{font-size:3rem;}}@media (min-width:768px){.css-1vusc08{font-size:4.6rem;letter-spacing:-0.7px;line-height:1.73;margin-bottom:30px;}}</style>
            <h2 class="edqnzeq3 css-1vusc08 e1yvjkls0">Contacts</h2>
            <style data-emotion="css xzsd1h">.css-xzsd1h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:30px;color:#ffffff;font-size:1.6rem;font-weight:bold;line-height:1.44;}</style>
            <div class="css-xzsd1h edqnzeq4">
                <style data-emotion="css 1q2n6ey">.css-1q2n6ey{width:46px;height:46px;background-color:#ffffff;border-radius:50%;margin-right:20px;-webkit-background-position:center center;background-position:center center;background-repeat:no-repeat;background-image:url({{ asset('assets/images/envelope.svg') }});}</style>
                <div class="css-1q2n6ey edqnzeq6"></div>
                <div>
                    <style data-emotion="css gg1nyx">.css-gg1nyx{opacity:0.7;font-weight:500;font-size:1.2rem;text-transform:uppercase;margin-bottom:3px;}</style>
                    <div class="css-gg1nyx edqnzeq9">e-mail</div>
                    <div>{{ config('app.email') }}</div>
                </div>
            </div>
            <div class="css-xzsd1h edqnzeq4">
                <style data-emotion="css 7irk56">.css-7irk56{width:46px;height:46px;background-color:#ffffff;border-radius:50%;margin-right:20px;-webkit-background-position:center center;background-position:center center;background-repeat:no-repeat;background-image:url({{ asset('assets/images/phone.svg') }});}</style>
                <div class="css-7irk56 edqnzeq7"></div>
                <div>
                    <div class="css-gg1nyx edqnzeq9">Phone</div>
                    <div>{{ config('app.phone') }}</div>
                </div>
            </div>
        </div>
    </div>
</main>