</a>
                        </div>
                    </form>
                </div>
            </div>

            <div class="mt-8 md:mt-24 sm:flex sm:items-center">
                <h3 class="text-blue-500 dark:text-blue-400 sm:w-1/2">Social networks</h3>

                <div class="flex items-center mt-4 sm:mt-0 -mx-1.5 sm:w-1/2">
                    <a class="mx-1.5 dark:hover:text-blue-400 text-gray-400 transition-colors duration-300 transform hover:text-blue-500" href="#">
                       