<main data-testid="" class="css-1f7uoeb e1wcrodl0">
    <div data-testid="announcement-bar" class="css-0"></div>
    <style data-emotion="css v5jum8">.css-v5jum8{position:relative;width:100%;margin:auto;max-width:42.4rem;padding:3.2rem 0rem 0.8rem 0rem;}@media screen and (min-width: 768px){.css-v5jum8{max-width:1216px;padding:4.8rem 0rem 4rem 0rem;}}@media screen and (min-width: 992px){.css-v5jum8{padding:8rem 0rem 7rem 0rem;}}.css-v5jum8::before{pointer-events:none;position:absolute;content:"";width:100%;height:100%;background-image:url({{ asset('assets/images/hero.webp') }});background-repeat:no-repeat;-webkit-background-size:36rem;background-size:36rem;-webkit-background-position:top center;background-position:top center;}@media screen and (min-width: 768px){.css-v5jum8::before{-webkit-background-size:46.9rem;background-size:46.9rem;-webkit-background-position:33rem 5rem;background-position:33rem 5rem;}}@media screen and (min-width: 992px){.css-v5jum8::before{-webkit-background-size:69.6rem;background-size:69.6rem;-webkit-background-position:50rem 1rem;background-position:50rem 1rem;}}@media screen and (min-width: 1200px){.css-v5jum8::before{-webkit-background-position:55rem 1rem;background-position:55rem 1rem;}}</style>
    <div class="css-v5jum8">
        <style data-emotion="css 20tny3">.css-20tny3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0rem 3.2rem 0 3.2rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:22rem;}@media screen and (min-width: 768px){.css-20tny3{padding-top:var(--chakra-space-0);}}@media screen and (min-width: 1400px){.css-20tny3{padding:var(--chakra-space-0);}}</style>
        <div class="css-20tny3">
            <style data-emotion="css 12kgzhb">.css-12kgzhb{font-weight:800;font-size:3.2rem;line-height:4rem;letter-spacing:-0.8px;z-index:1;}@media screen and (min-width: 992px){.css-12kgzhb{font-size:4.4rem;line-height:5.6rem;letter-spacing:-0.5px;}}</style>
            <div class="css-12kgzhb">{{ config('app.name') }} Guard<br/>Warranty like from the manufacturer</div>
            <style data-emotion="css 1xd7ipa">.css-1xd7ipa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:1.6rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.8rem;}@media screen and (min-width: 992px){.css-1xd7ipa{margin-top:3.2rem;}}</style>
            <div class="css-1xd7ipa">
                <style data-emotion="css 9y7vnm">.css-9y7vnm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.6rem;}</style>
                <div class="css-9y7vnm">
                    <style data-emotion="css svos9h">.css-svos9h{width:2.4rem;height:2.4rem;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 16 16" focusable="false" class="chakra-icon css-svos9h">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M15 2.28571L8 0V16C10.1667 14.781 15 11.7857 15 9.5V2.28571Z" fill="#378517"></path>
                            <path d="M1 2.28571L8 0V16C5.83333 14.781 1 11.7857 1 9.5V2.28571Z" fill="#67B92E"></path>
                            <path d="M5 7.5L7 9.5L11 5.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </svg>
                    <style data-emotion="css 149ss20">.css-149ss20{font-size:1.4rem;line-height:2.4rem;font-weight:500;}@media screen and (min-width: 992px){.css-149ss20{font-size:1.6rem;line-height:2.8rem;}}</style>
                    <div class="css-149ss20">6 months free with every vehicle</div>
                </div>
                <div class="css-9y7vnm">
                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-svos9h">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M15 2.28571L8 0V16C10.1667 14.781 15 11.7857 15 9.5V2.28571Z" fill="#378517"></path>
                            <path d="M1 2.28571L8 0V16C5.83333 14.781 1 11.7857 1 9.5V2.28571Z" fill="#67B92E"></path>
                            <path d="M5 7.5L7 9.5L11 5.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </svg>
                    <div class="css-149ss20">Option to extend to 3 years</div>
                </div>
                <div class="css-9y7vnm">
                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-svos9h">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M15 2.28571L8 0V16C10.1667 14.781 15 11.7857 15 9.5V2.28571Z" fill="#378517"></path>
                            <path d="M1 2.28571L8 0V16C5.83333 14.781 1 11.7857 1 9.5V2.28571Z" fill="#67B92E"></path>
                            <path d="M5 7.5L7 9.5L11 5.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </svg>
                    <div class="css-149ss20">Fast reimbursement of repairs</div>
                </div>
                <div class="css-9y7vnm">
                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-svos9h">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M15 2.28571L8 0V16C10.1667 14.781 15 11.7857 15 9.5V2.28571Z" fill="#378517"></path>
                            <path d="M1 2.28571L8 0V16C5.83333 14.781 1 11.7857 1 9.5V2.28571Z" fill="#67B92E"></path>
                            <path d="M5 7.5L7 9.5L11 5.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </svg>
                    <div class="css-149ss20">Without deductible</div>
                </div>
            </div>
            <style data-emotion="css 14vvyhl">.css-14vvyhl{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;margin-top:3.2rem;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}</style>
            <div class="css-14vvyhl">
                <style data-emotion="css 18miwcv">.css-18miwcv{border-radius:0.4rem;font-weight:600;line-height:2.4rem;font-size:var(--chakra-fontSizes-100);color:var(--chakra-colors-white);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;white-space:nowrap;-webkit-transition:0.2s ease;transition:0.2s ease;height:4.4rem;min-width:4.4rem;background-image:linear-gradient(to right, var(--chakra-colors-blue-500), var(--chakra-colors-blue-700));box-shadow:var(--chakra-shadows-accent-bottom-md);-webkit-background-position:center;background-position:center;-webkit-background-size:100%;background-size:100%;width:100%;padding:0 1.2rem 0 1.6rem;}.css-18miwcv>svg{width:20px;height:20px;}.css-18miwcv:hover,.css-18miwcv[data-hover]{box-shadow:var(--chakra-shadows-accent-bottom-lg);-webkit-background-position:left;background-position:left;-webkit-background-size:400%;background-size:400%;}.css-18miwcv:active,.css-18miwcv[data-active]{box-shadow:var(--chakra-shadows-accent-bottom-sm);-webkit-background-position:right;background-position:right;-webkit-background-size:400%;background-size:400%;-webkit-transition:none;transition:none;}.css-18miwcv:disabled,.css-18miwcv[disabled],.css-18miwcv[aria-disabled=true],.css-18miwcv[data-disabled]{cursor:not-allowed;opacity:0.4;-webkit-background-position:center;background-position:center;}@media screen and (min-width: 768px){.css-18miwcv{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}}</style>
                <button type="button" class="chakra-button css-18miwcv">
                    More about {{ config('app.name') }} Guard
                    <style data-emotion="css 17cjldt">.css-17cjldt{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:0.6rem;margin-inline-start:0.6rem;}</style>
                    <span class="chakra-button__icon css-17cjldt">
                        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-icon-id="arrowdown24" class="css-1nrnfi9">
                            <use href="{{ asset('assets/images/ArrowDown24.9cc70377.svg#icon') }}"></use>
                        </svg>
                    </span>
                </button>
            </div>
        </div>
    </div>
    <style data-emotion="css lz4oiw">.css-lz4oiw{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;background-color:var(--chakra-colors-white);position:relative;margin-top:4.8rem;margin-bottom:4.8rem;padding-top:8rem;padding-bottom:8rem;}@media screen and (min-width: 1024px){.css-lz4oiw{gap:4.8rem;}}.css-lz4oiw::before{content:"";display:block;position:absolute;left:var(--chakra-space-0);width:100%;height:4.8rem;background-color:var(--chakra-colors-white);bottom:100%;-webkit-clip-path:polygon(0 100%, 100% 0, 100% 100%);clip-path:polygon(0 100%, 100% 0, 100% 100%);}.css-lz4oiw::after{content:"";display:block;position:absolute;left:var(--chakra-space-0);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%);top:100%;}</style>
    <div class="css-lz4oiw">
        <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">{{ config('app.name') }} Guard is your guarantee of mobility</h2>
        <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 3x3m2s">.css-3x3m2s{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-color:var(--chakra-colors-gray-200);}@media screen and (min-width: 992px){.css-3x3m2s{height:7.2rem;}}.css-3x3m2s:last-of-type{border-bottom:1px solid;border-bottom-color:var(--chakra-colors-gray-200);}.css-3x3m2s:first-of-type{border-top-color:var(--chakra-colors-transparent);}</style>
                                <div class="css-3x3m2s">
                                    <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">Guarantee of mobility</div>
                                </div>
                                <div class="css-3x3m2s">
                                    <div class="css-7ps2wk">Scope of coverage</div>
                                </div>
                                <div class="css-3x3m2s">
                                    <div class="css-7ps2wk">Length of coverage</div>
                                </div>
                                <div class="css-3x3m2s">
                                    <div class="css-7ps2wk">Availability</div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <style data-emotion="css h27z7f">.css-h27z7f{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);z-index:1;}@media screen and (min-width: 992px){.css-h27z7f{z-index:unset;}}</style>
                            <div class="css-h27z7f">
                                <style data-emotion="css 3lnufa">.css-3lnufa{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-3lnufa{font-size:2.4rem;line-height:3.2rem;padding:2.8rem 0.8rem;}}</style>
                                <h3 class="css-3lnufa">{{ config('app.name') }} Guard</h3>
                                <style data-emotion="css 1lb3134">.css-1lb3134{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-color:var(--chakra-colors-gray-200);}@media screen and (min-width: 992px){.css-1lb3134{height:7.2rem;}}.css-1lb3134: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-1lb3134:last-of-type{margin-bottom:1.6rem;}}</style>
                                <div class="css-1lb3134">
                                    <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">We arrange vehicle repairs immediately.</div>
                                </div>
                                <div class="css-1lb3134">
                                    <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">Applies to defects caused by vehicle use.</div>
                                </div>
                                <div class="css-1lb3134">
                                    <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">Option to extend to 3 years.</div>
                                </div>
                                <div class="css-1lb3134">
                                    <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">For all {{ config('app.name') }} customers.</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 81qnhe">.css-81qnhe{font-weight:700;text-align:center;font-size:1.8rem;line-height:2.4rem;padding:1.2rem 0.8rem;border-top:1px solid;border-right:1px solid;border-color:var(--chakra-colors-gray-200);border-top-right-radius:0.8rem;}@media screen and (min-width: 992px){.css-81qnhe{font-size:2.4rem;line-height:3.2rem;padding:2rem 0.8rem;}}</style>
                                <h3 class="css-81qnhe">Statutory warranty</h3>
                                <style data-emotion="css 1dfvmgm">.css-1dfvmgm{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-color:var(--chakra-colors-gray-200);border-right:1px solid;border-right-color:var(--chakra-colors-gray-200);}@media screen and (min-width: 992px){.css-1dfvmgm{height:7.2rem;}}.css-1dfvmgm: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-1dfvmgm">
                                    <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">First we need to get an expert assessment.</div>
                                </div>
                                <div class="css-1dfvmgm">
                                    <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">Applies only to defects not evident at the time of sale.</div>
                                </div>
                                <div class="css-1dfvmgm">
                                    <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">Valid for 1 year.</div>
                                </div>
                                <div class="css-1dfvmgm">
                                    <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">Natural persons only.</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-3x3m2s">
                        <div class="css-7ps2wk">Guarantee of mobility</div>
                    </div>
                    <div class="css-3x3m2s">
                        <div class="css-7ps2wk">Scope of coverage</div>
                    </div>
                    <div class="css-3x3m2s">
                        <div class="css-7ps2wk">Length of coverage</div>
                    </div>
                    <div class="css-3x3m2s">
                        <div class="css-7ps2wk">Availability</div>
                    </div>
                </div>
                <div class="css-h27z7f">
                    <h3 class="css-3lnufa">{{ config('app.name') }} Guard</h3>
                    <div class="css-1lb3134">
                        <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 arrange vehicle repairs immediately.</div>
                    </div>
                    <div class="css-1lb3134">
                        <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">Applies to defects caused by vehicle use.</div>
                    </div>
                    <div class="css-1lb3134">
                        <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">Option to extend to 3 years.</div>
                    </div>
                    <div class="css-1lb3134">
                        <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">For all {{ config('app.name') }} customers.</div>
                    </div>
                </div>
                <div class="css-wewx4l">
                    <h3 class="css-81qnhe">Statutory warranty</h3>
                    <div class="css-1dfvmgm">
                        <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">First we need to get an expert assessment.</div>
                    </div>
                    <div class="css-1dfvmgm">
                        <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">Applies only to defects not evident at the time of sale.</div>
                    </div>
                    <div class="css-1dfvmgm">
                        <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">Valid for 1 year.</div>
                    </div>
                    <div class="css-1dfvmgm">
                        <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">Natural persons only.</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style data-emotion="css 4shbn9">.css-4shbn9{padding-left:1.6rem;padding-right:1.6rem;background-color:var(--chakra-colors-gray-100);position:relative;padding-top:4.8rem;padding-bottom:2.8rem;}@media screen and (min-width: 768px){.css-4shbn9{padding-left:3.2rem;padding-right:3.2rem;padding-top:5.6rem;padding-bottom:3.6rem;}}@media screen and (min-width: 992px){.css-4shbn9{padding-top:7.2rem;padding-bottom:5.8rem;}}.css-4shbn9::before{content:"";display:block;position:absolute;left:var(--chakra-space-0);bottom:100%;width:100%;height:4.8rem;background-color:var(--chakra-colors-gray-100);-webkit-clip-path:polygon(0 100%, 100% 0, 100% 100%);clip-path:polygon(0 100%, 100% 0, 100% 100%);}.css-4shbn9::after{content:"";display:block;position:absolute;left:var(--chakra-space-0);top:100%;width:100%;height:4.8rem;background-color:var(--chakra-colors-gray-100);-webkit-clip-path:polygon(0 0, 100% 0, 0 100%);clip-path:polygon(0 0, 100% 0, 0 100%);}</style>
    <div class="css-4shbn9">
        <style data-emotion="css 1e27oqw">.css-1e27oqw{max-width:1216px;margin:auto;}@media screen and (min-width: 1900px){.css-1e27oqw{max-width:1584px;}}</style>
        <div class="css-1e27oqw">
            <style data-emotion="css 181comd">.css-181comd{font-weight:800;text-align:left;font-size:2.8rem;line-height:3.6rem;color:var(--chakra-colors-gray-800);margin-bottom:3.2rem;width:100%;}@media screen and (min-width: 768px){.css-181comd{text-align:center;}}@media screen and (min-width: 992px){.css-181comd{font-size:3.6rem;line-height:4.8rem;}}</style>
            <h2 id="warranty-calculator" class="css-181comd">
                Anything that can go wrong will go wrong. <!-- --> But with {{ config('app.name') }} Guard you don&#x27;t need to worry about that.
            </h2>
            <style data-emotion="css 128f1um">.css-128f1um{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;--chakra-space-y-reverse:1;--chakra-divide-y-reverse:1;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media screen and (min-width: 768px){.css-128f1um{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style>
            <div class="css-128f1um">
                <style data-emotion="css g8sdhz">.css-g8sdhz{position:relative;width:100%;height:calc((100vw - 3.2rem)*0.676);}@media screen and (min-width: 768px){.css-g8sdhz{width:39.5rem;height:26.7rem;}}@media screen and (min-width: 992px){.css-g8sdhz{width:59.2rem;height:40rem;}}</style>
                <div class="css-g8sdhz">
                    <style data-emotion="css 1o7wvem animation-1eyy8k8">.css-1o7wvem{position:relative;width:100%;height:100%;}.css-1o7wvem::before{content:"";display:block;position:absolute;width:100%;height:100%;top:var(--chakra-space-0);left:var(--chakra-space-0);background-image:url({{ asset('assets/images/car-parts-1.webp') }});background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;-webkit-animation:animation-1eyy8k8 12.9s infinite;animation:animation-1eyy8k8 12.9s infinite;}@-webkit-keyframes animation-1eyy8k8{0%{background-image:url({{ asset('assets/images/car-parts-1.webp') }});}31%{background-image:url({{ asset('assets/images/car-parts-1.webp') }});}33%{background-image:url({{ asset('assets/images/car-parts-2.webp') }});}65%{background-image:url({{ asset('assets/images/car-parts-2.webp') }});}67%{background-image:url({{ asset('assets/images/car-parts-3.webp') }});}98%{background-image:url({{ asset('assets/images/car-parts-3.webp') }});}100%{background-image:url({{ asset('assets/images/car-parts-1.webp') }});}}@keyframes animation-1eyy8k8{0%{background-image:url({{ asset('assets/images/car-parts-1.webp') }});}31%{background-image:url({{ asset('assets/images/car-parts-1.webp') }});}33%{background-image:url({{ asset('assets/images/car-parts-2.webp') }});}65%{background-image:url({{ asset('assets/images/car-parts-2.webp') }});}67%{background-image:url({{ asset('assets/images/car-parts-3.webp') }});}98%{background-image:url({{ asset('assets/images/car-parts-3.webp') }});}100%{background-image:url({{ asset('assets/images/car-parts-1.webp') }});}}</style>
                    <div class="css-1o7wvem"></div>
                    <style data-emotion="css 1w3qpr7 animation-a7snuo">.css-1w3qpr7{position:absolute;-webkit-animation:animation-a7snuo 12.9s infinite;animation:animation-a7snuo 12.9s infinite;}@-webkit-keyframes animation-a7snuo{0%{left:28%;top:55%;}31%{left:28%;top:55%;}33%{left:65.5%;top:46.8%;}65%{left:65.5%;top:46.8%;}67%{left:46%;top:57%;}98%{left:46%;top:57%;}100%{left:28%;top:55%;}}@keyframes animation-a7snuo{0%{left:28%;top:55%;}31%{left:28%;top:55%;}33%{left:65.5%;top:46.8%;}65%{left:65.5%;top:46.8%;}67%{left:46%;top:57%;}98%{left:46%;top:57%;}100%{left:28%;top:55%;}}</style>
                    <div class="css-1w3qpr7">
                        <style data-emotion="css 1ox4gmi">.css-1ox4gmi{position:relative;left:-4.5rem;top:-7.3rem;}</style>
                        <div class="css-1ox4gmi">
                            <style data-emotion="css 197vu1 animation-yqj09o">.css-197vu1{position:absolute;-webkit-animation:animation-yqj09o 12.9s infinite;animation:animation-yqj09o 12.9s infinite;}@-webkit-keyframes animation-yqj09o{0%{opacity:1;}31%{opacity:1;}31.1%{opacity:0;}100%{opacity:0;}}@keyframes animation-yqj09o{0%{opacity:1;}31%{opacity:1;}31.1%{opacity:0;}100%{opacity:0;}}</style>
                            <div class="css-197vu1">
                                <style data-emotion="css 1pmqdt5">.css-1pmqdt5{height:9.6rem;width:19rem;}</style>
                                <div class="css-1pmqdt5">
                                    <img src="{{ asset('assets/images/turbo.webp') }}" class="chakra-image css-0"/>
                                    <style data-emotion="css 1ot6s5x">.css-1ot6s5x{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0.4rem 0.4rem 0.4rem 4rem;top:1.9rem;left:4.4rem;width:12rem;height:4.8rem;background-color:var(--chakra-colors-white);border:1px solid;border-color:var(--chakra-colors-gray-200);border-radius:0.4rem;z-index:-1;-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}@media screen and (min-width: 421px){.css-1ot6s5x{width:14rem;}}@media screen and (min-width: 768px){.css-1ot6s5x{width:14.9rem;}}</style>
                                    <div class="css-1ot6s5x">
                                        <style data-emotion="css 1f792xg">.css-1f792xg{font-weight:500;font-size:0.9rem;line-height:1.2rem;letter-spacing:0.05rem;color:var(--chakra-colors-gray-700);text-transform:uppercase;}@media screen and (min-width: 421px){.css-1f792xg{font-size:1.1rem;}}</style>
                                        <div class="css-1f792xg">Turbo</div>
                                        <style data-emotion="css 1gimbv9">.css-1gimbv9{font-weight:700;font-size:1.2rem;line-height:0.8rem;color:var(--chakra-colors-gray-800);}@media screen and (min-width: 421px){.css-1gimbv9{font-size:1.4rem;}}</style>
                                        <div class="css-1gimbv9"></div>
                                    </div>
                                </div>
                            </div>
                            <style data-emotion="css 1g776x3 animation-h8fxpp">.css-1g776x3{position:absolute;-webkit-animation:animation-h8fxpp 12.9s infinite;animation:animation-h8fxpp 12.9s infinite;}@-webkit-keyframes animation-h8fxpp{0%{opacity:0;}31%{opacity:0;}31.1%{opacity:1;}65%{opacity:1;}65.1%{opacity:0;}100%{opacity:0;}}@keyframes animation-h8fxpp{0%{opacity:0;}31%{opacity:0;}31.1%{opacity:1;}65%{opacity:1;}65.1%{opacity:0;}100%{opacity:0;}}</style>
                            <div class="css-1g776x3">
                                <div class="css-1pmqdt5">
                                    <img src="{{ asset('assets/images/differential.webp') }}" class="chakra-image css-0"/>
                                    <div class="css-1ot6s5x">
                                        <div class="css-1f792xg">Differential</div>
                                        <div class="css-1gimbv9"></div>
                                    </div>
                                </div>
                            </div>
                            <style data-emotion="css 1jzejuo animation-gvy4gm">.css-1jzejuo{position:absolute;-webkit-animation:animation-gvy4gm 12.9s infinite;animation:animation-gvy4gm 12.9s infinite;}@-webkit-keyframes animation-gvy4gm{0%{opacity:0;}65%{opacity:0;}65.1%{opacity:1;}98%{opacity:1;}100%{opacity:1;}}@keyframes animation-gvy4gm{0%{opacity:0;}65%{opacity:0;}65.1%{opacity:1;}98%{opacity:1;}100%{opacity:1;}}</style>
                            <div class="css-1jzejuo">
                                <div class="css-1pmqdt5">
                                    <img src="{{ asset('assets/images/transmission.webp') }}" class="chakra-image css-0"/>
                                    <div class="css-1ot6s5x">
                                        <div class="css-1f792xg">Gearbox</div>
                                        <div class="css-1gimbv9"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <style data-emotion="css 1i8ho1u">.css-1i8ho1u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding-left:var(--chakra-space-0);-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:2.3rem;}@media screen and (min-width: 768px){.css-1i8ho1u{padding-left:3.4rem;}}</style>
                <div class="css-1i8ho1u">
                    <style data-emotion="css 1a7by9j">.css-1a7by9j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0.8rem;}@media screen and (min-width: 992px){.css-1a7by9j{margin-bottom:1.6rem;}}</style>
                    <div class="css-1a7by9j">
                        <style data-emotion="css 2e6obi">.css-2e6obi{width:2.4rem;height:2.4rem;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:currentColor;vertical-align:middle;margin-right:1.2rem;}</style>
                        <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-2e6obi">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M15 2.28571L8 0V16C10.1667 14.781 15 11.7857 15 9.5V2.28571Z" fill="#378517"></path>
                                <path d="M1 2.28571L8 0V16C5.83333 14.781 1 11.7857 1 9.5V2.28571Z" fill="#67B92E"></path>
                                <path d="M5 7.5L7 9.5L11 5.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                        </svg>
                        <style data-emotion="css xc33sc">.css-xc33sc{font-weight:800;font-size:2rem;line-height:2.8rem;color:var(--chakra-colors-gray-800);letter-spacing:-0.02rem;}@media screen and (min-width: 992px){.css-xc33sc{font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.05rem;}}</style>
                        <h4 class="css-xc33sc">{{ config('app.name') }} Guard</h4>
                    </div>
                    <style data-emotion="css c5fx67">.css-c5fx67{font-weight:500;font-size:1.2rem;line-height:2.0rem;color:var(--chakra-colors-gray-700);padding-left:3.6rem;width:100%;}@media screen and (min-width: 768px){.css-c5fx67{width:27.5rem;}}@media screen and (min-width: 992px){.css-c5fx67{font-size:1.4rem;line-height:2.4rem;}}@media screen and (min-width: 1200px){.css-c5fx67{width:38rem;}}</style>
                    <div class="css-c5fx67">Even a single larger or smaller defect can empty your wallet. But there&#x27;s no danger of that with {{ config('app.name') }} Guard. We give you 6 months&#x27; warranty, just like from the manufacturer, when you purchase any vehicle from us. And, if you&#x27;re interested, you can extend this warranty up to 3 years, and for a fraction of the price of one repair.</div>
                </div>
            </div>
        </div>
        <style data-emotion="css 19y5r2">.css-19y5r2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;}@media screen and (min-width: 768px){.css-19y5r2{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}}</style>
        <div class="css-19y5r2"></div>
    </div>
    <style data-emotion="css mn5n0g">.css-mn5n0g{padding:8rem 3.2rem 4.8rem 3.2rem;position:relative;background:var(--chakra-colors-white);margin-top:4rem;margin-bottom:4rem;}@media screen and (min-width: 768px){.css-mn5n0g{margin-top:4.8rem;margin-bottom:4.8rem;}}@media screen and (min-width: 992px){.css-mn5n0g{padding:8rem 3.2rem 12rem 3.2rem;}}</style>
    <div class="css-mn5n0g">
        <style data-emotion="css 1g4eihr">.css-1g4eihr{position:absolute;width:100%;left:var(--chakra-space-0);bottom:100%;background:var(--chakra-colors-white);-webkit-clip-path:polygon(0 101%, 100% 0, 100% 101%);clip-path:polygon(0 101%, 100% 0, 100% 101%);height:4rem;}@media screen and (min-width: 768px){.css-1g4eihr{height:4.8rem;}}</style>
        <div class="css-1g4eihr"></div>
        <style data-emotion="css 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 {{ config('app.name') }} Guard works</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/damage.975d397c.webp') }}" 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">Reporting a defect</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">Fill in this short <span>form</span>. It won&#x27;t take more than 2 minutes.</p>
                            </div>
                        </div>
                    </div>
                    <div class="css-202qee">
                        <img alt="" src="{{ asset('assets/images/service.1c23ea37.webp') }}" 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">Vehicle servicing</h5>
                                <p class="chakra-text css-a4uv5j">We recommend a suitable garage near to where you live.</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="{{ asset('assets/images/top-arrow.svg') }}" class="chakra-image css-1r8hjhn"/>
                    </div>
                    <div class="css-202qee">
                        <img alt="" src="{{ asset('assets/images/repair.537c2737.webp') }}" 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">Reimbursement of repairs</h5>
                                <p class="chakra-text css-a4uv5j">We pay for the repairs immediately.</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>
        <style data-emotion="css i8nch2">.css-i8nch2{position:absolute;width:100%;left:var(--chakra-space-0);top:100%;background:var(--chakra-colors-white);-webkit-clip-path:polygon(0 -1%, 100% -1%, 0 100%);clip-path:polygon(0 -1%, 100% -1%, 0 100%);height:4rem;}@media screen and (min-width: 768px){.css-i8nch2{height:4.8rem;}}</style>
        <div id="bottom-poly" class="css-i8nch2"></div>
    </div>

    <style data-emotion="css wbqoyz">.css-wbqoyz{padding-top:var(--chakra-space-0);background:var(--chakra-colors-gray-100);}@media screen and (min-width: 768px){.css-wbqoyz{padding-top:0.2rem;}}@media screen and (min-width: 1200px){.css-wbqoyz{padding-top:5.6rem;}}</style>
    <div class="css-wbqoyz">
        <style data-emotion="css 1kdjw7l">.css-1kdjw7l{position:relative;}.css-1kdjw7l::before{content:"";display:block;position:absolute;left:var(--chakra-space-0);bottom:100%;width:100%;height:4rem;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%);}@media screen and (min-width: 768px){.css-1kdjw7l::before{height:5rem;}}.css-1kdjw7l::after{content:"";display:block;position:absolute;left:var(--chakra-space-0);top:100%;width:100%;height:4rem;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%);}@media screen and (min-width: 768px){.css-1kdjw7l::after{height:5rem;}}</style>
        <div class="css-1kdjw7l">
            <style data-emotion="css 4n7c0z">.css-4n7c0z{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-blue-500);}@media screen and (min-width: 768px){.css-4n7c0z{background:var(--chakra-colors-gradient-blue-to-top);}}</style>
            <div class="css-4n7c0z">
                <style data-emotion="css 1ss3mxh">.css-1ss3mxh{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;width:100%;max-width:1216px;margin:var(--chakra-space-0);-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;--chakra-space-y-reverse:1;--chakra-divide-y-reverse:1;}@media screen and (min-width: 768px){.css-1ss3mxh{margin:0 3.2rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}@media screen and (min-width: 1200px){.css-1ss3mxh{margin:var(--chakra-space-0);}}@media screen and (min-width: 1900px){.css-1ss3mxh{max-width:1584px;}}</style>
                <div class="css-1ss3mxh">
                    <style data-emotion="css aid9pk">.css-aid9pk{width:100%;padding:1.6rem 3.2rem 4rem;}@media screen and (min-width: 768px){.css-aid9pk{width:39%;padding:5.6rem 3.2rem 4rem 0;}}@media screen and (min-width: 1200px){.css-aid9pk{width:42.7%;padding:4.6rem 0 0 10.4rem;}}</style>
                    <div class="css-aid9pk">
                        <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 i0ffg1">.css-i0ffg1{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:800;letter-spacing:-0.5px;font-size:3.6rem;line-height:133%;color:#ffffff;}@media (max-width:991px){.css-i0ffg1{font-size:2.8rem;line-height:3.6rem;}}</style>
                            <h2 class="css-i0ffg1 e11a06ps0">Get a warranty like from the manufacturer.</h2>
                        </div>
                        <style data-emotion="css 17r683q">@media (max-width: 767px){.css-17r683q button{width:100%;}}</style>
                        <div class="css-17r683q">
                            <a href="/cars">
                                <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 vehicles on offer</a>
                            </a>
                        </div>
                    </div>
                    <style data-emotion="css m0ck4r">.css-m0ck4r{width:100%;line-height:0;}@media screen and (min-width: 768px){.css-m0ck4r{width:61%;}}@media screen and (min-width: 1200px){.css-m0ck4r{width:57.3%;}}</style>
                    <div class="css-m0ck4r">
                        <style data-emotion="css 6m63ni">.css-6m63ni{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-6m63ni>div{position:relative;}.css-6m63ni>img{object-fit:fill;}</style>
                        <div class="css-6m63ni"><img alt="{{ config('app.name') }} Guard warranty" src="{{ asset('assets/images/banner-carvago-guard-2x.webp') }}"/></div>
                    </div>
                </div>
            </div>
        </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>