Need estimate

<div class="bg-[#141B26]">

    <div class="bg-primary bg-opacity-50">

        <div class="flex md:flex-row flex-col justify-between bg-cover bg-center"

             style="<?= renderImageUrl('landing-estimate.png', 'cms', 'background-blur') ?>"

            <?= renderImageUrl('landing-estimate.png', 'cms', 'background') ?>>

            <div class="container-desktop flex md:flex-row flex-col justify-between md:gap-20 md:px-20 md:py-20 md:pb-32">

                <div class="flex flex-col text-white gap-5 py-10 px-5 md:p-0">

                    <h1 class="text-4xl md:text-5.25xl font-bold leading-[54px]">Besoin d'une estimation ?</h1>

                    <div class="flex flex-col gap-2">

                        <div class="flex gap-4">

                            <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                            <span>Estimation gratuite sans engagement</span>

                        </div>

                        <div class="flex gap-4">

                            <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                            <span>500 experts Tressol Chabrier, un réseau de confiance</span>

                        </div>

                        <div class="flex gap-4">

                            <?= icon('check-blue-colored', 'w-5.5 shrink-0'); ?>

                            <span>Une estimation précise au centime près</span>

                        </div>

                    </div>

                </div>

                <div class="flex flex-col lg:flex-row bg-white rounded-t-[15px] md:rounded-[15px] p-9 gap-10 max-w-[750px] shadow-[0_22px_33px_-23px_rgba(34,42,81,0.2)] md:shadow-none">

                    <div class="flex flex-col lg:w-2/5 gap-2.5">

                        <span class="font-medium text-2xl">Estimer mon véhicule</span>

                        <span>Revendez votre véhicule au meilleur prix, sans risque et en quelques minutes</span>

                    </div>

                    <div class="flex flex-col lg:w-4/5 gap-7">

                        <div class="form-element form-license-plate w-full">

                            <label for="license-plate">

                        <span class="form-license-plate__decorative">

                            <?= icon('european-stars-colored', 'w-5.5'); ?>

                            <span>F</span>

                        </span>

                                <input x-ref="licensePlate" class="w-full" type="text" id="license-plate"

                                       name="license-plate"

                                       placeholder="ex BB 466 ZZ...">

                                <span class="form-license-plate__decorative">

                            <?= icon('flower', 'w-5.5'); ?>

                        <span>00</span>

                    </span>

                            </label>

                        </div>

                        <button class="btn btn-primary py-2.75 md:px-13 flex-1 md:flex-none">Estimer mon véhicule

                        </button>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>