<main class="css-1f7uoeb eyxgv8w0" data-testid="">
    <div class="css-0" data-testid="announcement-bar">
    </div>
    <div class="css-0">
        <style data-emotion="css 1tfxttz">
            .css-1tfxttz {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                height: unset;
                width: 100%;
            }

            @media  screen and (min-width: 1024px) {
                .css-1tfxttz {
                    height: 65rem;
                }
            }
        </style>
        <div class="css-1tfxttz">
            <style data-emotion="css ydig28">
                .css-ydig28 {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    position: absolute;
                    height: 13.8rem;
                    width: inherit;
                    -webkit-background-size: cover;
                    background-size: cover;
                    -webkit-background-position: center;
                    background-position: center;
                    background-image: -webkit-image-set(url('/assets/images/header1.webp') 1x,
                            url('/assets/images/header1.webp') 2x);
                    background-image: image-set(url('/assets/images/header1.webp') 1x,
                            url('/assets/images/header1.webp') 2x);
                }

                @media  screen and (min-width: 640px) {
                    .css-ydig28 {
                        height: 23.3rem;
                        background-image: -webkit-image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                        background-image: image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                    }
                }

                @media  screen and (min-width: 768px) {
                    .css-ydig28 {
                        height: 23.2rem;
                        background-image: -webkit-image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                        background-image: image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                    }
                }

                @media  screen and (min-width: 1024px) {
                    .css-ydig28 {
                        height: inherit;
                        background-image: -webkit-image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                        background-image: image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                    }
                }

                .css-ydig28::after {
                    content: "";
                    position: absolute;
                    background: linear-gradient(360deg, #1D2176 0%, rgba(19, 23, 101, 0.25) 51.4%, rgba(19, 23, 103, 0.00) 100%);
                    height: inherit;
                    width: inherit;
                }

                @media  screen and (min-width: 1024px) {
                    .css-ydig28::after {
                        background: linear-gradient(0deg, #1f2b59 0, rgba(31, 43, 89, 0) 52%), radial-gradient(132.46% 225.99% at -6.56% 50%, rgba(29, 33, 118, 0.80) 0%, rgba(29, 33, 118, 0.72) 33.92%, rgba(29, 33, 118, 0.62) 47.27%, rgba(29, 33, 118, 0.46) 57.58%, rgba(29, 33, 118, 0.22) 63.62%, rgba(29, 33, 118, 0.00) 70.14%);
                    }
                }

                @media  screen and (min-width: 1280px) {
                    .css-ydig28 {
                        background-image: -webkit-image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                        background-image: image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                    }
                }

                @media  screen and (min-width: 1536px) {
                    .css-ydig28 {
                        background-image: -webkit-image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                        background-image: image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                    }
                }

                @media  screen and (min-width: 2400px) {
                    .css-ydig28 {
                        background-image: -webkit-image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                        background-image: image-set(url('/assets/images/header1.webp') 1x,
                                url('/assets/images/header1.webp') 2x);
                    }
                }
            </style>
            <div class="css-ydig28">
                <style data-emotion="css hb6m56">
                    .css-hb6m56 {
                        display: none;
                        position: absolute;
                        bottom: -4.8rem;
                        width: 100%;
                        height: 5rem;
                        -webkit-clip-path: polygon(100% 0%, 0% 100%, 0% 0%, 100% 0%);
                        clip-path: polygon(100% 0%, 0% 100%, 0% 0%, 100% 0%);
                        background-color: var(--chakra-colors-gray-700);
                        z-index: 2;
                    }

                    @media  screen and (min-width: 1024px) {
                        .css-hb6m56 {
                            display: block;
                            background-color: var(--chakra-colors-gray-800);
                        }
                    }
                </style>
                <div class="css-hb6m56">
                </div>
            </div>
            <style data-emotion="css 1s4shhc">
                .css-1s4shhc {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    max-width: 128rem;
                    width: inherit;
                    -webkit-padding-start: 1.6rem;
                    padding-inline-start: 1.6rem;
                    -webkit-padding-end: 1.6rem;
                    padding-inline-end: 1.6rem;
                    -webkit-margin-start: auto;
                    margin-inline-start: auto;
                    -webkit-margin-end: auto;
                    margin-inline-end: auto;
                    margin-top: 13.8rem;
                    gap: 4.5rem;
                    background: linear-gradient(180deg, #1D2176 0%, #31406F 90%);
                }

                @media  screen and (min-width: 640px) {
                    .css-1s4shhc {
                        margin-top: 23.3rem;
                    }
                }

                @media  screen and (min-width: 768px) {
                    .css-1s4shhc {
                        margin-top: 17.2rem;
                    }
                }

                @media  screen and (min-width: 1024px) {
                    .css-1s4shhc {
                        -webkit-padding-start: 3.2rem;
                        padding-inline-start: 3.2rem;
                        -webkit-padding-end: 3.2rem;
                        padding-inline-end: 3.2rem;
                        margin-top: 4.8rem;
                        gap: 3.6rem;
                        background: var(--chakra-colors-none);
                    }
                }
            </style>
            <div class="css-1s4shhc">
                <style data-emotion="css mt9ro0">
                    .css-mt9ro0 {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-flex-direction: column;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        z-index: 3;
                        width: 100%;
                    }
                </style>
                <div class="css-mt9ro0">
                    <style data-emotion="css e9uedq">
                        .css-e9uedq {
                            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-white);
                            margin-bottom: var(--chakra-space-4);
                        }

                        @media  screen and (min-width: 640px) {
                            .css-e9uedq {
                                font-size: var(--chakra-fontSizes-4xl);
                                line-height: 1.2;
                            }
                        }

                        @media  screen and (min-width: 0em) and (max-width: 639.98px) {
                            .css-e9uedq {
                                font-size: var(--chakra-fontSizes-700);
                                line-height: 3.6rem;
                                font-weight: 700;
                                letter-spacing: -0.05rem;
                            }
                        }

                        @media  screen and (min-width: 640px) and (max-width: 1279.98px) {
                            .css-e9uedq {
                                font-size: var(--chakra-fontSizes-900);
                                line-height: 4.8rem;
                                font-weight: 700;
                                letter-spacing: -0.05rem;
                            }
                        }

                        @media  screen and (min-width: 1280px) {
                            .css-e9uedq {
                                font-size: var(--chakra-fontSizes-1100);
                                line-height: 5.8rem;
                                font-weight: 700;
                                letter-spacing: -0.05rem;
                            }
                        }

                        @media  screen and (min-width: 1024px) {
                            .css-e9uedq {
                                margin-bottom: var(--chakra-space-8);
                            }
                        }
                    </style>
                    <h1 class="chakra-heading css-e9uedq" role="heading">
                        You choose your car.
                        <br />
                        We inspect and deliver it.
                    </h1>
                    <style data-emotion="css dbwcub">
                        .css-dbwcub {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-flex-direction: column;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            row-gap: var(--chakra-space-6);
                            height: unset;
                            width: 100%;
                        }

                        @media  screen and (min-width: 640px) {
                            .css-dbwcub {
                                height: 36.8rem;
                            }
                        }

                        @media  screen and (min-width: 768px) {
                            .css-dbwcub {
                                height: 31.2rem;
                            }
                        }

                        @media  screen and (min-width: 1024px) {
                            .css-dbwcub {
                                height: 30rem;
                                width: 59.1rem;
                            }
                        }
                    </style>
                    <div class="css-dbwcub">
                        <style data-emotion="css 1x01lxq">
                            .css-1x01lxq {
                                background-color: var(--chakra-colors-white);
                                border-radius: var(--chakra-radii-md);
                                padding: 1.6rem 1.6rem 2.4rem 1.6rem;
                            }

                            @media  screen and (min-width: 640px) {
                                .css-1x01lxq {
                                    padding: var(--chakra-space-6);
                                    width: 100%;
                                }
                            }
                        </style>

                        <div class="css-1x01lxq">

                            <!-- search form starts -->

                            <form wire:submit.prevent="submit" id="form-homepage-filter" style="display:flex;flex-direction:column;gap:2.4rem">

                                <div class="form-group">
                                    <select class="form-select form-control p-4" wire:model="make">
                                        <option value="">Select make</option>
                                        <?php $__currentLoopData = $allMake; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $make): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e($make->id); ?>"><?php echo e($make->name); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <select class="form-select form-control p-4" wire:model="price">
                                        <option value="">Choose price</option>
                                        <option value="5000">1,000 - 5,000 USD</option>
                                        <option value="15000">5,000 - 15,0000 USD</option>
                                        <option value="50000">15,000 - 50,0000 USD</option>
                                        <option value="1000000">50,0000 USD - above</option>
                                    </select>
                                </div>

                                <div class="css-o2hhe2">
                                    <style data-emotion="css 1mvahp5">
                                        .css-1mvahp5 {
                                            display: -ms-inline-flexbox;
                                            appearance: none;
                                            -webkit-box-align: center;
                                            -ms-flex-align: center;
                                            align-items: center;
                                            -webkit-box-pack: center;
                                            -ms-flex-pack: center;
                                            justify-content: center;
                                            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);
                                            height: var(--chakra-sizes-12);
                                            min-width: var(--chakra-sizes-12);
                                            font-size: var(--chakra-fontSizes-md);
                                            padding-inline-start: var(--chakra-space-8);
                                            padding-inline-end: var(--chakra-space-8);
                                            background: linear-gradient(111.72deg, #3E47DD 14.24%, #262A98 85.76%);
                                            color: var(--chakra-colors-white);
                                            box-shadow: 0px 16px 24px -20px #3E47DD;
                                            width: 100%;
                                        }
                                        @media  screen and (min-width: 640px) {
                                            .css-1mvahp5 {
                                                width: -webkit-min-content;
                                                width: -moz-min-content;
                                                width: min-content;
                                            }
                                        }
                                    </style>
                                    <button class="chakra-button css-1mvahp5"
                                        data-testid="feature.car_selector.search" type="submit">
                                        <?php echo e($this->carCount); ?> Offers
                                    </button>
                                </div>
                            </form>

                            <!-- search form ends -->
                        </div>
                    </div>
                </div>

                <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.guarantee','data' => []]); ?>
<?php $component->withName('guarantee'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>

            </div>

            <style data-emotion="css 1xnbk83">
                .css-1xnbk83 {
                    display: block;
                    position: absolute;
                    bottom: var(--chakra-space-0);
                    width: 100%;
                    height: 10.8rem;
                    -webkit-clip-path: polygon(0% 32.323%, 100% 0%, 100% 100%, 0% 100%, 0% 32.323%);
                    clip-path: polygon(0% 32.323%, 100% 0%, 100% 100%, 0% 100%, 0% 32.323%);
                    background-color: var(--chakra-colors-white);
                    z-index: 2;
                }

                @media  screen and (min-width: 768px) {
                    .css-1xnbk83 {
                        height: 4.8rem;
                    }
                }

                @media  screen and (min-width: 1024px) {
                    .css-1xnbk83 {
                        display: none;
                    }
                }
            </style>
            <div class="css-1xnbk83">
            </div>
        </div>
    </div>
    <div style="background-color:white">
        <style data-emotion="css 17gr7s3">
            .css-17gr7s3 {
                display: block;
                background-color: #ffffff;
                position: relative;
                padding-bottom: 7rem;
            }

            .css-17gr7s3::after {
                content: '';
                display: block;
                width: 100%;
                height: 5rem;
                position: absolute;
                bottom: 0;
                left: 0;
                background: #f6f7fb;
                -webkit-clip-path: polygon(100% 100%, 0 0, 0 100%);
                clip-path: polygon(100% 100%, 0 0, 0 100%);
            }

            @media (max-width:991px) {
                .css-17gr7s3 {
                    padding-bottom: 14rem;
                }

                .css-17gr7s3::after {
                    height: 3.9rem;
                }
            }
        </style>
        <div class="css-17gr7s3 e1dhsi0b3">
            <style data-emotion="css zpc7of">
                .css-zpc7of {
                    padding: 3.6rem 0 0 0;
                    overflow: hidden;
                }

                @media  screen and (min-width: 1024px) {
                    .css-zpc7of {
                        padding: 12rem 0;
                    }
                }

                @media  screen and (min-width: 1280px) {
                    .css-zpc7of {
                        padding: 13.6rem 0 12rem 0;
                    }
                }
            </style>
            <div class="css-zpc7of">
                <style data-emotion="css 1a6u4i5">
                    .css-1a6u4i5 {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-flex-direction: column;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        padding: 3.2rem 1.6rem;
                        gap: 3.2rem;
                        max-width: 128rem;
                        -webkit-margin-start: auto;
                        margin-inline-start: auto;
                        -webkit-margin-end: auto;
                        margin-inline-end: auto;
                    }

                    @media  screen and (min-width: 1024px) {
                        .css-1a6u4i5 {
                            padding: 3.2rem;
                        }
                    }
                </style>
                <div class="css-1a6u4i5">
                    <style data-emotion="css suz6w3">
                        .css-suz6w3 {
                            font-family: EuclidCircularB, sans-serif;
                            font-weight: 800;
                            color: #1F2B59;
                            font-style: normal;
                            margin: var(--chakra-space-0);
                            font-size: var(--chakra-fontSizes-3xl);
                            line-height: 1.33;
                        }

                        @media  screen and (min-width: 640px) {
                            .css-suz6w3 {
                                font-size: var(--chakra-fontSizes-900);
                                line-height: 4.8rem;
                                font-weight: 700;
                                letter-spacing: -0.05rem;
                            }
                        }

                        @media  screen and (min-width: 0em) and (max-width: 639.98px) {
                            .css-suz6w3 {
                                font-size: var(--chakra-fontSizes-700);
                                line-height: 3.6rem;
                                font-weight: 700;
                                letter-spacing: -0.05rem;
                            }
                        }
                    </style>
                    <h2 class="chakra-heading css-suz6w3" role="heading">
                        Popular at <?php echo e(config('app.name')); ?>

                    </h2>
                    <style data-emotion="css 1y95xhs">
                        .css-1y95xhs {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            width: 100%;
                            -webkit-flex-direction: column;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            -webkit-align-items: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            gap: 3.2rem;
                        }
                    </style>
                    <div class="css-1y95xhs" id="homepage-swiper">
                        <style data-emotion="css j8umpo">
                            .css-j8umpo {
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                width: 100%;
                                position: relative;
                                overflow: auto;
                                -webkit-overflow-scrolling: touch;
                            }

                            .css-j8umpo::-webkit-scrollbar {
                                display: none;
                            }

                            .css-j8umpo {
                                scrollbar-width: none;
                            }

                            .css-j8umpo {
                                -ms-overflow-style: none;
                            }

                            .css-j8umpo .swiper {
                                width: 100%;
                                height: auto !important;
                                overflow: visible !important;
                            }

                            .css-j8umpo .swiper-wrapper {
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                height: unset;
                            }

                            .css-j8umpo .swiper-slide {
                                width: -webkit-fit-content !important;
                                width: -moz-fit-content !important;
                                width: fit-content !important;
                                height: unset !important;
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                            }
                        </style>
                        <div class="css-j8umpo">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a role="link">
                                            <style data-emotion="css 1wlw7k8">
                                                .css-1wlw7k8 {
                                                    display: -webkit-box;
                                                    display: -webkit-flex;
                                                    display: -ms-flexbox;
                                                    display: flex;
                                                    width: 29.8rem;
                                                    height: 12.8rem;
                                                    cursor: pointer;
                                                    border-radius: 0.8rem;
                                                    background-image: linear-gradient(0deg, var(--chakra-colors-blue-500) 0%, var(--chakra-colors-blue-700) 100%);
                                                    -webkit-box-pack: justify;
                                                    -webkit-justify-content: space-between;
                                                    justify-content: space-between;
                                                    overflow: hidden;
                                                    position: relative;
                                                    box-shadow: var(--chakra-shadows-bottom-sm);
                                                }

                                                @media  screen and (min-width: 1024px) {
                                                    .css-1wlw7k8 {
                                                        width: 38.4rem;
                                                        height: 16.8rem;
                                                    }
                                                }

                                                .css-1wlw7k8:hover,
                                                .css-1wlw7k8[data-hover] {
                                                    box-shadow: var(--chakra-shadows-bottom-md);
                                                }
                                            </style>
                                            <div class="css-1wlw7k8" role="group">
                                                <style data-emotion="css a7hea8">
                                                    .css-a7hea8 {
                                                        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;
                                                        height: 100%;
                                                        padding: 1.6rem 0rem 1.2rem 1.6rem;
                                                        min-width: 15.1rem;
                                                    }

                                                    @media  screen and (min-width: 1024px) {
                                                        .css-a7hea8 {
                                                            min-width: 19.2rem;
                                                        }
                                                    }
                                                </style>
                                                <div class="css-a7hea8">
                                                    <style data-emotion="css 1tipybd">
                                                        .css-1tipybd {
                                                            text-transform: uppercase;
                                                            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;
                                                            border-radius: var(--chakra-radii-base);
                                                            max-width: -webkit-max-content;
                                                            white-space: nowrap;
                                                            color: var(--chakra-colors-white);
                                                            font-weight: 600;
                                                            letter-spacing: 0.05rem;
                                                            background-color: var(--chakra-colors-orange-500);
                                                        }

                                                        @media  screen and (min-width: 0em) and (max-width: 1023.98px) {
                                                            .css-1tipybd {
                                                                padding: 0.2rem 0.4rem;
                                                                font-size: var(--chakra-fontSizes-50);
                                                                line-height: 1.4rem;
                                                            }
                                                        }

                                                        @media  screen and (min-width: 1024px) {
                                                            .css-1tipybd {
                                                                padding: 0.4rem 0.6rem;
                                                                font-size: var(--chakra-fontSizes-75);
                                                                line-height: 1.6rem;
                                                            }
                                                        }
                                                    </style>
                                                    <div class="css-1tipybd">
                                                        0 cars
                                                    </div>
                                                    <style data-emotion="css 1phl9rg">
                                                        .css-1phl9rg {
                                                            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-white);
                                                        }

                                                        @media  screen and (min-width: 640px) {
                                                            .css-1phl9rg {
                                                                font-size: var(--chakra-fontSizes-4xl);
                                                                line-height: 1.2;
                                                            }
                                                        }

                                                        @media  screen and (min-width: 0em) and (max-width: 1023.98px) {
                                                            .css-1phl9rg {
                                                                font-size: var(--chakra-fontSizes-300);
                                                                line-height: 2.2rem;
                                                                font-weight: 700;
                                                                letter-spacing: -0.05rem;
                                                            }
                                                        }

                                                        @media  screen and (min-width: 1024px) {
                                                            .css-1phl9rg {
                                                                font-size: var(--chakra-fontSizes-500);
                                                                line-height: 3rem;
                                                                font-weight: 700;
                                                                letter-spacing: -0.05rem;
                                                            }
                                                        }
                                                    </style>
                                                    <h4 class="chakra-heading css-1phl9rg"
                                                        role="heading">
                                                        Discounted cars
                                                    </h4>
                                                </div>
                                                <style data-emotion="css 5arjk8">
                                                    .css-5arjk8 {
                                                        display: -webkit-box;
                                                        display: -webkit-flex;
                                                        display: -ms-flexbox;
                                                        display: flex;
                                                        top: var(--chakra-space-0);
                                                        left: var(--chakra-space-0);
                                                        width: 100%;
                                                        height: 100%;
                                                        overflow: hidden;
                                                        border-radius: 1.2rem;
                                                    }
                                                </style>
                                                <div class="css-5arjk8">
                                                    <style data-emotion="css qdfhca">
                                                        .css-qdfhca {
                                                            position: absolute;
                                                            -webkit-clip-path: polygon(8.48% 100%, 0% 91%, 85.64% 0.05%, 100% 0.05%, 100% 100%, 8.48% 100%);
                                                            clip-path: polygon(8.48% 100%, 0% 91%, 85.64% 0.05%, 100% 0.05%, 100% 100%, 8.48% 100%);
                                                            bottom: var(--chakra-space-0);
                                                            right: -3.2rem;
                                                            width: 168px;
                                                            -webkit-transition: 0.2s ease;
                                                            transition: 0.2s ease;
                                                            background-image: linear-gradient(90deg, var(--chakra-colors-blue-400) 0%, var(--chakra-colors-transparent) 100%);
                                                            opacity: 0.5;
                                                            aspect-ratio: 9/16;
                                                        }

                                                        [role=group]:hover .css-qdfhca,
                                                        [role=group][data-hover] .css-qdfhca,
                                                        [data-group]:hover .css-qdfhca,
                                                        [data-group][data-hover] .css-qdfhca,
                                                        .group:hover .css-qdfhca,
                                                        .group[data-hover] .css-qdfhca {
                                                            right: var(--chakra-space-0);
                                                        }
                                                    </style>
                                                    <div class="css-qdfhca">
                                                    </div>
                                                </div>
                                                <img alt="" class="chakra-image css-0"
                                                    sizes="(min-width: 1024px) 19rem, 17rem"
                                                    src="<?php echo e(asset('assets/images/discount_cars_1x.0744f15d.webp')); ?>"
                                                    srcset="<?php echo e(asset('assets/images/discount_cars_1x.0744f15d.webp')); ?> 192w,<?php echo e(asset('assets/images/discount_cars_2x.a95c5c4c.webp')); ?> 384w"
                                                    style="z-index:1" />
                                            </div>
                                        </a>
                                    </div>

                                    <style data-emotion="css dj5o5g">
                                        .css-dj5o5g {
                                            display: -webkit-box;
                                            display: -webkit-flex;
                                            display: -ms-flexbox;
                                            display: flex;
                                            border: 1px solid;
                                            border-color: var(--chakra-colors-gray-200);
                                            box-shadow: var(--chakra-shadows-bottom-sm);
                                            border-radius: 0.8rem;
                                            background: var(--chakra-colors-white);
                                            padding-top: 1.2rem;
                                            -webkit-padding-start: 1.6rem;
                                            padding-inline-start: 1.6rem;
                                            -webkit-padding-end: 1.6rem;
                                            padding-inline-end: 1.6rem;
                                            gap: 0.4rem;
                                            -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;
                                            -webkit-transition: 0.2s ease;
                                            transition: 0.2s ease;
                                            -webkit-box-pack: center;
                                            -ms-flex-pack: center;
                                            -webkit-justify-content: center;
                                            justify-content: center;
                                            width: 155px;
                                            height: 128px;
                                            overflow: hidden;
                                        }

                                        @media  screen and (min-width: 1024px) {
                                            .css-dj5o5g {
                                                padding-top: 1.6rem;
                                                width: 215px;
                                                height: 168px;
                                            }
                                        }

                                        .css-dj5o5g:hover,
                                        .css-dj5o5g[data-hover] {
                                            box-shadow: var(--chakra-shadows-bottom-md);
                                            border-color: var(--chakra-colors-blue-300);
                                        }
                                    </style>
                                    <style data-emotion="css um9dnl">
                                        .css-um9dnl {
                                            font-family: EuclidCircularB, sans-serif;
                                            font-weight: 700;
                                            font-style: normal;
                                            margin: var(--chakra-space-0);
                                            font-size: var(--chakra-fontSizes-300);
                                            line-height: 2.2rem;
                                            letter-spacing: -0.05rem;
                                            color: var(--chakra-colors-gray-800);
                                            display: -webkit-box;
                                            display: -webkit-flex;
                                            display: -ms-flexbox;
                                            display: flex;
                                            gap: 0.4rem;
                                            -webkit-transition: color, margin 0.2s ease;
                                            transition: color, margin 0.2s ease;
                                        }

                                        [role=group]:hover .css-um9dnl,
                                        [role=group][data-hover] .css-um9dnl,
                                        [data-group]:hover .css-um9dnl,
                                        [data-group][data-hover] .css-um9dnl,
                                        .group:hover .css-um9dnl,
                                        .group[data-hover] .css-um9dnl {
                                            color: var(--chakra-colors-blue-500);
                                        }

                                        @media  screen and (min-width: 1024px) {

                                            [role=group]:hover .css-um9dnl,
                                            [role=group][data-hover] .css-um9dnl,
                                            [data-group]:hover .css-um9dnl,
                                            [data-group][data-hover] .css-um9dnl,
                                            .group:hover .css-um9dnl,
                                            .group[data-hover] .css-um9dnl {
                                                margin-left: -16px;
                                                padding-left: 16px;
                                            }
                                        }
                                    </style>
                                    <style data-emotion="css 1kxz7n6">
                                        .css-1kxz7n6 {
                                            width: var(--chakra-sizes-0);
                                            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;
                                            fill: var(--chakra-colors-transparent);
                                            stroke: var(--chakra-colors-transparent);
                                            opacity: 0;
                                        }

                                        @media  screen and (min-width: 1024px) {

                                            [role=group]:hover .css-1kxz7n6,
                                            [role=group][data-hover] .css-1kxz7n6,
                                            [data-group]:hover .css-1kxz7n6,
                                            [data-group][data-hover] .css-1kxz7n6,
                                            .group:hover .css-1kxz7n6,
                                            .group[data-hover] .css-1kxz7n6 {
                                                width: unset;
                                                opacity: 1;
                                                -webkit-transition: opacity 0.2s ease, width 0.2s ease;
                                                transition: opacity 0.2s ease, width 0.2s ease;
                                            }
                                        }
                                    </style>
                                    <div class="swiper-slide">
                                        <a href="<?php echo e(route('cars', 1)); ?>" role="link">
                                            <div class="css-dj5o5g" role="group">
                                                <h4 class="chakra-heading css-um9dnl" role="heading">
                                                    Sedan car
                                                    <svg class="chakra-icon css-1kxz7n6"
                                                        focusable="false" viewbox="0 0 24 24">
                                                        <path d="M16.3333 10H3" stroke="currentColor"
                                                            stroke-linecap="round" stroke-width="1.67">
                                                        </path>
                                                        <path d="M12.1666 4.1665L18 9.99984L12.1666 15.8332"
                                                            stroke="currentColor" stroke-linecap="round"
                                                            stroke-linejoin="round" stroke-width="1.67">
                                                        </path>
                                                    </svg>
                                                </h4>
                                                <img alt="typical car in category [object Object]"
                                                    data-nimg="1" decoding="async" height="118"
                                                    loading="lazy"
                                                    src="<?php echo e(asset('assets/images/luxury.jpeg')); ?>"
                                                    srcset="<?php echo e(asset('assets/images/luxury.jpeg')); ?>, <?php echo e(asset('assets/images/luxury.jpeg')); ?>"
                                                    style="color:transparent" width="200" />
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="<?php echo e(route('cars', 2)); ?>" role="link">
                                            <div class="css-dj5o5g" role="group">
                                                <h4 class="chakra-heading css-um9dnl" role="heading">
                                                    SUV
                                                    <svg class="chakra-icon css-1kxz7n6"
                                                        focusable="false" viewbox="0 0 24 24">
                                                        <path d="M16.3333 10H3" stroke="currentColor"
                                                            stroke-linecap="round" stroke-width="1.67">
                                                        </path>
                                                        <path d="M12.1666 4.1665L18 9.99984L12.1666 15.8332"
                                                            stroke="currentColor" stroke-linecap="round"
                                                            stroke-linejoin="round" stroke-width="1.67">
                                                        </path>
                                                    </svg>
                                                </h4>
                                                <img alt="typical car in category [object Object]"
                                                    data-nimg="1" decoding="async" height="117"
                                                    loading="lazy"
                                                    src="<?php echo e(asset('assets/images/suv.jpeg')); ?>"
                                                    srcset="<?php echo e(asset('assets/images/suv.jpeg')); ?>, <?php echo e(asset('assets/images/suv.jpeg')); ?>"
                                                    style="color:transparent" width="200" />
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="<?php echo e(route('cars', 5)); ?>" role="link">
                                            <div class="css-dj5o5g" role="group">
                                                <h4 class="chakra-heading css-um9dnl" role="heading">
                                                    Hatch Back
                                                    <svg class="chakra-icon css-1kxz7n6"
                                                        focusable="false" viewbox="0 0 24 24">
                                                        <path d="M16.3333 10H3" stroke="currentColor"
                                                            stroke-linecap="round" stroke-width="1.67">
                                                        </path>
                                                        <path d="M12.1666 4.1665L18 9.99984L12.1666 15.8332"
                                                            stroke="currentColor" stroke-linecap="round"
                                                            stroke-linejoin="round" stroke-width="1.67">
                                                        </path>
                                                    </svg>
                                                </h4>
                                                <img alt="typical car in category [object Object]"
                                                    data-nimg="1" decoding="async" height="115"
                                                    loading="lazy"
                                                    src="<?php echo e(asset('assets/images/family.jpeg')); ?>"
                                                    srcset="<?php echo e(asset('assets/images/family.jpeg')); ?>, <?php echo e(asset('assets/images/family.jpeg')); ?>"
                                                    style="color:transparent" width="200" />
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="<?php echo e(route('cars', 10)); ?>" role="link">
                                            <div class="css-dj5o5g" role="group">
                                                <h4 class="chakra-heading css-um9dnl" role="heading">
                                                    Luxury Car
                                                    <svg class="chakra-icon css-1kxz7n6"
                                                        focusable="false" viewbox="0 0 24 24">
                                                        <path d="M16.3333 10H3" stroke="currentColor"
                                                            stroke-linecap="round" stroke-width="1.67">
                                                        </path>
                                                        <path d="M12.1666 4.1665L18 9.99984L12.1666 15.8332"
                                                            stroke="currentColor" stroke-linecap="round"
                                                            stroke-linejoin="round" stroke-width="1.67">
                                                        </path>
                                                    </svg>
                                                </h4>
                                                <img alt="typical car in category [object Object]"
                                                    data-nimg="1" decoding="async" height="118"
                                                    loading="lazy"
                                                    src="<?php echo e(asset('assets/images/city.jpeg')); ?>"
                                                    srcset="<?php echo e(asset('assets/images/city.jpeg')); ?>, <?php echo e(asset('assets/images/city.jpeg')); ?>"
                                                    style="color:transparent" width="200" />
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <style data-emotion="css 1dbpivh">
            .css-1dbpivh {
                display: block;
                background-color: #ffffff;
                padding-bottom: 4rem;
            }

            @media (min-width:768px) {
                .css-1dbpivh {
                    padding-bottom: 5.6rem;
                }
            }

            @media (min-width:992px) {
                .css-1dbpivh {
                    padding-bottom: 0;
                }
            }
        </style>
        <div class="css-1dbpivh e1dhsi0b4">
            <style data-emotion="css 1qvx4hb">
                .css-1qvx4hb {
                    margin: 0 auto;
                    padding-top: 4rem;
                    background: #F5F7FB;
                }

                @media (min-width:992px) {
                    .css-1qvx4hb {
                        padding-top: 7rem;
                    }
                }
            </style>
            <div class="css-1qvx4hb e2v3geg1">
                <style data-emotion="css 12z8hok">
                    .css-12z8hok {
                        font-size: 2.8rem;
                        padding: 0 2rem;
                        font-weight: 800;
                        line-height: 3.6rem;
                        margin-bottom: 1.6rem;
                        text-align: center;
                        color: #1F2B59;
                        letter-spacing: -0.5px;
                    }

                    @media (min-width:992px) {
                        .css-12z8hok {
                            font-size: 3.6rem;
                            line-height: 4.8rem;
                            margin: 0 0 3.4rem 0;
                        }
                    }

                    @media (min-width:992px) {
                        .css-12z8hok {
                            margin-bottom: 4.8rem;
                        }
                    }
                </style>
                <h2 class="css-12z8hok e2v3geg2">
                    How does it work?
                </h2>
                <style data-emotion="css bm735p">
                    .css-bm735p {
                        display: initial;
                    }

                    @media  screen and (min-width: 992px) {
                        .css-bm735p {
                            display: none;
                        }
                    }
                </style>
                <div class="css-bm735p">
                    <style data-emotion="css 8597ce">
                        .css-8597ce {
                            position: relative;
                            margin: 0 auto;
                            z-index: 3;
                            margin-bottom: 2.7rem;
                        }

                        @media (min-width:768px) {
                            .css-8597ce {
                                margin-bottom: 0;
                            }
                        }

                        @media (min-width:1899px) {
                            .css-8597ce {
                                max-width: 1600px;
                            }
                        }

                        @media (max-width:1900px) {
                            .css-8597ce {
                                max-width: 1230px;
                            }
                        }
                    </style>
                    <div class="css-8597ce e1r4j8mz0">
                        <style data-emotion="css m2sc5">
                            .css-m2sc5 {
                                position: relative;
                            }

                            @media (min-width:768px) {
                                .css-m2sc5 .swiper-wrapper {
                                    padding: 0 0 4rem;
                                }
                            }

                            @media (min-width:1200px) {
                                .css-m2sc5 .swiper-wrapper {
                                    padding: 0 0 4rem 1.6rem;
                                }
                            }

                            @media (min-width:1900px) {
                                .css-m2sc5 .swiper-wrapper {
                                    padding: 0 0 4rem 2.4rem;
                                }
                            }

                            .css-m2sc5 .swiper {
                                width: auto;
                            }

                            @media (min-width:1900px) {
                                .css-m2sc5 .swiper {
                                    padding: 0 0 6.4rem;
                                }
                            }

                            @media (min-width:768px) {
                                .css-m2sc5 {
                                    margin: 0;
                                    width: 100vw;
                                }
                            }

                            @media (min-width:1200px) {
                                .css-m2sc5 {
                                    margin: 0;
                                }
                            }

                            @media (min-width:1900px) {
                                .css-m2sc5 {
                                    width: 100%;
                                }
                            }
                        </style>
                        <div class="css-m2sc5 e1r4j8mz3">
                            <style data-emotion="css 146y3p8">
                                .css-146y3p8 .swiper {
                                    width: 100vw;
                                }
                            </style>
                            <div class="css-146y3p8 e1r4j8mz2">
                                <div class="swiper">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <style data-emotion="css ra0jdn">
                                                .css-ra0jdn:hover,
                                                .css-ra0jdn:focus {
                                                    outline: none;
                                                }
                                            </style>
                                            <div class="css-ra0jdn e4vyq3l1">
                                                <style data-emotion="css 145jheh">
                                                    .css-145jheh {
                                                        margin: 1.2rem 3.2rem;
                                                        max-width: 1216px;
                                                        display: -webkit-box;
                                                        display: -webkit-flex;
                                                        display: -ms-flexbox;
                                                        display: flex;
                                                        -webkit-box-pack: justify;
                                                        -webkit-justify-content: space-between;
                                                        justify-content: space-between;
                                                        -webkit-align-items: center;
                                                        -webkit-box-align: center;
                                                        -ms-flex-align: center;
                                                        align-items: center;
                                                    }

                                                    @media (min-width:992px) {
                                                        .css-145jheh {
                                                            -webkit-flex-direction: row;
                                                            -ms-flex-direction: row;
                                                            flex-direction: row;
                                                            margin: 0 auto;
                                                            -webkit-align-items: flex-start;
                                                            -webkit-box-align: flex-start;
                                                            -ms-flex-align: flex-start;
                                                            align-items: flex-start;
                                                        }
                                                    }
                                                </style>
                                                <div class="css-145jheh e4vyq3l6">
                                                    <style data-emotion="css 1azfak6">
                                                        .css-1azfak6 {
                                                            display: -webkit-box;
                                                            display: -webkit-flex;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-flex-direction: column;
                                                            -ms-flex-direction: column;
                                                            flex-direction: column;
                                                            -webkit-box-pack: center;
                                                            -ms-flex-pack: center;
                                                            -webkit-justify-content: center;
                                                            justify-content: center;
                                                            width: 100%;
                                                            max-width: 30rem;
                                                            margin: 0 auto;
                                                        }

                                                        @media  screen and (min-width: 992px) {
                                                            .css-1azfak6 {
                                                                -webkit-box-pack: start;
                                                                -ms-flex-pack: start;
                                                                -webkit-justify-content: flex-start;
                                                                justify-content: flex-start;
                                                                margin-right: 2rem;
                                                                margin-top: 4rem;
                                                            }
                                                        }

                                                        .css-1azfak6:first-of-type {
                                                            margin-top: var(--chakra-space-0);
                                                        }

                                                        @media  screen and (min-width: 992px) {
                                                            .css-1azfak6:first-of-type {
                                                                margin-top: 4rem;
                                                            }
                                                        }

                                                        @media  screen and (min-width: 992px) {
                                                            .css-1azfak6:last-of-type {
                                                                margin-right: var(--chakra-space-0);
                                                            }
                                                        }
                                                    </style>
                                                    <div class="css-1azfak6">
                                                        <style data-emotion="css nlvtg6">
                                                            .css-nlvtg6 {
                                                                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%;
                                                            }

                                                            @media (min-width:992px) {
                                                                .css-nlvtg6 {
                                                                    min-height: 192px;
                                                                }
                                                            }
                                                        </style>
                                                        <div class="css-nlvtg6 e13y17ze3">
                                                            <style data-emotion="css 1xqvleu">
                                                                .css-1xqvleu {
                                                                    height: auto;
                                                                    width: 100%;
                                                                    -webkit-align-self: center;
                                                                    -ms-flex-item-align: center;
                                                                    align-self: center;
                                                                    margin: 0 3.2rem;
                                                                    width: 80%;
                                                                    max-width: 300px;
                                                                }

                                                                @media (min-width:421px) {
                                                                    .css-1xqvleu {
                                                                        width: auto;
                                                                    }
                                                                }

                                                                @media (min-width:992px) {
                                                                    .css-1xqvleu {
                                                                        width: 100%;
                                                                        display: none;
                                                                    }
                                                                }
                                                            </style>
                                                            <img class="css-1xqvleu e4vyq3l5"
                                                                src="<?php echo e(asset('assets/images/how-it-works-mobile-1-2x.webp')); ?>" />
                                                        </div>
                                                        <style data-emotion="css 19vc655">
                                                            .css-19vc655 {
                                                                display: -webkit-box;
                                                                display: -webkit-flex;
                                                                display: -ms-flexbox;
                                                                display: flex;
                                                                margin-top: 1.6rem;
                                                            }

                                                            @media (min-width:992px) {
                                                                .css-19vc655 {
                                                                    width: 100%;
                                                                    text-align: left;
                                                                }
                                                            }
                                                        </style>
                                                        <div class="css-19vc655 e4vyq3l2">
                                                            <style data-emotion="css bc4frv">
                                                                .css-bc4frv {
                                                                    font-size: 1.6rem;
                                                                    line-height: 2.4rem;
                                                                    font-weight: 700;
                                                                    letter-spacing: -0.2px;
                                                                    letter-spacing: 0;
                                                                    text-align: left;
                                                                    min-width: 3.2rem;
                                                                    color: #3E47DD;
                                                                }
                                                            </style>
                                                            <div class="css-bc4frv e4vyq3l7">
                                                                01.
                                                            </div>
                                                            <style data-emotion="css 1s38tt7">
                                                                .css-1s38tt7 {
                                                                    display: block;
                                                                    margin-left: 0.8rem;
                                                                }

                                                                @media (min-width:992px) {
                                                                    .css-1s38tt7 {
                                                                        margin: 0 0 1.6rem 1.6rem;
                                                                        display: block;
                                                                        font-size: 2.4rem;
                                                                        line-height: 3.2rem;
                                                                        letter-spacing: -0.4px;
                                                                        -webkit-align-self: flex-start;
                                                                        -ms-flex-item-align: flex-start;
                                                                        align-self: flex-start;
                                                                    }
                                                                }

                                                                @media (min-width:992px) and (max-width:1199px) {
                                                                    .css-1s38tt7 {
                                                                        min-height: 6.4rem;
                                                                    }
                                                                }
                                                            </style>
                                                            <style data-emotion="css 6z5h0l">
                                                                .css-6z5h0l {
                                                                    font-size: 2rem;
                                                                    line-height: 1.73;
                                                                    font-weight: 600;
                                                                    color: #1F2B59;
                                                                    text-align: inherit;
                                                                    padding: 0;
                                                                    margin: 0;
                                                                    letter-spacing: 0.5px;
                                                                    display: block;
                                                                    margin-left: 0.8rem;
                                                                }

                                                                @media (min-width:768px) {
                                                                    .css-6z5h0l {
                                                                        font-size: 2rem;
                                                                    }
                                                                }

                                                                @media (min-width:992px) {
                                                                    .css-6z5h0l {
                                                                        margin: 0 0 1.6rem 1.6rem;
                                                                        display: block;
                                                                        font-size: 2.4rem;
                                                                        line-height: 3.2rem;
                                                                        letter-spacing: -0.4px;
                                                                        -webkit-align-self: flex-start;
                                                                        -ms-flex-item-align: flex-start;
                                                                        align-self: flex-start;
                                                                    }
                                                                }

                                                                @media (min-width:992px) and (max-width:1199px) {
                                                                    .css-6z5h0l {
                                                                        min-height: 6.4rem;
                                                                    }
                                                                }
                                                            </style>
                                                            <h3 class="e4vyq3l3 css-6z5h0l e4ppuj00"
                                                                role="heading">
                                                                <style data-emotion="css 1a0zh1h">
                                                                    .css-1a0zh1h {
                                                                        font-size: 1.8rem;
                                                                        font-weight: 700;
                                                                        line-height: 2.4rem;
                                                                        letter-spacing: -0.2px;
                                                                        text-align: left;
                                                                        margin-bottom: 0.8rem;
                                                                    }
                                                                </style>
                                                                <div class="css-1a0zh1h e4vyq3l0">
                                                                    Choose anywhere Globally
                                                                </div>
                                                                <style data-emotion="css 1uwt52j">
                                                                    .css-1uwt52j {
                                                                        font-size: 1.4rem;
                                                                        line-height: 2.4rem;
                                                                        color: #31406F;
                                                                        font-weight: 400;
                                                                        letter-spacing: 0px;
                                                                        text-align: left;
                                                                        margin: 0;
                                                                    }

                                                                    @media (max-width:991px) {
                                                                        .css-1uwt52j {
                                                                            max-width: auto;
                                                                        }
                                                                    }

                                                                    @media (min-width:992px) and (max-width:1899px) {
                                                                        .css-1uwt52j {
                                                                            max-width: 27.9rem;
                                                                        }
                                                                    }
                                                                </style>
                                                                <p class="css-1uwt52j e4vyq3l4">
                                                                    No more compromises! With us, you have
                                                                    an unrivaled selection of cars in one
                                                                    place.
                                                                </p>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="css-ra0jdn e4vyq3l1">
                                                <div class="css-145jheh e4vyq3l6">
                                                    <div class="css-1azfak6">
                                                        <div class="css-nlvtg6 e13y17ze3">
                                                            <img class="css-1xqvleu e4vyq3l5"
                                                                src="<?php echo e(asset('assets/images/how-it-works-mobile-2-2x.webp')); ?>" />
                                                        </div>
                                                        <div class="css-19vc655 e4vyq3l2">
                                                            <div class="css-bc4frv e4vyq3l7">
                                                                02.
                                                            </div>
                                                            <h3 class="e4vyq3l3 css-6z5h0l e4ppuj00"
                                                                role="heading">
                                                                <div class="css-1a0zh1h e4vyq3l0">
                                                                    We'll inspect the car closely
                                                                </div>
                                                                <p class="css-1uwt52j e4vyq3l4">
                                                                    A certified mechanic will thoroughly
                                                                    inspect your car. You will decide
                                                                    according to the result after.
                                                                </p>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="css-ra0jdn e4vyq3l1">
                                                <div class="css-145jheh e4vyq3l6">
                                                    <div class="css-1azfak6">
                                                        <div class="css-nlvtg6 e13y17ze3">
                                                            <img class="css-1xqvleu e4vyq3l5"
                                                                src="<?php echo e(asset('assets/images/how-it-works-mobile-3-2x.webp')); ?>" />
                                                        </div>
                                                        <div class="css-19vc655 e4vyq3l2">
                                                            <div class="css-bc4frv e4vyq3l7">
                                                                03.
                                                            </div>
                                                            <h3 class="e4vyq3l3 css-6z5h0l e4ppuj00"
                                                                role="heading">
                                                                <div class="css-1a0zh1h e4vyq3l0">
                                                                    We'll deliver it to your home
                                                                </div>
                                                                <p class="css-1uwt52j e4vyq3l4">
                                                                    We arrange all the paperwork,
                                                                    registration and delivery. All you need
                                                                    to do is enjoy your new car.
                                                                </p>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <style data-emotion="css pqjwmm">
                            .css-pqjwmm {
                                width: 100%;
                                -webkit-align-items: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                z-index: 3;
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                display: block;
                            }
                        </style>
                        <div class="css-pqjwmm e1r4j8mz6">
                            <style data-emotion="css nqqgh1">
                                .css-nqqgh1 {
                                    width: 100%;
                                    margin: 1.6rem 0 3.2rem;
                                    margin: 0;
                                    text-align: center;
                                    position: relative;
                                    top: 3.4rem !important;
                                }

                                .css-nqqgh1 .swiper-pagination-bullet {
                                    background: #B3C3DE;
                                    width: 0.8rem;
                                    height: 0.8rem;
                                    margin-right: 1.6rem;
                                    cursor: pointer;
                                }

                                .css-nqqgh1 .swiper-pagination-bullet:last-child {
                                    margin-right: 0;
                                }

                                .css-nqqgh1 .swiper-pagination-bullet:focus {
                                    outline: none;
                                }

                                .css-nqqgh1 .swiper-pagination-bullet-active {
                                    background: #3E47DD;
                                }

                                .css-nqqgh1 .swiper-pagination-bullet-active:focus {
                                    outline: none;
                                }

                                @media (min-width:768px) {
                                    .css-nqqgh1 {
                                        top: 0 !important;
                                    }
                                }
                            </style>
                            <div class="bullets-pagination css-nqqgh1 e1r4j8mz4">
                            </div>
                        </div>
                    </div>
                </div>
                <style data-emotion="css g6lj9b">
                    .css-g6lj9b {
                        display: none;
                    }

                    @media  screen and (min-width: 992px) {
                        .css-g6lj9b {
                            display: initial;
                        }
                    }
                </style>
                <div class="css-g6lj9b">
                    <style data-emotion="css 1w2qrg4">
                        @media (min-width:992px) {
                            .css-1w2qrg4 {
                                -webkit-flex-direction: row;
                                -ms-flex-direction: row;
                                flex-direction: row;
                                margin: 0 auto;
                                padding: 0 3.2rem;
                                max-width: 1216px;
                                display: grid;
                                grid-template-columns: repeat(3, 1fr);
                                grid-gap: 4rem;
                                -webkit-align-items: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                            }
                        }

                        @media (min-width:1400px) {
                            .css-1w2qrg4 {
                                padding: 0;
                                -webkit-align-items: flex-start;
                                -webkit-box-align: flex-start;
                                -ms-flex-align: flex-start;
                                align-items: flex-start;
                                grid-gap: 8.4rem;
                            }
                        }
                    </style>
                    <div class="css-1w2qrg4 e13y17ze1">
                        <style data-emotion="css 1pm23vt">
                            .css-1pm23vt {
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                position: relative;
                                -webkit-flex-direction: column;
                                -ms-flex-direction: column;
                                flex-direction: column;
                                -webkit-align-items: flex-start;
                                -webkit-box-align: flex-start;
                                -ms-flex-align: flex-start;
                                align-items: flex-start;
                                -webkit-box-pack: end;
                                -ms-flex-pack: end;
                                -webkit-justify-content: flex-end;
                                justify-content: flex-end;
                            }
                        </style>
                        <div class="css-1pm23vt">
                            <div class="css-nlvtg6 e13y17ze3">
                                <style data-emotion="css 1p1lfga">
                                    .css-1p1lfga {
                                        height: auto;
                                        width: 100%;
                                        -webkit-align-self: center;
                                        -ms-flex-item-align: center;
                                        align-self: center;
                                        margin: 0 3.2rem;
                                        display: none;
                                    }

                                    @media (min-width:421px) {
                                        .css-1p1lfga {
                                            width: auto;
                                        }
                                    }

                                    @media (min-width:992px) {
                                        .css-1p1lfga {
                                            width: 100%;
                                            display: block;
                                        }
                                    }
                                </style>
                                <img class="css-1p1lfga e13y17ze2"
                                    src="<?php echo e(asset('assets/images/how-it-works-1-2x.webp')); ?>" />
                                <style data-emotion="css 2n8ai">
                                    .css-2n8ai {
                                        height: auto;
                                        width: 100%;
                                        -webkit-align-self: center;
                                        -ms-flex-item-align: center;
                                        align-self: center;
                                        margin: 0 3.2rem;
                                    }

                                    @media (min-width:421px) {
                                        .css-2n8ai {
                                            width: auto;
                                        }
                                    }

                                    @media (min-width:992px) {
                                        .css-2n8ai {
                                            width: 100%;
                                            display: none;
                                        }
                                    }
                                </style>
                                <img class="css-2n8ai e13y17ze2"
                                    src="<?php echo e(asset('assets/images/how-it-works-mobile-1-2x.webp')); ?>" />
                            </div>
                            <style data-emotion="css 1aobabm">
                                .css-1aobabm {
                                    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: flex-start;
                                    -webkit-box-align: flex-start;
                                    -ms-flex-align: flex-start;
                                    align-items: flex-start;
                                    text-align: center;
                                    max-width: 67rem;
                                    margin: 0 auto;
                                }

                                @media (min-width:992px) {
                                    .css-1aobabm {
                                        width: 100%;
                                        text-align: left;
                                    }
                                }
                            </style>
                            <div class="css-1aobabm e13y17ze4">
                                <style data-emotion="css t4o82o">
                                    .css-t4o82o {
                                        color: #3E47DD;
                                        font-weight: 700;
                                        font-size: 1.8rem;
                                        line-height: 2.4rem;
                                        margin: 0 0.4rem 0 0;
                                        letter-spacing: -0.2px;
                                        display: block;
                                    }

                                    @media (min-width:992px) {
                                        .css-t4o82o {
                                            display: block;
                                            margin: 1.6rem 0;
                                            font-size: 1.6rem;
                                            line-height: 2.4rem;
                                        }
                                    }
                                </style>
                                <span class="css-t4o82o e13y17ze5">
                                    01.
                                </span>
                                <style data-emotion="css 78r81h">
                                    .css-78r81h {
                                        color: #1F2B59;
                                        font-weight: 700;
                                        margin: 1.6rem 0 0.8rem;
                                        font-size: 1.8rem;
                                        line-height: 2.4rem;
                                        letter-spacing: -0.2px;
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-align-self: center;
                                        -ms-flex-item-align: center;
                                        align-self: center;
                                        width: 100%;
                                    }

                                    @media (min-width:992px) {
                                        .css-78r81h {
                                            margin: 0 0 1.6rem;
                                            display: block;
                                            font-size: 2.4rem;
                                            line-height: 3.2rem;
                                            letter-spacing: -0.4px;
                                            -webkit-align-self: flex-start;
                                            -ms-flex-item-align: flex-start;
                                            align-self: flex-start;
                                        }
                                    }
                                </style>
                                <style data-emotion="css ne7ahm">
                                    .css-ne7ahm {
                                        font-size: 2rem;
                                        line-height: 1.73;
                                        font-weight: 600;
                                        color: #1F2B59;
                                        text-align: inherit;
                                        padding: 0;
                                        margin: 0;
                                        letter-spacing: 0.5px;
                                        color: #1F2B59;
                                        font-weight: 700;
                                        margin: 1.6rem 0 0.8rem;
                                        font-size: 1.8rem;
                                        line-height: 2.4rem;
                                        letter-spacing: -0.2px;
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-align-self: center;
                                        -ms-flex-item-align: center;
                                        align-self: center;
                                        width: 100%;
                                    }

                                    @media (min-width:768px) {
                                        .css-ne7ahm {
                                            font-size: 2rem;
                                        }
                                    }

                                    @media (min-width:992px) {
                                        .css-ne7ahm {
                                            margin: 0 0 1.6rem;
                                            display: block;
                                            font-size: 2.4rem;
                                            line-height: 3.2rem;
                                            letter-spacing: -0.4px;
                                            -webkit-align-self: flex-start;
                                            -ms-flex-item-align: flex-start;
                                            align-self: flex-start;
                                        }
                                    }
                                </style>
                                <h3 class="e13y17ze6 css-ne7ahm e4ppuj00" role="heading">
                                    <style data-emotion="css 4zuozx">
                                        .css-4zuozx {
                                            text-align: left;
                                        }
                                    </style>
                                    <span class="css-4zuozx e13y17ze7">
                                        Choose anywhere in Europe
                                    </span>
                                </h3>
                                <style data-emotion="css f9ce5q">
                                    .css-f9ce5q {
                                        font-size: 1.4rem;
                                        line-height: 2.4rem;
                                        color: #31406F;
                                        letter-spacing: 0;
                                    }

                                    @media (max-width:991px) {
                                        .css-f9ce5q {
                                            text-align: center;
                                            max-width: auto;
                                        }
                                    }

                                    @media (min-width:992px) and (max-width:1899px) {
                                        .css-f9ce5q {
                                            max-width: 27.9rem;
                                        }
                                    }
                                </style>
                                <p class="css-f9ce5q e13y17ze0">
                                    No more compromises! With us, you have an unrivaled selection of cars in
                                    one place.
                                </p>
                            </div>
                        </div>
                        <div class="css-1pm23vt">
                            <div class="css-nlvtg6 e13y17ze3">
                                <img class="css-1p1lfga e13y17ze2"
                                    src="<?php echo e(asset('assets/images/how-it-works-2-2x.webp')); ?>" />
                                <img class="css-2n8ai e13y17ze2"
                                    src="<?php echo e(asset('assets/images/how-it-works-mobile-2-2x.webp')); ?>" />
                            </div>
                            <div class="css-1aobabm e13y17ze4">
                                <span class="css-t4o82o e13y17ze5">
                                    02.
                                </span>
                                <h3 class="e13y17ze6 css-ne7ahm e4ppuj00" role="heading">
                                    <span class="css-4zuozx e13y17ze7">
                                        We'll inspect the car closely
                                    </span>
                                </h3>
                                <p class="css-f9ce5q e13y17ze0">
                                    A certified mechanic will thoroughly inspect your car. You will decide
                                    according to the result after.
                                </p>
                            </div>
                        </div>
                        <div class="css-1pm23vt">
                            <div class="css-nlvtg6 e13y17ze3">
                                <img class="css-1p1lfga e13y17ze2"
                                    src="<?php echo e(asset('assets/images/how-it-works-3-2x.webp')); ?>" />
                                <img class="css-2n8ai e13y17ze2"
                                    src="<?php echo e(asset('assets/images/how-it-works-mobile-3-2x.webp')); ?>" />
                            </div>
                            <div class="css-1aobabm e13y17ze4">
                                <span class="css-t4o82o e13y17ze5">
                                    03.
                                </span>
                                <h3 class="e13y17ze6 css-ne7ahm e4ppuj00" role="heading">
                                    <span class="css-4zuozx e13y17ze7">
                                        We'll deliver it to your home
                                    </span>
                                </h3>
                                <p class="css-f9ce5q e13y17ze0">
                                    We arrange all the paperwork, registration and delivery. All you need to
                                    do is enjoy your new car.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <style data-emotion="css 1ac6v67">
                    .css-1ac6v67 {
                        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;
                        margin: 4rem 0 0;
                    }

                    @media (max-width:767px) {
                        .css-1ac6v67 {
                            margin: 6rem 3rem 3rem;
                        }
                    }
                </style>
                <div class="css-1ac6v67 e2v3geg3">
                    <style data-emotion="css u1gl37">
                        .css-u1gl37 {
                            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: linear-gradient(111.72deg, #3E47DD 14.24%, #262A98 85.76%);
                            color: var(--chakra-colors-white);
                            box-shadow: 0px 16px 24px -20px #3E47DD;
                        }

                        .css-u1gl37:focus-visible,
                        .css-u1gl37[data-focus-visible] {
                            box-shadow: var(--chakra-shadows-outline);
                        }

                        .css-u1gl37:disabled,
                        .css-u1gl37[disabled],
                        .css-u1gl37[aria-disabled=true],
                        .css-u1gl37[data-disabled] {
                            opacity: 1;
                            cursor: not-allowed;
                            box-shadow: var(--chakra-shadows-none);
                            background: #B3C3DE !important;
                        }

                        .css-u1gl37:disabled:hover,
                        .css-u1gl37[disabled]:hover,
                        .css-u1gl37[aria-disabled=true]:hover,
                        .css-u1gl37[data-disabled]:hover,
                        .css-u1gl37:disabled[data-hover],
                        .css-u1gl37[disabled][data-hover],
                        .css-u1gl37[aria-disabled=true][data-hover],
                        .css-u1gl37[data-disabled][data-hover] {
                            box-shadow: var(--chakra-shadows-none);
                        }

                        .css-u1gl37:hover,
                        .css-u1gl37[data-hover] {
                            background: #3E47DD;
                            box-shadow: 0px 16px 36px -18px #3E47DD;
                        }

                        .css-u1gl37:hover:disabled,
                        .css-u1gl37[data-hover]:disabled,
                        .css-u1gl37:hover[disabled],
                        .css-u1gl37[data-hover][disabled],
                        .css-u1gl37:hover[aria-disabled=true],
                        .css-u1gl37[data-hover][aria-disabled=true],
                        .css-u1gl37:hover[data-disabled],
                        .css-u1gl37[data-hover][data-disabled] {
                            background: initial;
                        }

                        .css-u1gl37:focus,
                        .css-u1gl37[data-focus] {
                            outline: 2px solid transparent;
                            outline-offset: 2px;
                            box-shadow: var(--chakra-shadows-none);
                        }

                        .css-u1gl37:active,
                        .css-u1gl37[data-active] {
                            background: #3E27C4;
                        }
                    </style>
                    <button class="chakra-button css-u1gl37" href="/how-<?php echo e(config('app.name')); ?>-works" type="button">
                        Want to know more?
                    </button>
                </div>
            </div>
            <style data-emotion="css 10pnbke">
                .css-10pnbke {
                    margin: auto;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    min-height: 18rem;
                    width: 100%;
                }

                .css-10pnbke>span {
                    margin: auto;
                }
            </style>

        </div>

        <div class="css-1jrxu4j e1dhsi0b10">
            <style data-emotion="css 1h2o12b">
                .css-1h2o12b {
                    height: 0;
                    background: #ffffff;
                }

                @media (min-width:992px) {
                    .css-1h2o12b {
                        height: 70px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1h2o12b {
                        height: 70px;
                    }
                }
            </style>
            <div class="css-1h2o12b e1dhsi0b1">
            </div>
            <style data-emotion="css 1adtxf5">
                .css-1adtxf5 {
                    display: block;
                    position: relative;
                    background-color: #ffffff;
                    overflow: hidden;
                }

                .css-1adtxf5::before {
                    content: '';
                    position: absolute;
                    top: 39%;
                    left: -10%;
                    width: 100%;
                    height: 100%;
                    -webkit-transform: skew(15deg);
                    -moz-transform: skew(15deg);
                    -ms-transform: skew(15deg);
                    transform: skew(15deg);
                    background-color: #EDF1F8;
                    z-index: 2;
                }

                @media (min-width:768px) {
                    .css-1adtxf5::before {
                        top: 12px;
                        left: -54%;
                        -webkit-transform: skew(20deg);
                        -moz-transform: skew(20deg);
                        -ms-transform: skew(20deg);
                        transform: skew(20deg);
                    }
                }
            </style>
            <style data-emotion="css 1iql2qh">
                .css-1iql2qh {
                    display: block;
                    background: #ffffff;
                    overflow: hidden;
                    position: relative;
                    text-align: center;
                }
            </style>
            <div class="css-1iql2qh e1dhsi0b8">
                <style data-emotion="css 1nm8im8">
                    .css-1nm8im8 {
                        position: relative;
                        overflow: hidden;
                        height: auto;
                        margin-bottom: 20px;
                    }

                    @media (max-width:420px) {
                        .css-1nm8im8 {
                            height: 870px;
                        }
                    }
                </style>
                <div class="css-1nm8im8 eiz2weh0">
                    <style data-emotion="css ack63d">
                        .css-ack63d {
                            display: block;
                            height: 40px;
                            -webkit-clip-path: polygon(70% 0, 0 0, 0 75%);
                            clip-path: polygon(70% 0, 0 0, 0 75%);
                            background: #D7E1EF;
                        }

                        @media (min-width:768px) {
                            .css-ack63d {
                                height: 8rem;
                                -webkit-clip-path: polygon(38% 0, 0 0, 0 38%);
                                clip-path: polygon(38% 0, 0 0, 0 38%);
                            }
                        }
                    </style>
                    <div class="css-ack63d e1dhsi0b0">
                    </div>
                    <style data-emotion="css h7i9b4">
                        .css-h7i9b4 {
                            padding: 4rem 1.6rem 5.7rem;
                        }

                        @media (min-width:421px) {
                            .css-h7i9b4 {
                                padding: 4rem 1.6rem 3rem;
                            }
                        }

                        @media (min-width:768px) {
                            .css-h7i9b4 {
                                padding: 0rem 2rem 3rem;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-h7i9b4 {
                                padding: 0 1.6rem 8.7rem;
                            }
                        }
                    </style>
                    <div class="css-h7i9b4 ez7apak0">
                        <style data-emotion="css jr79iw">
                            .css-jr79iw {
                                max-width: 1216px;
                                text-align: center;
                                position: relative;
                                z-index: 2;
                                margin: 0 auto;
                            }

                            @media (min-width:1900px) {
                                .css-jr79iw {
                                    max-width: 1584px;
                                }
                            }
                        </style>
                        <div class="css-jr79iw ez7apak1">
                            <style data-emotion="css 1t9gtpk">
                                .css-1t9gtpk {
                                    font-size: 2.8rem;
                                    padding: 0 2rem;
                                    font-weight: 800;
                                    line-height: 3.6rem;
                                    margin-bottom: 1.6rem;
                                    text-align: center;
                                    color: #1F2B59;
                                    letter-spacing: -0.5px;
                                    margin-bottom: 1.6rem;
                                }

                                @media (min-width:992px) {
                                    .css-1t9gtpk {
                                        font-size: 3.6rem;
                                        line-height: 4.8rem;
                                        margin: 0 0 3.4rem 0;
                                    }
                                }

                                @media (min-width:768px) {
                                    .css-1t9gtpk {
                                        font-size: 3.6rem;
                                        line-height: 1.33;
                                    }
                                }

                                @media (min-width:992px) {
                                    .css-1t9gtpk {
                                        padding: 0;
                                    }
                                }

                                @media (max-width:991px) {
                                    .css-1t9gtpk {
                                        margin-top: 0;
                                    }
                                }
                            </style>
                            <h2 class="css-1t9gtpk ez7apak2">
                                Comprehensive services just a few clicks away
                            </h2>
                            <style data-emotion="css 1f9l5vg">
                                .css-1f9l5vg {
                                    font-weight: normal;
                                    font-size: 1.6rem;
                                    line-height: 175%;
                                    margin: 0;
                                    font-style: normal;
                                    color: #31406F;
                                    letter-spacing: 0;
                                }

                                @media (max-width:1199px) {
                                    .css-1f9l5vg {
                                        font-size: 1.4rem;
                                        line-height: 2.4rem;
                                        text-align: center;
                                        padding: 0 1.6rem;
                                    }
                                }
                            </style>
                            <p class="css-1f9l5vg ez7apak3">
                                One-stop solution for all your needs, from the comfort of your home.
                            </p>
                            <style data-emotion="css rzsjci">
                                .css-rzsjci {
                                    display: grid;
                                    grid-gap: 2rem;
                                    -webkit-box-flex-wrap: wrap;
                                    -webkit-flex-wrap: wrap;
                                    -ms-flex-wrap: wrap;
                                    flex-wrap: wrap;
                                    margin-top: 2.4rem;
                                    grid-template-columns: repeat(1, 1fr);
                                    grid-auto-rows: 1fr;
                                }

                                @media (min-width:668px) {
                                    .css-rzsjci {
                                        grid-template-columns: repeat(2, 1fr);
                                    }
                                }

                                @media (min-width:992px) {
                                    .css-rzsjci {
                                        grid-template-columns: repeat(3, 1fr);
                                    }
                                }

                                @media (min-width:1200px) {
                                    .css-rzsjci {
                                        margin-top: 3.2rem;
                                    }
                                }
                            </style>
                            <div class="css-rzsjci ez7apak4">
                                <style data-emotion="css 1o1ed1r">
                                    .css-1o1ed1r {
                                        padding: 1.6rem 0.8rem 2.4rem 4rem;
                                        border-radius: 0.8rem;
                                        background-color: #ffffff;
                                        box-shadow: 0px 16px 32px rgba(72, 88, 133, 0.08);
                                        height: 100%;
                                        width: 100%;
                                        -webkit-transition: box-shadow 0.3s linear;
                                        transition: box-shadow 0.3s linear;
                                        margin-bottom: 0.8rem;
                                        display: -webkit-box;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction: column;
                                        flex-direction: column;
                                        -webkit-box-pack: center;
                                        -ms-flex-pack: center;
                                        -webkit-justify-content: center;
                                        justify-content: center;
                                        -webkit-align-items: flex-start;
                                        -webkit-box-align: flex-start;
                                        -ms-flex-align: flex-start;
                                        align-items: flex-start;
                                        -webkit-text-decoration: none;
                                        text-decoration: none;
                                        border: 1px solid #EDF1F8;
                                        cursor: pointer;
                                    }

                                    .css-1o1ed1r:last-child {
                                        margin-bottom: 0;
                                    }

                                    @media (min-width:421px) {
                                        .css-1o1ed1r {
                                            max-width: 42rem;
                                            margin-left: auto;
                                            margin-right: auto;
                                            padding: 2rem 2rem 2rem 4.4rem;
                                        }
                                    }

                                    @media (min-width:768px) {
                                        .css-1o1ed1r {
                                            -webkit-align-items: center;
                                            -webkit-box-align: center;
                                            -ms-flex-align: center;
                                            align-items: center;
                                            padding: 1.6rem 1.2rem 0.8rem;
                                            max-width: unset;
                                            display: grid;
                                            grid-template-columns: 1fr;
                                            grid-template-rows: 6rem 8rem;
                                        }
                                    }

                                    @media (min-width:1200px) {
                                        .css-1o1ed1r {
                                            padding: 4.8rem 2.4rem 4.8rem 2.4rem;
                                            max-width: 38.4rem;
                                            grid-template-rows: 8rem 12rem 10rem;
                                        }

                                        .css-1o1ed1r .SVGInline {
                                            justify-self: center;
                                        }
                                    }

                                    @media (min-width:1900px) {
                                        .css-1o1ed1r {
                                            max-width: unset;
                                        }
                                    }

                                    .css-1o1ed1r:hover {
                                        box-shadow: 0px 24px 32px rgba(72, 88, 133, 0.16);
                                    }

                                    .css-1o1ed1r:hover .ez7apak6 {
                                        color: #3E47DD;
                                    }

                                    .css-1o1ed1r:hover .ez7apak10 {
                                        opacity: 1;
                                    }

                                    @media (max-width:1199px) {
                                        .css-1o1ed1r .ez7apak10 {
                                            opacity: 1;
                                        }
                                    }
                                </style>
                                <a class="css-1o1ed1r ez7apak12" href="/car-financing">
                                    <style data-emotion="css h7wzig">
                                        .css-h7wzig {
                                            display: none;
                                            justify-self: center;
                                            width: 80px;
                                        }

                                        @media  screen and (min-width: 1200px) {
                                            .css-h7wzig {
                                                display: -webkit-inline-box;
                                                display: -webkit-inline-flex;
                                                display: -ms-inline-flexbox;
                                                display: inline-flex;
                                            }
                                        }
                                    </style>
                                    <img alt="perk-icon:services-finance"
                                        class="chakra-image css-h7wzig" loading="lazy"
                                        src="<?php echo e(asset('assets/images/services-finance.svg')); ?>" />
                                    <style data-emotion="css 1p56tea">
                                        .css-1p56tea {
                                            display: none;
                                        }

                                        .css-1p56tea>svg {
                                            display: none;
                                        }

                                        @media (min-width:1200px) {
                                            .css-1p56tea {
                                                display: -webkit-box;
                                                display: -webkit-flex;
                                                display: -ms-flexbox;
                                                display: flex;
                                                position: relative;
                                                width: 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;
                                            }
                                        }
                                    </style>
                                    <div class="css-1p56tea ez7apak5">
                                        <style data-emotion="css 1g96ljf">
                                            .css-1g96ljf {
                                                font-family: EuclidCircularB, sans-serif;
                                                font-style: normal;
                                                font-weight: 800;
                                                letter-spacing: -0.5px;
                                                font-size: 2.8rem;
                                                line-height: 129%;
                                                font-weight: 800;
                                                color: #1F2B59;
                                            }

                                            @media (min-width:1200px) {
                                                .css-1g96ljf {
                                                    margin: 2.4rem 0;
                                                    -webkit-transition: color 0.3s linear;
                                                    transition: color 0.3s linear;
                                                    position: relative;
                                                    display: -webkit-box;
                                                    display: -webkit-flex;
                                                    display: -ms-flexbox;
                                                    display: flex;
                                                    max-width: 70%;
                                                    -webkit-box-flex-wrap: wrap;
                                                    -webkit-flex-wrap: wrap;
                                                    -ms-flex-wrap: wrap;
                                                    flex-wrap: wrap;
                                                    -webkit-transform: translateX(2rem);
                                                    -moz-transform: translateX(2rem);
                                                    -ms-transform: translateX(2rem);
                                                    transform: translateX(2rem);
                                                }
                                            }
                                        </style>
                                        <h4 class="css-1g96ljf ez7apak6">
                                            Financing
                                        </h4>
                                        <style data-emotion="css d2l32w">
                                            .css-d2l32w {
                                                opacity: 0;
                                            }

                                            @media (min-width:1200px) {
                                                .css-d2l32w {
                                                    position: relative;
                                                    -webkit-transform: translateX(2rem);
                                                    -moz-transform: translateX(2rem);
                                                    -ms-transform: translateX(2rem);
                                                    transform: translateX(2rem);
                                                    -webkit-transition: opacity 0.3s linear;
                                                    transition: opacity 0.3s linear;
                                                    margin-left: 2rem;
                                                }
                                            }
                                        </style>
                                        <style data-emotion="css y848ux">
                                            .css-y848ux {
                                                display: -webkit-inline-box;
                                                display: -webkit-inline-flex;
                                                display: -ms-inline-flexbox;
                                                display: inline-flex;
                                                max-width: 100%;
                                                max-height: 100%;
                                                opacity: 0;
                                            }

                                            @media (min-width:1200px) {
                                                .css-y848ux {
                                                    position: relative;
                                                    -webkit-transform: translateX(2rem);
                                                    -moz-transform: translateX(2rem);
                                                    -ms-transform: translateX(2rem);
                                                    transform: translateX(2rem);
                                                    -webkit-transition: opacity 0.3s linear;
                                                    transition: opacity 0.3s linear;
                                                    margin-left: 2rem;
                                                }
                                            }
                                        </style>
                                        <img alt="svg-inline-icon:<?php echo e(asset('assets/images/arrow-next.svg')); ?>"
                                            class="ez7apak10 css-y848ux"
                                            src="<?php echo e(asset('assets/images/arrow-next.svg')); ?>" />
                                    </div>
                                    <style data-emotion="css 1m2kx12">
                                        .css-1m2kx12 {
                                            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;
                                            margin-bottom: 1.6rem;
                                            position: relative;
                                        }

                                        @media (min-width:768px) {
                                            .css-1m2kx12 {
                                                margin: 0;
                                            }
                                        }

                                        @media (min-width:1200px) {
                                            .css-1m2kx12 {
                                                display: none;
                                            }
                                        }
                                    </style>
                                    <div class="css-1m2kx12 ez7apak7">
                                        <style data-emotion="css 1vrncmd">
                                            .css-1vrncmd {
                                                display: -webkit-inline-box;
                                                display: -webkit-inline-flex;
                                                display: -ms-inline-flexbox;
                                                display: inline-flex;
                                                justify-self: center;
                                                margin-right: 1.6rem;
                                                width: 4.8rem;
                                            }

                                            @media  screen and (min-width: 1200px) {
                                                .css-1vrncmd {
                                                    display: none;
                                                }
                                            }
                                        </style>
                                        <img alt="perk-icon:services-finance"
                                            class="chakra-image css-1vrncmd" loading="lazy"
                                            src="<?php echo e(asset('assets/images/services-finance.svg')); ?>" />
                                        <style data-emotion="css 1styslh">
                                            .css-1styslh {
                                                font-family: EuclidCircularB, sans-serif;
                                                font-style: normal;
                                                font-weight: 800;
                                                letter-spacing: -0.5px;
                                                font-weight: bold;
                                                font-size: 1.8rem;
                                                line-height: 133%;
                                                letter-spacing: -0.2px;
                                                margin: 0;
                                                color: #1F2B59;
                                                color: #3E47DD;
                                                font-size: 1.8rem;
                                                line-height: 2.4rem;
                                                letter-spacing: -0.2px;
                                                font-weight: 700;
                                            }
                                        </style>
                                        <h6 class="css-1styslh ez7apak8">
                                            Financing
                                        </h6>
                                        <style data-emotion="css ag9i9t">
                                            .css-ag9i9t {
                                                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;
                                                margin-left: 1.8rem;
                                                margin-right: 1.2rem;
                                            }
                                        </style>
                                        <style data-emotion="css 1ovggzz">
                                            .css-1ovggzz {
                                                display: -webkit-inline-box;
                                                display: -webkit-inline-flex;
                                                display: -ms-inline-flexbox;
                                                display: inline-flex;
                                                max-width: 100%;
                                                max-height: 100%;
                                                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;
                                                margin-left: 1.8rem;
                                                margin-right: 1.2rem;
                                            }
                                        </style>
                                        <img alt="svg-inline-icon:<?php echo e(asset('assets/images/arrow-next.svg')); ?>"
                                            class="ez7apak11 css-1ovggzz"
                                            src="<?php echo e(asset('assets/images/arrow-next.svg')); ?>" />
                                    </div>
                                    <style data-emotion="css 1ifeh3u">
                                        .css-1ifeh3u {
                                            padding: 0;
                                            list-style: none;
                                            -webkit-appearance: none;
                                            -moz-appearance: none;
                                            -ms-appearance: none;
                                            appearance: none;
                                            margin: 0;
                                        }

                                        @media (min-width:992px) {
                                            .css-1ifeh3u {
                                                -webkit-align-self: baseline;
                                                -ms-flex-item-align: baseline;
                                                align-self: baseline;
                                            }
                                        }

                                        @media (min-width:1200px) {
                                            .css-1ifeh3u {
                                                padding: 0;
                                                min-height: auto;
                                                justify-self: flex-start;
                                                margin: 0 auto;
                                                max-width: 32rem;
                                            }
                                        }
                                    </style>
                                    <ul class="css-1ifeh3u ez7apak14">
                                        <style data-emotion="css 11tz1k5">
                                            .css-11tz1k5 {
                                                color: #31406F;
                                                padding: 0 0 0.4rem 2.4rem;
                                                background-image: url(<?php echo e(asset('assets/images/list-check-green.svg')); ?>);
                                                background-repeat: no-repeat;
                                                -webkit-background-size: 16px;
                                                background-size: 16px;
                                                -webkit-background-position: left 5px;
                                                background-position: left 5px;
                                                text-align: left;
                                                -webkit-appearance: none;
                                                -moz-appearance: none;
                                                -ms-appearance: none;
                                                appearance: none;
                                                font-size: 1.4rem;
                                                line-height: 2.4rem;
                                                letter-spacing: 0;
                                            }

                                            .css-11tz1k5:last-of-type {
                                                padding-bottom: 0;
                                            }

                                            @media (min-width:1200px) {
                                                .css-11tz1k5 {
                                                    font-size: 1.6rem;
                                                    line-height: 2.8rem;
                                                    padding: 0 0 0.8rem 2.4rem;
                                                }
                                            }
                                        </style>
                                        <li class="css-11tz1k5 ez7apak15">
                                            Completely online within
                                            <!-- -->
                                            few hours
                                        </li>
                                        <li class="css-11tz1k5 ez7apak15">
                                            Transparent, no fine print
                                        </li>
                                    </ul>
                                </a>
                                <a class="css-1o1ed1r ez7apak12" href="/caraudit">
                                    <img alt="perk-icon:services-caraudit"
                                        class="chakra-image css-h7wzig" loading="lazy"
                                        src="<?php echo e(asset('assets/images/services-caraudit.svg')); ?>" />
                                    <div class="css-1p56tea ez7apak5">
                                        <h4 class="css-1g96ljf ez7apak6">
                                            CarAudit™️
                                        </h4>
                                        <img alt="svg-inline-icon:<?php echo e(asset('assets/images/arrow-next.svg')); ?>"
                                            class="ez7apak10 css-y848ux"
                                            src="<?php echo e(asset('assets/images/arrow-next.svg')); ?>" />
                                    </div>
                                    <div class="css-1m2kx12 ez7apak7">
                                        <img alt="perk-icon:services-caraudit"
                                            class="chakra-image css-1vrncmd" loading="lazy"
                                            src="<?php echo e(asset('assets/images/services-caraudit.svg')); ?>" />
                                        <h6 class="css-1styslh ez7apak8">
                                            CarAudit inspection
                                        </h6>
                                        <img alt="svg-inline-icon:<?php echo e(asset('assets/images/arrow-next.svg')); ?>"
                                            class="ez7apak11 css-1ovggzz"
                                            src="<?php echo e(asset('assets/images/arrow-next.svg')); ?>" />
                                    </div>
                                    <ul class="css-1ifeh3u ez7apak14">
                                        <li class="css-11tz1k5 ez7apak15">
                                            Thorough vehicle check
                                        </li>
                                        <li class="css-11tz1k5 ez7apak15">
                                            Qualified mechanics and technicians
                                        </li>
                                    </ul>
                                </a>
                                <a class="css-1o1ed1r ez7apak12" href="/car-delivery">
                                    <img alt="perk-icon:services-delivery"
                                        class="chakra-image css-h7wzig" loading="lazy"
                                        src="<?php echo e(asset('assets/images/services-delivery.svg')); ?>" />
                                    <div class="css-1p56tea ez7apak5">
                                        <h4 class="css-1g96ljf ez7apak6">
                                            Delivery
                                        </h4>
                                        <img alt="svg-inline-icon:<?php echo e(asset('assets/images/arrow-next.svg')); ?>"
                                            class="ez7apak10 css-y848ux"
                                            src="<?php echo e(asset('assets/images/arrow-next.svg')); ?>" />
                                    </div>
                                    <div class="css-1m2kx12 ez7apak7">
                                        <img alt="perk-icon:services-delivery"
                                            class="chakra-image css-1vrncmd" loading="lazy"
                                            src="<?php echo e(asset('assets/images/services-delivery.svg')); ?>" />
                                        <h6 class="css-1styslh ez7apak8">
                                            Delivery
                                        </h6>
                                        <img alt="svg-inline-icon:<?php echo e(asset('assets/images/arrow-next.svg')); ?>"
                                            class="ez7apak11 css-1ovggzz"
                                            src="<?php echo e(asset('assets/images/arrow-next.svg')); ?>" />
                                    </div>
                                    <ul class="css-1ifeh3u ez7apak14">
                                        <li class="css-11tz1k5 ez7apak15">
                                            To your doorstep or a Pick-up Point
                                        </li>
                                        <li class="css-11tz1k5 ez7apak15">
                                            Unbeatable price
                                        </li>
                                    </ul>
                                </a>
                            </div>
                        </div>
                    </div>

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

        <div class="css-z3knme e1dhsi0b9">
            <style data-emotion="css tj80o">
                .css-tj80o {
                    z-index: 2;
                    position: relative;
                }
            </style>
            <div class="css-tj80o e1xvxr452" id="homepage-contact">
                <style data-emotion="css 7luvuw">
                    .css-7luvuw {
                        background: var(--chakra-colors-gray-100);
                    }
                </style>
                <div class="css-7luvuw">
                    <style data-emotion="css viundf">
                        .css-viundf {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-flex-direction: column;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            max-width: 800px;
                            margin: 0 auto;
                            position: relative;
                            z-index: 2;
                            box-shadow: 0px 24px 32px rgba(72, 88, 133, 0.16);
                            border-radius: 8px;
                        }

                        @media (max-width:991px) {
                            .css-viundf {
                                margin-left: 1.6rem;
                                margin-right: 1.6rem;
                                max-width: initial;
                            }
                        }
                    </style>
                    <div class="css-viundf e1nrgnzr2">
                        <style data-emotion="css 1ockvyr">
                            .css-1ockvyr {
                                padding: 3.2rem;
                                background: #ffffff;
                                border-radius: 0 0 8px 8px;
                                color: #1F2B59;
                                box-shadow: none;
                                position: relative;
                                z-index: 1;
                                display: block;
                                background-color: #ffffff;
                                border-radius: 0.8rem;
                                border-bottom-left-radius: 0;
                                border-bottom-right-radius: 0;
                                border: 1px solid #EDF1F8;
                                border-bottom: none;
                                z-index: 5;
                                padding: 0;
                            }
                        </style>
                        <div class="css-1ockvyr e1nrgnzr3">
                            <style data-emotion="css 1a2t89l">
                                .css-1a2t89l {
                                    padding: 3.2rem;
                                    background: #ffffff;
                                    border-radius: 0 0 8px 8px;
                                    color: #1F2B59;
                                    box-shadow: none;
                                    position: relative;
                                    z-index: 1;
                                    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: flex-start;
                                    -webkit-box-align: flex-start;
                                    -ms-flex-align: flex-start;
                                    align-items: flex-start;
                                    background: url('/images/B2C-homepage/contact-bg.webp') top right no-repeat;
                                    -webkit-background-size: contain;
                                    background-size: contain;
                                    background-color: #ffffff;
                                    border-radius: 0.8rem;
                                    border-bottom-left-radius: 0;
                                    border-bottom-right-radius: 0;
                                    border-bottom: none;
                                    z-index: 5;
                                    padding: 48px;
                                }

                                @media (max-width:767px) {
                                    .css-1a2t89l {
                                        background: #ffffff;
                                        padding: 3.2rem 2.4rem;
                                        -webkit-align-items: center;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center;
                                        width: 100%;
                                    }
                                }
                            </style>
                            <div class="css-1a2t89l e1xvxr456">
                                <style data-emotion="css 5orfg">
                                    .css-5orfg {
                                        font-size: 2.8rem;
                                        padding: 0 2rem;
                                        font-weight: 800;
                                        line-height: 3.6rem;
                                        margin-bottom: 1.6rem;
                                        text-align: center;
                                        color: #1F2B59;
                                        letter-spacing: -0.5px;
                                        position: relative;
                                        z-index: 2;
                                        padding: 0;
                                        margin-bottom: 3.2rem;
                                        text-align: left;
                                    }

                                    @media (min-width:992px) {
                                        .css-5orfg {
                                            font-size: 3.6rem;
                                            line-height: 4.8rem;
                                            margin: 0 0 3.4rem 0;
                                        }
                                    }

                                    @media (min-width:768px) {
                                        .css-5orfg {
                                            margin-bottom: 38px;
                                            margin-top: 0;
                                            max-width: 62%;
                                        }
                                    }
                                </style>
                                <h2 class="css-5orfg e1xvxr453">
                                    Your next car is waiting for you here...
                                </h2>
                                <style data-emotion="css 16lm5yn">
                                    .css-16lm5yn {
                                        -webkit-text-decoration: none;
                                        text-decoration: none;
                                    }

                                    @media (max-width:767px) {
                                        .css-16lm5yn {
                                            width: 100%;
                                        }
                                    }
                                </style>
                                <a class="css-16lm5yn e1xvxr457" href="/cars">
                                    <style data-emotion="css 1uyg0e5">
                                        .css-1uyg0e5 {
                                            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.6rem;
                                        }

                                        .css-1uyg0e5>svg {
                                            width: 20px;
                                            height: 20px;
                                        }

                                        .css-1uyg0e5:hover,
                                        .css-1uyg0e5[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-1uyg0e5:active,
                                        .css-1uyg0e5[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-1uyg0e5:disabled,
                                        .css-1uyg0e5[disabled],
                                        .css-1uyg0e5[aria-disabled=true],
                                        .css-1uyg0e5[data-disabled] {
                                            cursor: not-allowed;
                                            opacity: 0.4;
                                            -webkit-background-position: center;
                                            background-position: center;
                                        }
                                    </style>
                                    <button class="chakra-button css-1uyg0e5"
                                        data-testid="feature.car_selector.search" type="submit">
                                        Browse <?php echo e(offers()); ?> Cars
                                    </button>
                                </a>
                            </div>
                        </div>
                        <style data-emotion="css bzwr9y">
                            .css-bzwr9y {
                                padding: 3.2rem;
                                background: #ffffff;
                                border-radius: 0 0 8px 8px;
                                color: #1F2B59;
                                box-shadow: none;
                                position: relative;
                                z-index: 1;
                                position: relative;
                                z-index: 5;
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                -webkit-justify-content: center;
                                justify-content: center;
                                -webkit-align-items: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                -webkit-flex-direction: column;
                                -ms-flex-direction: column;
                                flex-direction: column;
                                background: #F5F7FB;
                                border-radius: 0;
                                border: 1px solid #D7E1EF;
                                border-bottom-left-radius: 8px;
                                border-bottom-right-radius: 8px;
                            }

                            @media (min-width:992px) {
                                .css-bzwr9y {
                                    -webkit-flex-direction: row;
                                    -ms-flex-direction: row;
                                    flex-direction: row;
                                    padding: 3.2rem 0;
                                }
                            }
                        </style>
                        <div class="css-bzwr9y e1nrgnzr4">
                            <style data-emotion="css 1n6oikk">
                                .css-1n6oikk {
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-flex-direction: column;
                                    -ms-flex-direction: column;
                                    flex-direction: column;
                                }

                                @media (min-width:768px) {
                                    .css-1n6oikk {
                                        -webkit-flex-direction: row;
                                        -ms-flex-direction: row;
                                        flex-direction: row;
                                        -webkit-flex: 1;
                                        -ms-flex: 1;
                                        flex: 1;
                                        -webkit-box-pack: center;
                                        -ms-flex-pack: center;
                                        -webkit-justify-content: center;
                                        justify-content: center;
                                    }
                                }
                            </style>
                            <div class="css-1n6oikk e1nrgnzr0">
                                <style data-emotion="css 1en1nu7">
                                    .css-1en1nu7 {
                                        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;
                                    }

                                    .css-1en1nu7:first-of-type {
                                        margin-bottom: 3.6rem;
                                    }

                                    @media (min-width:768px) {
                                        .css-1en1nu7:first-of-type {
                                            margin-bottom: 0;
                                            margin-right: 8.4rem;
                                        }
                                    }
                                </style>
                                <div class="css-1en1nu7 e1nrgnzr1">
                                    <style data-emotion="css 6kqnrw">
                                        .css-6kqnrw {
                                            background: #ffffff;
                                            border-radius: 50%;
                                            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-align-self: center;
                                            -ms-flex-item-align: center;
                                            align-self: center;
                                            padding: 1.6rem;
                                            margin-right: 2.4rem;
                                        }
                                    </style>
                                    <style data-emotion="css 1sgy850">
                                        .css-1sgy850 {
                                            display: -webkit-inline-box;
                                            display: -webkit-inline-flex;
                                            display: -ms-inline-flexbox;
                                            display: inline-flex;
                                            max-width: 100%;
                                            max-height: 100%;
                                            width: var(--chakra-sizes-14);
                                            background: #ffffff;
                                            border-radius: 50%;
                                            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-align-self: center;
                                            -ms-flex-item-align: center;
                                            align-self: center;
                                            padding: 1.6rem;
                                            margin-right: 2.4rem;
                                        }
                                    </style>
                                    <img alt="svg-inline-icon:<?php echo e(asset('assets/images/phone-ringing.svg')); ?>"
                                        class="e1jzidfo1 css-1sgy850"
                                        src="<?php echo e(asset('assets/images/phone-ringing.svg')); ?>" />
                                    <style data-emotion="css 15lifyt">
                                        .css-15lifyt {
                                            display: -webkit-box;
                                            display: -webkit-flex;
                                            display: -ms-flexbox;
                                            display: flex;
                                            -webkit-box-flex-flow: column;
                                            -webkit-flex-flow: column;
                                            -ms-flex-flow: column;
                                            flex-flow: column;
                                            position: relative;
                                        }
                                    </style>
                                    <div class="css-15lifyt e1jzidfo0">
                                        <style data-emotion="css 2lmeh9">
                                            .css-2lmeh9 {
                                                font-size: 1.4rem;
                                                font-weight: 400;
                                                line-height: 2.8rem;
                                                padding-top: 0;
                                                color: #31406F;
                                            }
                                        </style>
                                        <div class="css-2lmeh9 e1jzidfo2">
                                            Call us
                                        </div>
                                        <style data-emotion="css 722b7h">
                                            .css-722b7h {
                                                font-size: 1.6rem;
                                                font-weight: 700;
                                                line-height: 24px;
                                                color: #1F2B59;
                                                -webkit-text-decoration: none;
                                                text-decoration: none;
                                                cursor: pointer;
                                                white-space: nowrap;
                                                letter-spacing: -0.2px;
                                            }
                                        </style>
                                        <a class="css-722b7h e1jzidfo3" href="tel:<?php echo e(config('phone')); ?>"
                                            type="phone">
                                            <?php echo e(config('app.phone')); ?>

                                        </a>
                                        <style data-emotion="css 1lp4j9v">
                                            .css-1lp4j9v {
                                                font-size: 1.2rem;
                                                font-weight: 400;
                                                color: #485885;
                                            }
                                        </style>
                                        <style data-emotion="css 1uz7c3j">
                                            .css-1uz7c3j {
                                                font-size: 1.5rem;
                                                line-height: 1.73;
                                                font-weight: 400;
                                                color: #1F2B59;
                                                text-align: inherit;
                                                padding: 0;
                                                margin: 0;
                                                letter-spacing: 0.2px;
                                                font-size: 1.2rem;
                                                font-weight: 400;
                                                color: #485885;
                                            }

                                            @media (min-width:768px) {
                                                .css-1uz7c3j {
                                                    font-size: 1.5rem;
                                                }
                                            }
                                        </style>
                                        <span class="e1jzidfo4 css-1uz7c3j e4ppuj00">
                                            Mo–Su 8 am-8 pm
                                        </span>
                                    </div>
                                </div>
                                <div class="css-1en1nu7 e1nrgnzr1">
                                    <img alt="svg-inline-icon:<?php echo e(asset('assets/images/email-icon.svg')); ?>"
                                        class="e1jzidfo1 css-1sgy850"
                                        src="<?php echo e(asset('assets/images/email-icon.svg')); ?>" />
                                    <div class="css-15lifyt e1jzidfo0">
                                        <div class="css-2lmeh9 e1jzidfo2">
                                            Email
                                        </div>
                                        <style data-emotion="css 10ig9z3">
                                            .css-10ig9z3 {
                                                font-size: 1.6rem;
                                                font-weight: 700;
                                                line-height: 24px;
                                                color: #3E47DD;
                                                -webkit-text-decoration: underline;
                                                text-decoration: underline;
                                                cursor: pointer;
                                                white-space: nowrap;
                                                letter-spacing: -0.2px;
                                            }

                                            .css-10ig9z3:hover {
                                                color: #3E27C4;
                                            }
                                        </style>
                                        <a class="css-10ig9z3 e1jzidfo3"
                                            href="mailto:<?php echo e(config('app.email')); ?>" type="email">
                                            <?php echo e(config('app.email')); ?>

                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <style data-emotion="css nxugko">
                    .css-nxugko {
                        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-flex-direction: column;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        margin: 0 auto;
                        background: #EDF1F8;
                        padding: 0 1.6rem 4.8rem;
                    }

                    @media (min-width:1200px) {
                        .css-nxugko {
                            padding: 0 3.2rem 6.4rem;
                        }
                    }
                </style>
                <div class="css-nxugko e1xvxr454">
                    <style data-emotion="css ku4yfz">
                        @media (min-width:1200px) {
                            .css-ku4yfz {
                                width: 100%;
                                max-width: 1216px;
                                margin: 0 auto 8.4rem auto;
                            }
                        }

                        @media (min-width:1900px) {
                            .css-ku4yfz {
                                max-width: 1584px;
                                margin: 0 auto 8.4rem auto;
                            }
                        }
                    </style>
                    <div class="css-ku4yfz e1xvxr455">
                        <style data-emotion="css 14qkgy5">
                            .css-14qkgy5 ul {
                                -webkit-box-pack: justify;
                                -webkit-justify-content: space-between;
                                justify-content: space-between;
                                padding: 0;
                            }

                            .css-14qkgy5 li {
                                margin: 0;
                            }

                            @media (max-width:991px) {
                                .css-14qkgy5 {
                                    margin: 0;
                                    width: 100%;
                                }

                                .css-14qkgy5 ul {
                                    width: 100%;
                                }

                                .css-14qkgy5 li {
                                    width: 100%;
                                }
                            }
                        </style>
                        <div class="css-14qkgy5 e1re5m5b0">
                            <style data-emotion="css z33gzp">
                                .css-z33gzp {
                                    font-family: EuclidCircularB, sans-serif;
                                    color: #1F2B59;
                                    font-style: normal;
                                    font-weight: 800;
                                    font-size: 2rem;
                                    line-height: 2.8rem;
                                    letter-spacing: -0.02rem;
                                    max-width: 60rem;
                                    margin: auto;
                                    margin-bottom: 3.2rem;
                                    margin-top: 4.8rem;
                                    text-align: center;
                                }

                                @media  screen and (min-width: 768px) {
                                    .css-z33gzp {
                                        margin-top: 6.4rem;
                                    }
                                }

                                @media  screen and (min-width: 992px) {
                                    .css-z33gzp {
                                        font-size: 2.8rem;
                                        line-height: 3.6rem;
                                        letter-spacing: -0.05rem;
                                        margin-top: 8rem;
                                    }
                                }
                            </style>
                            <h4 class="chakra-heading css-z33gzp" role="heading">
                                You’re not risking anything when you buy a vehicle on <?php echo e(config('app.name')); ?>

                            </h4>

                            <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.guarantee','data' => []]); ?>
<?php $component->withName('guarantee'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<?php /**PATH C:\xampp\htdocs\cavg\resources\views/livewire/pages/index.blade.php ENDPATH**/ ?>