<main data-testid="" class="css-1f7uoeb e1wcrodl0">
    <div data-testid="announcement-bar" class="css-0"></div>
    <style data-emotion="css 2c0z5a">.css-2c0z5a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:var(--chakra-colors-gray-100);width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style>
    <div class="css-2c0z5a">
        <style data-emotion="css gv9tfx">.css-gv9tfx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:1216px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:3.2rem 0 0;position:relative;}@media screen and (min-width: 768px){.css-gv9tfx{margin:4.8rem 3.2rem 0;}}@media screen and (min-width: 1200px){.css-gv9tfx{margin:8rem 3.2rem 0;}}@media screen and (min-width: 1900px){.css-gv9tfx{max-width:1584px;}}</style>
        <div class="css-gv9tfx">
            <style data-emotion="css 1winx2q">.css-1winx2q{max-width:100%;padding:3.2rem 1.6rem;position:relative;z-index:1;-webkit-order:1;-ms-flex-order:1;order:1;}@media screen and (min-width: 768px){.css-1winx2q{max-width:26.9rem;padding:3.2rem 0;-webkit-order:2;-ms-flex-order:2;order:2;}}@media screen and (min-width: 992px){.css-1winx2q{max-width:59.2rem;}}@media screen and (min-width: 1200px){.css-1winx2q{padding:7.4rem 0;}}</style>
            <div class="css-1winx2q">
                <div>
                    <style data-emotion="css 13s2tuz">.css-13s2tuz{padding-bottom:1.6rem;}@media screen and (min-width: 1200px){.css-13s2tuz{padding-bottom:3.2rem;}}</style>
                    <div class="css-13s2tuz">
                        <style data-emotion="css 563z7j">.css-563z7j{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-size:4.4rem;line-height:127%;color:#1F2B59;letter-spacing:-0.5px;}@media (max-width:1199px){.css-563z7j{font-size:3.2rem;line-height:125%;letter-spacing:-0.8px;}}</style>
                        <h1 class="css-563z7j e1wjj0c40">Financing without worries, choices without compromise</h1>
                    </div>
                    <style data-emotion="css 6izihc">.css-6izihc{font-weight:600;font-size:1.8rem;line-height:178%;margin:0;font-style:normal;color:#31406F;}@media (max-width:1199px){.css-6izihc{font-size:1.6rem;line-height:175%;}}</style>
                    <p class="css-6izihc e1wjj0c41">We can even arrange imported car financing, allowing you to choose from a wide range of cars across Europe.</p>
                    <style data-emotion="css 10if83e">.css-10if83e{padding-top:3.2rem;}@media screen and (min-width: 1200px){.css-10if83e{padding-top:4.8rem;}}.css-10if83e button{width:100%;}@media screen and (min-width: 768px){.css-10if83e button{width:auto;}}</style>
                    <div class="css-10if83e">
                        <style data-emotion="css wj6n9o">.css-wj6n9o{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;line-height:1.2;border-radius:var(--chakra-radii-base);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);-webkit-transition:none;transition:none;height:var(--chakra-sizes-12);min-width:var(--chakra-sizes-12);font-size:var(--chakra-fontSizes-md);-webkit-padding-start:var(--chakra-space-8);padding-inline-start:var(--chakra-space-8);-webkit-padding-end:var(--chakra-space-8);padding-inline-end:var(--chakra-space-8);background-image:linear-gradient(to right, var(--chakra-colors-blue-500), var(--chakra-colors-blue-700));color:var(--chakra-colors-white);box-shadow:var(--chakra-shadows-accent-bottom-md);}.css-wj6n9o:focus-visible,.css-wj6n9o[data-focus-visible]{box-shadow:var(--chakra-shadows-outline);}.css-wj6n9o:disabled,.css-wj6n9o[disabled],.css-wj6n9o[aria-disabled=true],.css-wj6n9o[data-disabled]{opacity:1;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);background:var(--chakra-colors-gray-300)!important;}.css-wj6n9o:disabled:hover,.css-wj6n9o[disabled]:hover,.css-wj6n9o[aria-disabled=true]:hover,.css-wj6n9o[data-disabled]:hover,.css-wj6n9o:disabled[data-hover],.css-wj6n9o[disabled][data-hover],.css-wj6n9o[aria-disabled=true][data-hover],.css-wj6n9o[data-disabled][data-hover]{box-shadow:var(--chakra-shadows-none);}.css-wj6n9o:hover,.css-wj6n9o[data-hover]{-webkit-background-position:left;background-position:left;-webkit-background-size:400%;background-size:400%;box-shadow:var(--chakra-shadows-accent-bottom-lg);}.css-wj6n9o:hover:disabled,.css-wj6n9o[data-hover]:disabled,.css-wj6n9o:hover[disabled],.css-wj6n9o[data-hover][disabled],.css-wj6n9o:hover[aria-disabled=true],.css-wj6n9o[data-hover][aria-disabled=true],.css-wj6n9o:hover[data-disabled],.css-wj6n9o[data-hover][data-disabled]{background:initial;}.css-wj6n9o:focus,.css-wj6n9o[data-focus]{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--chakra-shadows-none);}.css-wj6n9o:active,.css-wj6n9o[data-active]{-webkit-background-position:right;background-position:right;-webkit-background-size:400%;background-size:400%;}</style>
                        <button type="button" class="chakra-button css-wj6n9o">
                            I want a hire purchase
                            <style data-emotion="css 1awmc4g">.css-1awmc4g{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:var(--chakra-space-4);margin-inline-start:var(--chakra-space-4);}</style>
                            <span class="chakra-button__icon css-1awmc4g">
                                <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false" data-icon-id="arrowdown16" class="css-gdat5j">
                                    <use href="{{ asset('assets/images/ArrowDown16.a63d9df1.svg#icon') }}"></use>
                                </svg>
                            </span>
                        </button>
                    </div>
                </div>
            </div>
            <style data-emotion="css uajsoc">.css-uajsoc{position:static;right:var(--chakra-space-0);top:var(--chakra-space-0);width:100%;-webkit-order:0;-ms-flex-order:0;order:0;font-size:0px;}@media screen and (min-width: 768px){.css-uajsoc{position:absolute;width:469px;-webkit-order:1;-ms-flex-order:1;order:1;}}@media screen and (min-width: 1200px){.css-uajsoc{width:696px;}}</style>
            <div class="css-uajsoc">
                <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="{{ config("app.name") }} financing" loading="lazy" width="696" height="420" decoding="async" data-nimg="1" style="color:transparent" src="{{ asset('assets/images/img-hero-financing-2x.webp') }}"/></div>
            </div>
            <style data-emotion="css pnzwmg">.css-pnzwmg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100.8rem;width:100%;-webkit-order:3;-ms-flex-order:3;order:3;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 auto;}</style>
            <div class="css-pnzwmg">
                <style data-emotion="css 1ydh8nh">.css-1ydh8nh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:3.2rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:3.2rem;width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media screen and (min-width: 768px){.css-1ydh8nh{margin-top:8.4rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}@media screen and (min-width: 992px){.css-1ydh8nh{gap:8.4rem;}}@media screen and (min-width: 1200px){.css-1ydh8nh{margin-top:12rem;}}</style>
                <div class="css-1ydh8nh">
                    <style data-emotion="css 8nb2si">.css-8nb2si{text-align:center;margin:0 3.2rem;}@media screen and (min-width: 768px){.css-8nb2si{margin:var(--chakra-space-0);}}</style>
                    <div class="css-8nb2si">
                        <style data-emotion="css 1g4jqnh">.css-1g4jqnh{font-weight:800;font-size:4rem;line-height:4.8rem;letter-spacing:-0.5px;white-space:nowrap;color:var(--chakra-colors-blue-500);}@media screen and (min-width: 768px){.css-1g4jqnh{font-size:6.4rem;line-height:7.2rem;}}</style>
                        <div class="css-1g4jqnh">7.79 %</div>
                        <style data-emotion="css to8y8f">.css-to8y8f{font-weight:700;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.2px;margin-top:0.8rem;}@media screen and (min-width: 768px){.css-to8y8f{font-size:1.8rem;margin-top:1.6rem;}}</style>
                        <div class="css-to8y8f">Interest rate from 7.79 %</div>
                    </div>
                    <div class="css-8nb2si">
                        <div class="css-1g4jqnh">Simplicity</div>
                        <div class="css-to8y8f">A transparent process</div>
                    </div>
                    <div class="css-8nb2si">
                        <div class="css-1g4jqnh">87 %</div>
                        <div class="css-to8y8f">Application success rate up to 87 %</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style data-emotion="css 1aqnbhl">.css-1aqnbhl{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;width:100%;background:var(--chakra-colors-gray-100);padding:8rem 0 6.4rem;position:relative;}@media screen and (min-width: 1200px){.css-1aqnbhl{padding:12rem 0 8rem;}}.css-1aqnbhl::before{content:'';display:block;height:30.6%;width:100%;position:absolute;bottom:var(--chakra-space-0);left:var(--chakra-space-0);background:var(--chakra-colors-white);}.css-1aqnbhl::after{content:'';display:block;height:4.8rem;width:100%;position:absolute;bottom:calc(30.64% - 4.8rem);left:var(--chakra-space-0);background:var(--chakra-colors-gray-100);-webkit-clip-path:polygon(100% 0, 0 0, 0 100%);clip-path:polygon(100% 0, 0 0, 0 100%);}@media (max-width: 767px){.css-1aqnbhl::after{height:4rem;bottom:calc(31.7% - 4.8rem);}}</style>
    <div id="financing-calculation" class="css-1aqnbhl">
        <style data-emotion="css 1dcjl44">.css-1dcjl44{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:1216px;margin:0 1.6rem;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;z-index:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media screen and (min-width: 768px){.css-1dcjl44{margin:0 3.2rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}@media screen and (min-width: 1200px){.css-1dcjl44{margin:0 10.4rem;}}</style>
        <div class="css-1dcjl44">
            <style data-emotion="css p22erw">.css-p22erw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:3.2rem;text-align:center;}@media screen and (min-width: 768px){.css-p22erw{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding-bottom:var(--chakra-space-0);text-align:left;max-width:26.9rem;}}@media screen and (min-width: 1200px){.css-p22erw{max-width:36.5rem;}}</style>
            <div class="css-p22erw">
                <style data-emotion="css 1mnfyx8">.css-1mnfyx8{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-top:4rem;}@media (max-width:1199px){.css-1mnfyx8{margin-top:4rem;font-size:2.8rem;line-height:129%;}}@media (max-width:767px){.css-1mnfyx8{margin-top:0;}}</style>
                <h2 class="css-1mnfyx8 ejza3pt0">Pick your payment plan and choose your car</h2>
                <style data-emotion="css 19c0lf4">.css-19c0lf4{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;display:none;margin-top:1.6rem;}@media screen and (min-width: 768px){.css-19c0lf4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media screen and (min-width: 1200px){.css-19c0lf4{margin-top:2.4rem;}}</style>
                <div class="css-19c0lf4">
                    <style data-emotion="css e1nmyb">.css-e1nmyb{width:268px;height:108px;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:currentColor;vertical-align:middle;fill:var(--chakra-colors-none);}</style>
                    <svg viewBox="0 0 268 108" focusable="false" class="chakra-icon css-e1nmyb">
                        <path d="M8.96877 22.0469C68.6722 17.4117 174.45 35.5563 252.488 102.003M252.488 102.003C250.102 98.2346 249.155 96.1631 247.762 90.4227M252.488 102.003C247.457 100.503 239.828 96.9432 232.967 96.4256" stroke="#3E47DD" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                </div>
            </div>
            <style data-emotion="css 1ntc4sz">.css-1ntc4sz{position:relative;width:100%;margin-left:var(--chakra-space-0);}@media screen and (min-width: 768px){.css-1ntc4sz{max-width:59.2rem;margin-left:3.2rem;}}@media screen and (min-width: 1200px){.css-1ntc4sz{margin-left:5.1rem;}}</style>
            <div class="css-1ntc4sz"></div>
        </div>
    </div>
    <style data-emotion="css 1alaeql">.css-1alaeql{background-color:var(--chakra-colors-white);position:relative;margin-bottom:4.8rem;padding-top:8rem;padding-bottom:8rem;}.css-1alaeql::after{content:"";display:block;position:absolute;left:var(--chakra-space-0);top:100%;width:100%;height:4.8rem;background-color:var(--chakra-colors-white);-webkit-clip-path:polygon(0 0, 100% 0, 0 100%);clip-path:polygon(0 0, 100% 0, 0 100%);}</style>
    <div class="css-1alaeql">
        <style data-emotion="css 1yp57cq">.css-1yp57cq{font-weight:800;font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.5px;text-align:center;padding:0 3.2rem;}@media screen and (min-width: 992px){.css-1yp57cq{font-weight:700;font-size:3.6rem;line-height:4.8rem;}}</style>
        <h2 class="css-1yp57cq">Why finance through {{ config('app.name') }}?</h2>
        <style data-emotion="css ya4wmn">.css-ya4wmn{margin-top:3.2rem;}@media screen and (min-width: 992px){.css-ya4wmn{margin-top:4.8rem;}}</style>
        <div class="css-ya4wmn">
            <style data-emotion="css qymc0z">.css-qymc0z{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;padding:var(--chakra-space-0);}@media screen and (min-width: 768px){.css-qymc0z{padding:0 1.6rem;}}</style>
            <div class="css-qymc0z">
                <style data-emotion="css 1m9jaoo">.css-1m9jaoo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;width:100%;margin:auto;-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:3.2rem;min-height:33.1rem;}@media screen and (min-width: 768px){.css-1m9jaoo{display:none;}}.css-1m9jaoo .swiper,.css-1m9jaoo .swiper-wrapper{max-width:100%;max-height:100%;}</style>
                <div class="css-1m9jaoo">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <style data-emotion="css l7ysl7">.css-l7ysl7{overflow:hidden;position:relative;top:1px;padding:5.6rem 0 0 1.6rem;border:1px solid transparent;}@media screen and (min-width: 768px){.css-l7ysl7{padding:5.6rem 0 0 0;}}@media screen and (min-width: 992px){.css-l7ysl7{padding:8.8rem 0 0 5.2rem;}}@media screen and (min-width: 1200px){.css-l7ysl7{padding:8.8rem 0 0 10.4rem;}}</style>
                                <div class="css-l7ysl7">
                                    <style data-emotion="css udqba5">.css-udqba5{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;padding-right:1.6rem;height:5.6rem;border-top:1px solid;border-top-color:var(--chakra-colors-gray-200);background:var(--chakra-colors-transparent);}@media screen and (min-width: 992px){.css-udqba5{height:7.2rem;}}.css-udqba5:last-of-type{border-bottom:1px solid;border-bottom-color:var(--chakra-colors-gray-200);}.css-udqba5:first-of-type{border-top-color:var(--chakra-colors-transparent);}</style>
                                    <div class="css-udqba5">
                                        <style data-emotion="css 7ps2wk">.css-7ps2wk{font-weight:700;font-size:1.2rem;line-height:2rem;}@media screen and (min-width: 992px){.css-7ps2wk{font-size:1.6rem;line-height:2.8rem;}}</style>
                                        <div class="css-7ps2wk">Available cars</div>
                                    </div>
                                    <div class="css-udqba5">
                                        <div class="css-7ps2wk">Process</div>
                                    </div>
                                    <div class="css-udqba5">
                                        <div class="css-7ps2wk">Time</div>
                                    </div>
                                    <div class="css-udqba5">
                                        <div class="css-7ps2wk">Convenience</div>
                                    </div>
                                    <div class="css-udqba5">
                                        <div class="css-7ps2wk">Financing of services</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <style data-emotion="css 1ehtj4y">.css-1ehtj4y{background-color:#fff;overflow:hidden;position:relative;border:1px solid;border-color:var(--chakra-colors-blue-400);border-radius:0.8rem;box-shadow:0px 24px 32px rgba(72, 88, 133, 0.16);background:var(--chakra-colors-white);z-index:1;}@media screen and (min-width: 992px){.css-1ehtj4y{z-index:unset;}}</style>
                                <div class="css-1ehtj4y">
                                    <style data-emotion="css ma2dp3">.css-ma2dp3{background-color:#fff;font-weight:700;text-align:center;font-size:1.8rem;line-height:2.4rem;padding:1.6rem 0.8rem;border-top:1px solid transparent;color:var(--chakra-colors-blue-500);}@media screen and (min-width: 992px){.css-ma2dp3{font-size:2.4rem;line-height:3.2rem;padding:2.8rem 0.8rem;}}</style>
                                    <h3 class="css-ma2dp3">{{ config("app.name") }}</h3>
                                    <style data-emotion="css 1uveax7">.css-1uveax7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#fff;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:1.6rem;height:5.6rem;border-top:1px solid;border-top-color:var(--chakra-colors-gray-200);background:var(--chakra-colors-white);}@media screen and (min-width: 992px){.css-1uveax7{height:7.2rem;}}.css-1uveax7:last-of-type{border-bottom:1px solid;border-bottom-color:var(--chakra-colors-gray-200);margin-bottom:0.8rem;}@media screen and (min-width: 992px){.css-1uveax7:last-of-type{margin-bottom:1.6rem;}}</style>
                                    <div class="css-1uveax7">
                                        <div class="css-0">
                                            <style data-emotion="css mzb6x1">.css-mzb6x1{width:2rem;height:2rem;-webkit-transition:color 200ms;transition:color 200ms;margin:1rem;color:var(--chakra-colors-green-500);}@media screen and (min-width: 992px){.css-mzb6x1{margin:1.8rem;}}</style>
                                            <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                                <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <style data-emotion="css q581ts">.css-q581ts{font-weight:500;font-size:1rem;line-height:1.6rem;}@media screen and (min-width: 992px){.css-q581ts{font-size:1.4rem;line-height:2.4rem;}}</style>
                                        <div class="css-q581ts">Unlimited selection from vehicles from all over Europe.</div>
                                    </div>
                                    <div class="css-1uveax7">
                                        <div class="css-0">
                                            <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                                <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">We will sort out the financing right at the time of purchase. You will learn right away how much you can borrow.</div>
                                    </div>
                                    <div class="css-1uveax7">
                                        <div class="css-0">
                                            <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                                <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">Online application form, approval in minutes.</div>
                                    </div>
                                    <div class="css-1uveax7">
                                        <div class="css-0">
                                            <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                                <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">Everything is done online from the comfort of your home.</div>
                                    </div>
                                    <div class="css-1uveax7">
                                        <div class="css-0">
                                            <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                                <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">We will arrange the car financing, including services.</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <style data-emotion="css wewx4l">.css-wewx4l{overflow:hidden;border-radius:0 0.8rem 0.8rem 0;margin:0.8rem 0;padding-right:1.6rem;border:1px solid transparent;}@media screen and (min-width: 768px){.css-wewx4l{padding-right:var(--chakra-space-0);}}@media screen and (min-width: 992px){.css-wewx4l{margin:1.6rem 0;}}</style>
                                <div class="css-wewx4l">
                                    <style data-emotion="css 60ltl3">.css-60ltl3{background-color:#fff;font-weight:700;text-align:center;font-size:1.8rem;line-height:2.4rem;padding:1.2rem 0.8rem;border-top:1px solid;background:var(--chakra-colors-white);border-right:1px solid;border-color:var(--chakra-colors-gray-200);border-top-right-radius:0.8rem;}@media screen and (min-width: 992px){.css-60ltl3{font-size:2.4rem;line-height:3.2rem;padding:2rem 0.8rem;}}</style>
                                    <h3 class="css-60ltl3">The usual method</h3>
                                    <style data-emotion="css 6a1pdi">.css-6a1pdi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#fff;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:1.6rem;height:5.6rem;border-top:1px solid;border-top-color:var(--chakra-colors-gray-200);background:var(--chakra-colors-white);border-right:1px solid;border-color:var(--chakra-colors-gray-200);}@media screen and (min-width: 992px){.css-6a1pdi{height:7.2rem;}}.css-6a1pdi:last-of-type{border-bottom:1px solid;border-bottom-color:var(--chakra-colors-gray-200);border-bottom-right-radius:0.8rem;}</style>
                                    <div class="css-6a1pdi">
                                        <div class="css-0">
                                            <style data-emotion="css wu76jo">.css-wu76jo{width:2rem;height:2rem;-webkit-transition:color 200ms;transition:color 200ms;margin:1rem;color:var(--chakra-colors-gray-400);}@media screen and (min-width: 992px){.css-wu76jo{margin:1.8rem;}}</style>
                                            <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                                <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">Cars registered in the Czech Republic only.</div>
                                    </div>
                                    <div class="css-6a1pdi">
                                        <div class="css-0">
                                            <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                                <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">Before choosing your car, you need to check if and how much you can borrow from the bank.</div>
                                    </div>
                                    <div class="css-6a1pdi">
                                        <div class="css-0">
                                            <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                                <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">At least 3 visits to the bank, approval within days.</div>
                                    </div>
                                    <div class="css-6a1pdi">
                                        <div class="css-0">
                                            <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                                <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">You&#x27;ll spend a lot of time visiting the bank.</div>
                                    </div>
                                    <div class="css-6a1pdi">
                                        <div class="css-0">
                                            <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                                <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                            </svg>
                                        </div>
                                        <div class="css-q581ts">The bank will only loan the price of the car itself.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <style data-emotion="css b258pn">.css-b258pn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:0.8rem;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-b258pn .swiper-pagination-bullet{background:var(--chakra-colors-gray-400);width:0.8rem;height:0.8rem;margin-right:1.6rem;}.css-b258pn .swiper-pagination-bullet:last-of-type{margin-right:var(--chakra-space-0);}.css-b258pn .swiper-pagination-bullet:focus,.css-b258pn .swiper-pagination-bullet[data-focus]{outline:2px solid transparent;outline-offset:2px;}.css-b258pn .swiper-pagination-bullet-active{background:var(--chakra-colors-blue-500);}.css-b258pn .swiper-pagination-bullet-active:focus,.css-b258pn .swiper-pagination-bullet-active[data-focus]{outline:2px solid transparent;outline-offset:2px;}</style>
                    <div class="bullets-pagination-comparison-table css-b258pn"></div>
                </div>
                <style data-emotion="css gh6314">.css-gh6314{max-width:1216px;display:none;grid-template-columns:1fr 1fr 1fr;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media screen and (min-width: 768px){.css-gh6314{display:grid;}}@media screen and (min-width: 992px){.css-gh6314{grid-template-columns:33.2rem 1fr 1fr;}}@media screen and (min-width: 1200px){.css-gh6314{grid-template-columns:38.4rem 1fr 1fr;}}</style>
                <div class="css-gh6314">
                    <div class="css-l7ysl7">
                        <div class="css-udqba5">
                            <div class="css-7ps2wk">Available cars</div>
                        </div>
                        <div class="css-udqba5">
                            <div class="css-7ps2wk">Process</div>
                        </div>
                        <div class="css-udqba5">
                            <div class="css-7ps2wk">Time</div>
                        </div>
                        <div class="css-udqba5">
                            <div class="css-7ps2wk">Convenience</div>
                        </div>
                        <div class="css-udqba5">
                            <div class="css-7ps2wk">Financing of services</div>
                        </div>
                    </div>
                    <div class="css-1ehtj4y">
                        <h3 class="css-ma2dp3">{{ config('app.name') }}</h3>
                        <div class="css-1uveax7">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                    <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">Unlimited selection from vehicles from all over Europe.</div>
                        </div>
                        <div class="css-1uveax7">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                    <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">We will sort out the financing right at the time of purchase. You will learn right away how much you can borrow.</div>
                        </div>
                        <div class="css-1uveax7">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                    <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">Online application form, approval in minutes.</div>
                        </div>
                        <div class="css-1uveax7">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                    <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">Everything is done online from the comfort of your home.</div>
                        </div>
                        <div class="css-1uveax7">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="checkcirclefilled24" class="css-mzb6x1">
                                    <use href="{{ asset('assets/images/CheckCircleFilled24.4a493f11.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">We will arrange the car financing, including services.</div>
                        </div>
                    </div>
                    <div class="css-wewx4l">
                        <h3 class="css-60ltl3">The usual method</h3>
                        <div class="css-6a1pdi">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                    <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">Cars registered in the Czech Republic only.</div>
                        </div>
                        <div class="css-6a1pdi">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                    <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">Before choosing your car, you need to check if and how much you can borrow from the bank.</div>
                        </div>
                        <div class="css-6a1pdi">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                    <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">At least 3 visits to the bank, approval within days.</div>
                        </div>
                        <div class="css-6a1pdi">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                    <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">You&#x27;ll spend a lot of time visiting the bank.</div>
                        </div>
                        <div class="css-6a1pdi">
                            <div class="css-0">
                                <svg viewBox="0 0 24 24" data-icon-id="minuscirclefilled24" class="css-wu76jo">
                                    <use href="{{ asset('assets/images/MinusCircleFilled24.8d522059.svg#icon') }}"></use>
                                </svg>
                            </div>
                            <div class="css-q581ts">The bank will only loan the price of the car itself.</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style data-emotion="css 1r88a2a">.css-1r88a2a{padding:8rem 3.2rem 4.8rem 3.2rem;}@media screen and (min-width: 992px){.css-1r88a2a{padding:8rem 3.2rem 12rem 3.2rem;}}</style>
    <div class="css-1r88a2a">
        <style data-emotion="css 1l4w6pd">.css-1l4w6pd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style>
        <div class="css-1l4w6pd">
            <style data-emotion="css 1e4zme5">.css-1e4zme5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:3.2rem;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media screen and (min-width: 768px){.css-1e4zme5{max-width:57rem;}}@media screen and (min-width: 992px){.css-1e4zme5{gap:4.8rem;max-width:100.8rem;}}</style>
            <div class="css-1e4zme5">
                <style data-emotion="css 1ahvzbs">.css-1ahvzbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;text-align:center;max-width:100%;}@media screen and (min-width: 992px){.css-1ahvzbs{max-width:80rem;}}</style>
                <div class="css-1ahvzbs">
                    <style data-emotion="css e0a0dl">.css-e0a0dl{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-weight:800;font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.05rem;}@media screen and (min-width: 992px){.css-e0a0dl{font-size:3.6rem;line-height:4.8rem;}}</style>
                    <h2 class="chakra-heading css-e0a0dl" role="heading">How does {{ config('app.name') }} financing work?</h2>
                </div>
                <style data-emotion="css hhb1bn">.css-hhb1bn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8.4rem;width:100%;}</style>
                <div class="css-hhb1bn">
                    <style data-emotion="css 202qee">.css-202qee{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2rem;position:relative;}</style>
                    <div class="css-202qee">
                        <style data-emotion="css 1pf0x3y">.css-1pf0x3y{width:100%;display:block;}</style>
                        <img alt="" src="{{ asset('assets/images/select.svg') }}" class="chakra-image css-1pf0x3y"/>
                        <style data-emotion="css wab9w1">.css-wab9w1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0.8rem;}@media screen and (min-width: 768px){.css-wab9w1{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}@media screen and (min-width: 992px){.css-wab9w1{gap:1.6rem;}}</style>
                        <div class="css-wab9w1">
                            <style data-emotion="css 434o1d">.css-434o1d{font-family:EuclidCircularB,sans-serif;font-style:normal;margin:var(--chakra-space-0);font-weight:700;font-size:1.4rem;line-height:2rem;letter-spacing:-0.02rem;color:var(--chakra-colors-blue-500);padding-top:0.35rem;}@media screen and (min-width: 768px){.css-434o1d{padding-top:var(--chakra-space-0);}}@media screen and (min-width: 992px){.css-434o1d{font-size:1.6rem;line-height:2.4rem;}}</style>
                            <h6 class="chakra-heading css-434o1d" role="heading">01.</h6>
                            <style data-emotion="css uklros">.css-uklros{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.8rem;}@media screen and (min-width: 992px){.css-uklros{gap:1.6rem;}}</style>
                            <div class="css-uklros">
                                <style data-emotion="css 1thq657">.css-1thq657{font-family:EuclidCircularB,sans-serif;color:var(--chakra-colors-gray-800);font-style:normal;margin:var(--chakra-space-0);font-weight:700;font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.02rem;}@media screen and (min-width: 992px){.css-1thq657{font-size:2.4rem;line-height:3.2rem;letter-spacing:-0.04rem;}}</style>
                                <h5 class="chakra-heading css-1thq657" role="heading">You&#x27;ll choose your car.</h5>
                                <style data-emotion="css a4uv5j">.css-a4uv5j{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:400;color:var(--chakra-colors-gray-600);font-size:1.2rem;line-height:2rem;}@media screen and (min-width: 992px){.css-a4uv5j{font-size:1.4rem;line-height:2.4rem;}}.css-a4uv5j a{color:var(--chakra-colors-blue-500);-webkit-text-decoration:underline;text-decoration:underline;font-weight:700;}</style>
                                <p class="chakra-text css-a4uv5j">Choose from our wide selection of more than  1 000 000 verified cars from all over Europe and click the &quot;Buy&quot; button.</p>
                            </div>
                        </div>
                    </div>
                    <div class="css-202qee">
                        <img alt="" src="{{ asset('assets/images/send.svg') }}" class="chakra-image css-1pf0x3y"/>
                        <div class="css-wab9w1">
                            <h6 class="chakra-heading css-434o1d" role="heading">02.</h6>
                            <div class="css-uklros">
                                <h5 class="chakra-heading css-1thq657" role="heading">Fill in the online application</h5>
                                <p class="chakra-text css-a4uv5j">Next, click the &quot;I&#x27;m interested in financing&quot; button and fill out the application. We&#x27;ll take care of the rest.</p>
                            </div>
                        </div>
                        <style data-emotion="css 1r8hjhn">.css-1r8hjhn{display:none;width:11.4rem;position:absolute;left:-10.4rem;top:1.2rem;}@media screen and (min-width: 992px){.css-1r8hjhn{display:block;}}</style>
                        <img alt="" src="/images/how-it-works/top-arrow.svg" class="chakra-image css-1r8hjhn"/>
                    </div>
                    <div class="css-202qee">
                        <img alt="" src="{{ asset('assets/images/offer.svg') }}" class="chakra-image css-1pf0x3y"/>
                        <div class="css-wab9w1">
                            <h6 class="chakra-heading css-434o1d" role="heading">03.</h6>
                            <div class="css-uklros">
                                <h5 class="chakra-heading css-1thq657" role="heading">We will send you a quote</h5>
                                <p class="chakra-text css-a4uv5j">We will send your application to the lender for review before letting you know your specific financing options.</p>
                            </div>
                        </div>
                        <style data-emotion="css phgnu6">.css-phgnu6{display:none;width:10.8rem;position:absolute;left:-8rem;top:14.7rem;}@media screen and (min-width: 992px){.css-phgnu6{display:block;}}</style>
                        <img alt="" src="{{ asset('assets/images/bottom-arrow.svg') }}" class="chakra-image css-phgnu6"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <style data-emotion="css 1806wc">.css-1806wc{overflow-x:scroll;padding:4.8rem 0 3.2rem;position:relative;background:var(--chakra-colors-gray-100);margin-top:4rem;}@media screen and (min-width: 768px){.css-1806wc{margin-top:4.8rem;}}@media screen and (min-width: 1280px){.css-1806wc{padding:8rem 0 0;}}</style>
    <div class="css-1806wc">
        <style data-emotion="css 10yoje2">.css-10yoje2{position:absolute;width:100%;left:var(--chakra-space-0);bottom:100%;background:var(--chakra-colors-gray-100);-webkit-clip-path:polygon(0 101%, 100% 0, 100% 101%);clip-path:polygon(0 101%, 100% 0, 100% 101%);height:4rem;}@media screen and (min-width: 768px){.css-10yoje2{height:4.8rem;}}</style>
        <div class="css-10yoje2"></div>
        <style data-emotion="css 1k6jtwe">.css-1k6jtwe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:auto;margin-right:auto;max-width:328px;width:100%;}@media screen and (min-width: 640px){.css-1k6jtwe{max-width:592px;}}@media screen and (min-width: 768px){.css-1k6jtwe{max-width:720px;}}@media screen and (min-width: 1024px){.css-1k6jtwe{max-width:960px;}}@media screen and (min-width: 1280px){.css-1k6jtwe{max-width:1216px;}}@media screen and (min-width: 1536px){.css-1k6jtwe{max-width:1280px;}}</style>
        <div class="css-1k6jtwe">
            <style data-emotion="css 1md9qhz">.css-1md9qhz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4rem;width:100%;padding-bottom:var(--chakra-space-10);}@media screen and (min-width: 1024px){.css-1md9qhz{gap:4.8rem;padding-bottom:var(--chakra-space-8);}}</style>
            <div class="css-1md9qhz">
                <style data-emotion="css fj7xqk">.css-fj7xqk{margin-left:auto;margin-right:auto;max-width:328px;width:100%;}@media screen and (min-width: 640px){.css-fj7xqk{max-width:592px;}}@media screen and (min-width: 768px){.css-fj7xqk{max-width:720px;}}@media screen and (min-width: 1024px){.css-fj7xqk{max-width:960px;}}@media screen and (min-width: 1280px){.css-fj7xqk{max-width:1216px;}}@media screen and (min-width: 1536px){.css-fj7xqk{max-width:1280px;}}</style>
                <div class="css-fj7xqk">
                    <style data-emotion="css 5r3bi0">.css-5r3bi0{font-family:EuclidCircularB,sans-serif;font-weight:800;font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-3xl);line-height:1.33;color:var(--chakra-colors-gray-800);margin-bottom:1.6rem;}@media screen and (min-width: 640px){.css-5r3bi0{font-size:var(--chakra-fontSizes-4xl);line-height:1.2;}}@media screen and (min-width: 0em) and (max-width: 1023.98px){.css-5r3bi0{font-size:var(--chakra-fontSizes-700);line-height:3.6rem;font-weight:700;letter-spacing:-0.05rem;}}@media screen and (min-width: 1024px){.css-5r3bi0{font-size:var(--chakra-fontSizes-900);line-height:4.8rem;font-weight:700;letter-spacing:-0.05rem;}}</style>
                    <h2 class="chakra-heading css-5r3bi0" role="heading">What do our customers think?</h2>
                    <div class="css-1p0ys02">
                        <style data-emotion="css fnrk02">.css-fnrk02{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:left;-ms-flex-pack:left;-webkit-justify-content:left;justify-content:left;gap:1.6rem;}</style>
                        <div class="css-fnrk02">
                            <style data-emotion="css 19r1957">.css-19r1957{font-family:EuclidCircularB,sans-serif;font-weight:800;font-style:normal;margin:var(--chakra-space-0);font-size:var(--chakra-fontSizes-3xl);line-height:1.33;color:var(--chakra-colors-gray-800);}@media screen and (min-width: 640px){.css-19r1957{font-size:var(--chakra-fontSizes-4xl);line-height:1.2;}}@media screen and (min-width: 0em) and (max-width: 1023.98px){.css-19r1957{font-size:var(--chakra-fontSizes-700);line-height:3.6rem;font-weight:700;letter-spacing:-0.05rem;}}@media screen and (min-width: 1024px){.css-19r1957{font-size:var(--chakra-fontSizes-900);line-height:4.8rem;font-weight:700;letter-spacing:-0.05rem;}}</style>
                            <h3 class="chakra-heading css-19r1957" role="heading">4.8</h3>
                            <style data-emotion="css 7d605u">.css-7d605u{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;}@media screen and (min-width: 421px){.css-7d605u{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style>
                            <div class="css-7d605u">
                                <style data-emotion="css 17lshmv">.css-17lshmv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:0.8rem;column-gap:0.8rem;font-size:2rem;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}</style>
                                <div class="css-17lshmv">
                                    <style data-emotion="css 14bebf2">.css-14bebf2{width:1em;height:1em;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-yellow-500);vertical-align:middle;fill:currentColor;}</style>
                                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                        <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                    </svg>
                                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                        <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                    </svg>
                                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                        <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                    </svg>
                                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                        <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                    </svg>
                                    <style data-emotion="css 1ggzzol">.css-1ggzzol{width:1em;height:1em;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-transparent);vertical-align:middle;fill:currentColor;}</style>
                                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-1ggzzol" id="hp-testimonies-rating-block" gradientfillpercentage="56%" gradientemptypercentage="30%">
                                        <defs>
                                            <linearGradient id="gradhp-testimonies-rating-block" x1="0%" y1="0%" x2="100%" y2="0%">
                                                <stop offset="56%" stop-color="#FFBB35" stop-opacity="1"></stop>
                                                <stop offset="30%" stop-color="#D7E1EF" stop-opacity="1"></stop>
                                            </linearGradient>
                                        </defs>
                                        <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="url(#gradhp-testimonies-rating-block)"></path>
                                        <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                    </svg>
                                </div>
                            </div>
                        </div>
                        <style data-emotion="css 17x177z">.css-17x177z{font-family:EuclidCircularB,sans-serif;font-style:normal;font-size:var(--chakra-fontSizes-100);line-height:2rem;font-weight:600;color:var(--chakra-colors-gray-500);}</style>
                        <p class="chakra-text css-17x177z">989 reviews</p>
                    </div>
                </div>
                <style data-emotion="css f1lekf">.css-f1lekf{width:100%;}.css-f1lekf .swiper{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;max-width:100%;overflow:visible;width:100%;}.css-f1lekf .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:100%;}@media screen and (min-width: 1024px){.css-f1lekf .swiper-wrapper{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;}}.css-f1lekf .swiper-slide{height:auto;width:auto;margin-bottom:1.6rem;}</style>
                <div class="css-f1lekf">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            
                            <style data-emotion="css 17yonxo">.css-17yonxo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;border-radius:0px;transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:2rem;min-width:var(--chakra-sizes-12);-webkit-padding-start:var(--chakra-space-0);padding-inline-start:var(--chakra-space-0);-webkit-padding-end:var(--chakra-space-0);padding-inline-end:var(--chakra-space-0);background:var(--chakra-colors-transparent);border-bottom:1px solid transparent;color:var(--chakra-colors-blue-500);font-size:var(--chakra-fontSizes-100);font-weight:600;line-height:2rem;text-decoration-color:var(--chakra-colors-blue-500);text-decoration-line:underline;text-decoration-thickness:0.14rem;text-underline-offset:0.175rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}.css-17yonxo:focus-visible,.css-17yonxo[data-focus-visible]{box-shadow:var(--chakra-shadows-outline);}.css-17yonxo:active,.css-17yonxo[data-active]{color:var(--chakra-colors-gray-600);text-decoration-color:var(--chakra-colors-gray-600);}.css-17yonxo:disabled,.css-17yonxo[disabled],.css-17yonxo[aria-disabled=true],.css-17yonxo[data-disabled]{color:var(--chakra-colors-gray-400);text-decoration-color:var(--chakra-colors-gray-400);cursor:not-allowed;}.css-17yonxo:disabled:hover,.css-17yonxo[disabled]:hover,.css-17yonxo[aria-disabled=true]:hover,.css-17yonxo[data-disabled]:hover,.css-17yonxo:disabled[data-hover],.css-17yonxo[disabled][data-hover],.css-17yonxo[aria-disabled=true][data-hover],.css-17yonxo[data-disabled][data-hover]{color:var(--chakra-colors-gray-400);text-decoration-line:underline;}.css-17yonxo:focus,.css-17yonxo[data-focus]{color:var(--chakra-colors-blue-600);text-decoration-color:var(--chakra-colors-blue-600);}.css-17yonxo:hover,.css-17yonxo[data-hover]{background-color:var(--chakra-colors-transparent);color:var(--chakra-colors-blue-600);text-decoration-color:var(--chakra-colors-transparent);}.css-17yonxo svg{color:inherit;}</style>

                            <div class="swiper-slide">
                                <style data-emotion="css 10klw3m">.css-10klw3m{height:100%;}</style>
                                <div class="css-10klw3m">
                                    <style data-emotion="css 1vrise5">.css-1vrise5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;min-width:var(--chakra-sizes-0);word-wrap:break-word;--card-bg:var(--chakra-colors-chakra-body-bg);color:var(--chakra-colors-chakra-body-text);border-width:var(--card-border-width, 0);border-color:var(--card-border-color);--card-radius:var(--chakra-radii-md);--card-padding:var(--chakra-space-5);--card-shadow:var(--chakra-shadows-base);background-color:var(--chakra-colors-white);border-radius:0.8rem;box-shadow:0px 4px 8px rgba(72, 88, 133, 0.08);height:100%;-webkit-transition:box-shadow 250ms ease;transition:box-shadow 250ms ease;width:296px;z-index:10;overflow:visible!important;}.chakra-ui-dark .css-1vrise5:not([data-theme]),[data-theme=dark] .css-1vrise5:not([data-theme]),.css-1vrise5[data-theme=dark]{--card-bg:var(--chakra-colors-gray-700);}.css-1vrise5:hover,.css-1vrise5[data-hover]{box-shadow:0px 8px 16px rgba(72, 88, 133, 0.16);}</style>
                                    <div class="chakra-card css-1vrise5">
                                        <style data-emotion="css 2nyuz0">.css-2nyuz0{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;height:auto;padding:var(--chakra-space-0);}</style>
                                        <div class="chakra-card__body css-2nyuz0">
                                            <style data-emotion="css 1qjoz91">.css-1qjoz91{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;padding:1.6rem;}@media screen and (min-width: 768px){.css-1qjoz91{padding:2.4rem;}}</style>
                                            <div class="chakra-stack css-1qjoz91">
                                                <style data-emotion="css hl6w5n">.css-hl6w5n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;}</style>
                                                <div class="css-hl6w5n">
                                                    <style data-emotion="css 1xc46ng">.css-1xc46ng{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;gap:0.6rem;}</style>
                                                    <div class="chakra-stack css-1xc46ng">
                                                        <style data-emotion="css 1b2slbu">.css-1b2slbu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:0.4rem;column-gap:0.4rem;}</style>
                                                        <div class="css-1b2slbu">
                                                            <style data-emotion="css rkedds">.css-rkedds{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:600;color:var(--chakra-colors-gray-800);}@media screen and (min-width: 0em) and (max-width: 1023.98px){.css-rkedds{font-size:var(--chakra-fontSizes-100);line-height:2rem;}}@media screen and (min-width: 1024px){.css-rkedds{font-size:var(--chakra-fontSizes-200);line-height:2.4rem;}}</style>
                                                            <p class="chakra-text css-rkedds">Miloš K.</p>
                                                            <style data-emotion="css 1mpct0i">.css-1mpct0i{justify-self:center;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;}</style>
                                                            <div class="css-1mpct0i ep1fxcl0">
                                                                <style data-emotion="css 1vwvp6d">.css-1vwvp6d{width:var(--chakra-sizes-3);height:var(--chakra-sizes-3);display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:currentColor;vertical-align:middle;}</style>
                                                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1vwvp6d">
                                                                    <g clip-path="url(#clip0_1_1413)">
                                                                        <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F5F7FB"></path>
                                                                        <path d="M10.9562 12C10.9562 12 3.52137 20.487 3.51434 20.4853C5.68587 22.6568 8.68592 24 11.9996 24C18.627 24 23.9996 18.6274 23.9996 12H10.9562Z" fill="#D80027"></path>
                                                                        <path d="M3.51508 3.51471C-1.1712 8.20099 -1.1712 15.799 3.51508 20.4853C5.45162 18.5488 7.31411 16.6863 12.0004 12L3.51508 3.51471Z" fill="#0052B4"></path>
                                                                    </g>
                                                                    <defs>
                                                                        <clipPath id="clip0_1_1413">
                                                                            <rect width="24" height="24" fill="white"></rect>
                                                                        </clipPath>
                                                                    </defs>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                        <style data-emotion="css 5eg6eu">.css-5eg6eu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:0.4rem;column-gap:0.4rem;font-size:1.6rem;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}</style>
                                                        <div style="padding-top:0.8rem" class="css-5eg6eu">
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <style data-emotion="css 1uxl4kd">.css-1uxl4kd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.6rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style>
                                                <div class="css-1uxl4kd">
                                                    <style data-emotion="css 1blipxx">.css-1blipxx{font-family:EuclidCircularB,sans-serif;font-style:normal;font-size:var(--chakra-fontSizes-100);line-height:2rem;color:var(--chakra-colors-gray-800);font-weight:500;padding-top:var(--chakra-space-0);}</style>
                                                    <p class="chakra-text css-1blipxx" data-testid="feature.review.text">I recommend and praise not only the quality of the car, but especially the service that {{ config('app.name') }} offers and provides. Everything was perfect from start to finish. </p>
                                                </div>
                                            </div>
                                        </div>
                                        <style data-emotion="css 1mfvig9">.css-1mfvig9{border:0;border-style:solid;border-bottom-width:1px;width:100%;border-color:var(--chakra-colors-gray-200);height:0.1rem;opacity:1;}</style>
                                        <hr aria-orientation="horizontal" class="chakra-divider css-1mfvig9"/>
                                        <style data-emotion="css luu76v">.css-luu76v{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:1.6rem;}</style>
                                        <div class="chakra-card__footer css-luu76v">
                                            <style data-emotion="css 18bs7tx">.css-18bs7tx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:1.2rem;column-gap:1.2rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style>
                                            <div class="css-18bs7tx">
                                                <img alt="MAKE_AUDI logo" src="{{ asset('assets/images/audi.webp') }}"/>
                                                <style data-emotion="css j7qwjs">.css-j7qwjs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style>
                                                <div class="css-j7qwjs">
                                                    <style data-emotion="css 13vcm0k">.css-13vcm0k{font-family:EuclidCircularB,sans-serif;font-style:normal;font-size:var(--chakra-fontSizes-100);line-height:2rem;font-weight:500;color:var(--chakra-colors-gray-800);}</style>
                                                    <p class="chakra-text css-13vcm0k">
                                                        Audi A4<!-- --> 
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="swiper-slide">
                                <div class="css-10klw3m">
                                    <div class="chakra-card css-1vrise5">
                                        <div class="chakra-card__body css-2nyuz0">
                                            <div class="chakra-stack css-1qjoz91">
                                                <div class="css-hl6w5n">
                                                    <div class="chakra-stack css-1xc46ng">
                                                        <div class="css-1b2slbu">
                                                            <p class="chakra-text css-rkedds">Aleš K.</p>
                                                            <div class="css-1mpct0i ep1fxcl0">
                                                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1vwvp6d">
                                                                    <g clip-path="url(#clip0_1_1413)">
                                                                        <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F5F7FB"></path>
                                                                        <path d="M10.9562 12C10.9562 12 3.52137 20.487 3.51434 20.4853C5.68587 22.6568 8.68592 24 11.9996 24C18.627 24 23.9996 18.6274 23.9996 12H10.9562Z" fill="#D80027"></path>
                                                                        <path d="M3.51508 3.51471C-1.1712 8.20099 -1.1712 15.799 3.51508 20.4853C5.45162 18.5488 7.31411 16.6863 12.0004 12L3.51508 3.51471Z" fill="#0052B4"></path>
                                                                    </g>
                                                                    <defs>
                                                                        <clipPath id="clip0_1_1413">
                                                                            <rect width="24" height="24" fill="white"></rect>
                                                                        </clipPath>
                                                                    </defs>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                        <div style="padding-top:0.8rem" class="css-5eg6eu">
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="css-1uxl4kd">
                                                    <p class="chakra-text css-1blipxx" data-testid="feature.review.text">Solid offer and service. Great satisfaction from start to finish.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <hr aria-orientation="horizontal" class="chakra-divider css-1mfvig9"/>
                                        <div class="chakra-card__footer css-luu76v">
                                            <div class="css-18bs7tx">
                                                <img alt="MAKE_SKODA logo" src="{{ asset('assets/images/skoda.webp') }}"/>
                                                <div class="css-j7qwjs">
                                                    <p class="chakra-text css-13vcm0k">
                                                        Skoda Octavia<!-- --> 
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="swiper-slide">
                                <div class="css-10klw3m">
                                    <div class="chakra-card css-1vrise5">
                                        <div class="chakra-card__body css-2nyuz0">
                                            <div class="chakra-stack css-1qjoz91">
                                                <div class="css-hl6w5n">
                                                    <div class="chakra-stack css-1xc46ng">
                                                        <div class="css-1b2slbu">
                                                            <p class="chakra-text css-rkedds">Lucie Z.</p>
                                                            <div class="css-1mpct0i ep1fxcl0">
                                                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1vwvp6d">
                                                                    <g clip-path="url(#clip0_1_1413)">
                                                                        <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F5F7FB"></path>
                                                                        <path d="M10.9562 12C10.9562 12 3.52137 20.487 3.51434 20.4853C5.68587 22.6568 8.68592 24 11.9996 24C18.627 24 23.9996 18.6274 23.9996 12H10.9562Z" fill="#D80027"></path>
                                                                        <path d="M3.51508 3.51471C-1.1712 8.20099 -1.1712 15.799 3.51508 20.4853C5.45162 18.5488 7.31411 16.6863 12.0004 12L3.51508 3.51471Z" fill="#0052B4"></path>
                                                                    </g>
                                                                    <defs>
                                                                        <clipPath id="clip0_1_1413">
                                                                            <rect width="24" height="24" fill="white"></rect>
                                                                        </clipPath>
                                                                    </defs>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                        <div style="padding-top:0.8rem" class="css-5eg6eu">
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="css-1uxl4kd">
                                                    <p class="chakra-text css-1blipxx" data-testid="feature.review.text">I very much appreciate the friendly approach, the willingness to advise and the fact that {{ config('app.name') }}, de facto, handles everything for you. You don&#x27;t have to go anywhere, you choose a car like clothes or shoes in the e-shop and in a few weeks it will be delivered to your door. A great service that was missing here.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <hr aria-orientation="horizontal" class="chakra-divider css-1mfvig9"/>
                                        <div class="chakra-card__footer css-luu76v">
                                            <div class="css-18bs7tx">
                                                <img alt="MAKE_FORD logo" src="{{ asset('assets/images/ford.webp') }}"/>
                                                <div class="css-j7qwjs">
                                                    <p class="chakra-text css-13vcm0k">
                                                        Ford S-Max<!-- --> 
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="swiper-slide">
                                <div class="css-10klw3m">
                                    <div class="chakra-card css-1vrise5">
                                        <div class="chakra-card__body css-2nyuz0">
                                            <div class="chakra-stack css-1qjoz91">
                                                <div class="css-hl6w5n">
                                                    <div class="chakra-stack css-1xc46ng">
                                                        <div class="css-1b2slbu">
                                                            <p class="chakra-text css-rkedds">Nikol P.</p>
                                                            <div class="css-1mpct0i ep1fxcl0">
                                                                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1vwvp6d">
                                                                    <g clip-path="url(#clip0_1_1408)">
                                                                        <path d="M0.746521 16.1739C2.44204 20.7435 6.84055 24 12.0001 24C17.1597 24 21.5582 20.7435 23.2537 16.1739L12.0001 15.1305L0.746521 16.1739Z" fill="#FFDA44"></path>
                                                                        <path d="M12.0001 0C6.84055 0 2.44204 3.2565 0.746521 7.82611L12.0001 8.86955L23.2537 7.82606C21.5582 3.2565 17.1597 0 12.0001 0Z" fill="black"></path>
                                                                        <path d="M0.746391 7.82611C0.264047 9.1261 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739H23.2537C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611H0.746391Z" fill="#D80027"></path>
                                                                    </g>
                                                                    <defs>
                                                                        <clipPath id="clip0_1_1408">
                                                                            <rect width="24" height="24" fill="white"></rect>
                                                                        </clipPath>
                                                                    </defs>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                        <div style="padding-top:0.8rem" class="css-5eg6eu">
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-14bebf2">
                                                                <path d="M7.67839 12.0633C7.87475 11.9385 8.12553 11.9385 8.32189 12.0633L11.7238 14.2246C12.1746 14.511 12.7469 14.1098 12.6313 13.5883L11.7073 9.41905C11.6608 9.20927 11.73 8.99065 11.8888 8.84588L14.9917 6.01634C15.3776 5.66449 15.1609 5.02182 14.6408 4.97537L10.6141 4.61577C10.3895 4.59571 10.1951 4.45142 10.1109 4.24224L8.55672 0.382247C8.35491 -0.118953 7.64536 -0.118952 7.44356 0.382248L5.88937 4.24224C5.80515 4.45142 5.61076 4.59571 5.38617 4.61577L1.35947 4.97537C0.839355 5.02182 0.622709 5.66449 1.00856 6.01634L4.11148 8.84588C4.27024 8.99065 4.33947 9.20927 4.29298 9.41905L3.36898 13.5883C3.2534 14.1098 3.82565 14.511 4.27652 14.2246L7.67839 12.0633Z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="css-1uxl4kd">
                                                    <p class="chakra-text css-1blipxx" data-testid="feature.review.text">This is my first experience of buying a car over the internet and looking back I see it as very positive. At first I had certain concerns. A car is different than a pair of shoes. But everything went exactly as it is described on the website. I&#x27;ve had the car for some time now and I&#x27;m extremely satisfied.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <hr aria-orientation="horizontal" class="chakra-divider css-1mfvig9"/>
                                        <div class="chakra-card__footer css-luu76v">
                                            <div class="css-18bs7tx">
                                                <img alt="MAKE_SEAT logo" src="{{ asset('assets/images/seat.webp') }}"/>
                                                <div class="css-j7qwjs">
                                                    <p class="chakra-text css-13vcm0k">
                                                        Seat Leon<!-- --> <!-- -->• 2020
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style data-emotion="css 1w23g2f">.css-1w23g2f{position:relative;background:var(--chakra-colors-gradient-blue-to-top);margin-top:4rem;margin-bottom:4rem;}@media screen and (min-width: 768px){.css-1w23g2f{margin-top:4.8rem;margin-bottom:4.8rem;}}</style>
    <div class="css-1w23g2f">
        <style data-emotion="css 1k6do08">.css-1k6do08{position:absolute;width:100%;left:var(--chakra-space-0);bottom:100%;background:var(--chakra-colors-blue-700);-webkit-clip-path:polygon(0 101%, 100% 0, 100% 101%);clip-path:polygon(0 101%, 100% 0, 100% 101%);height:4rem;}@media screen and (min-width: 768px){.css-1k6do08{height:4.8rem;}}</style>
        <div class="css-1k6do08"></div>
        <style data-emotion="css c98azb">.css-c98azb{margin-top:var(--chakra-space-0);}</style>
        <div class="css-c98azb">
            <style data-emotion="css ldo4d5">.css-ldo4d5{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;width:100%;}</style>
            <div class="css-ldo4d5">
                <style data-emotion="css r74cwe">.css-r74cwe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:1216px;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;--chakra-space-y-reverse:1;--chakra-divide-y-reverse:1;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media screen and (min-width: 768px){.css-r74cwe{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;min-height:24.8rem;}}@media screen and (min-width: 1200px){.css-r74cwe{min-height:36.8rem;}}</style>
                <div class="css-r74cwe">
                    <style data-emotion="css 1djlawc">.css-1djlawc{width:100%;padding:1.6rem 3.2rem 4rem 3.2rem;position:relative;z-index:1;}@media screen and (min-width: 768px){.css-1djlawc{width:36.9rem;padding:5.6rem 0 3.2rem 3.2rem;}}@media screen and (min-width: 1200px){.css-1djlawc{width:50.1rem;padding:9.2rem 0 0 3.2rem;}}@media screen and (min-width: 1400px){.css-1djlawc{padding:9.2rem 0 0 0;}}</style>
                    <div class="css-1djlawc">
                        <style data-emotion="css 1fjgn9">.css-1fjgn9{padding:0 0 2.4rem;}@media screen and (min-width: 768px){.css-1fjgn9{padding:0 0 3.2rem;}}@media screen and (min-width: 992px){.css-1fjgn9{padding:0 0 4.8rem;}}</style>
                        <div class="css-1fjgn9">
                            <style data-emotion="css 1g27vml">.css-1g27vml{font-weight:800;color:var(--chakra-colors-white);font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.5px;}@media screen and (min-width: 1200px){.css-1g27vml{font-size:3.6rem;line-height:4.8rem;}}</style>
                            <h2 class="css-1g27vml">Financing without worries, choices without compromise</h2>
                        </div>
                        <style data-emotion="css 17r683q">@media (max-width: 767px){.css-17r683q button{width:100%;}}</style>
                        <div class="css-17r683q">
                            <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>
                            <a href="{{ route('cars') }}" class="chakra-button css-xhoecg">Show available cars</a>
                        </div>
                    </div>
                    <div props="[object Object]" class="css-0"><img alt="Car financing" src="{{ asset('assets/images/financing_banner_2x.77088f1d.webp') }}" class="chakra-image css-0" sizes="(min-width: 768px) 69.6rem, (min-width: 768px) 44rem, 100vw"/></div>
                </div>
            </div>
        </div>
        <style data-emotion="css z2nyvw">.css-z2nyvw{position:absolute;width:100%;left:var(--chakra-space-0);top:100%;background:var(--chakra-colors-blue-500);-webkit-clip-path:polygon(0 -1%, 100% -1%, 0 100%);clip-path:polygon(0 -1%, 100% -1%, 0 100%);height:4rem;}@media screen and (min-width: 768px){.css-z2nyvw{height:4.8rem;}}</style>
        <div id="bottom-poly" class="css-z2nyvw"></div>
    </div>

    
    <style data-emotion="css h0q6ti">.css-h0q6ti{padding:6.4rem 4rem;}@media screen and (min-width: 768px){.css-h0q6ti{padding:8rem 4rem;}}</style>
    <div class="css-h0q6ti">
        <style data-emotion="css 1vsgb4">.css-1vsgb4{max-width:59.6rem;margin:auto;}</style>
        <div class="css-1vsgb4">
            <style data-emotion="css 1yip5n9">.css-1yip5n9{font-weight:700;font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.2px;text-align:center;color:unset;}@media screen and (min-width: 768px){.css-1yip5n9{font-size:2.4rem;line-height:3.2rem;letter-spacing:-0.4px;}}</style>
            <h3 class="css-1yip5n9">Do you need advice?</h3>
            <style data-emotion="css fav8ok">.css-fav8ok{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:3.2rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:2.4rem;color:unset;}@media screen and (min-width: 768px){.css-fav8ok{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:none;}}</style>
            <div class="css-fav8ok">
                <style data-emotion="css v35l3m">.css-v35l3m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:2.4rem;}</style>
                <div class="css-v35l3m">
                    <style data-emotion="css dosp9r">.css-dosp9r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:5.6rem;height:5.6rem;border-radius:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:var(--chakra-colors-white);color:var(--chakra-colors-blue-500);}</style>
                    <div class="css-dosp9r">
                        <svg viewBox="0 0 24 24" data-icon-id="phonecallfilled24" class="css-dks37e">
                            <use href="{{ asset('assets/images/PhoneCallFilled24.98498eb6.svg#icon') }}"></use>
                        </svg>
                    </div>
                    <div class="css-0">
                        <style data-emotion="css 1tf09ic">.css-1tf09ic{font-size:1.4rem;line-height:2.4rem;}</style>
                        <div class="css-1tf09ic">Call us</div>
                        <style data-emotion="css gstxjo">.css-gstxjo{font-weight:700;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.2px;}.css-gstxjo a[type="email"]{color:var(--chakra-colors-blue-500);-webkit-text-decoration:underline;text-decoration:underline;}</style>
                        <div class="css-gstxjo"><a type="phone" href="tel:{{ config('app.phone') }}">{{ config('app.phone') }}</a></div>
                        <style data-emotion="css cuqw91">.css-cuqw91{font-size:1.2rem;line-height:2rem;}</style>
                        <div class="css-cuqw91">Mo–Su 8 am-8 pm</div>
                    </div>
                </div>
                <div class="css-v35l3m">
                    <div class="css-dosp9r">
                        <svg viewBox="0 0 24 24" data-icon-id="mailfilled24" class="css-dks37e">
                            <use href="{{ asset('assets/images/MailFilled24.7261af02.svg#icon') }}"></use>
                        </svg>
                    </div>
                    <div class="css-0">
                        <div class="css-1tf09ic">Email</div>
                        <div class="css-gstxjo"><a type="email" href="mailto:{{ config('app.email') }}">{{ config('app.email') }}</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>