Tailwind Features Components in Consulty library

<section class="px-8 md:px-24 py-32">
    <div class="relative mb-6" style="height:505px;">
        <img class="absolute inset-0 w-full h-full object-cover rounded-2xl" src="consulty-assets/features/picture1.png" alt="">
        <div class="absolute left-8 bottom-8 md:left-14 md:bottom-14">
            <h1 class="font-heading tracking-tight text-white text-4xl md:text-5xl lg:text-6xl font-medium max-w-sm md:max-w-xl lg:max-w-2xl">Elevate your vision, multiply your success</h1>
        </div>
    </div>
    <div class="flex flex-wrap -m-4">
        <div class="w-full lg:w-1/3 p-4">
            <div class="bg-gray-50 rounded-2xl p-10 h-full">
                <div class="bg-white rounded-full w-20 h-20 flex items-center justify-center mb-10">
                    <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none">
                        <path d="M19 6.89411C20.1605 5.57928 21.8584 4.75 23.75 4.75C27.2478 4.75 30.0833 7.58553 30.0833 11.0833C30.0833 14.5811 27.2478 17.4167 23.75 17.4167C21.8584 17.4167 20.1605 16.5874 19 15.2726M23.75 33.25H4.75V31.6667C4.75 26.42 9.00329 22.1667 14.25 22.1667C19.4967 22.1667 23.75 26.42 23.75 31.6667V33.25ZM23.75 33.25H33.25V31.6667C33.25 26.42 28.9967 22.1667 23.75 22.1667C22.0196 22.1667 20.3973 22.6293 19 23.4376M20.5833 11.0833C20.5833 14.5811 17.7478 17.4167 14.25 17.4167C10.7522 17.4167 7.91667 14.5811 7.91667 11.0833C7.91667 7.58553 10.7522 4.75 14.25 4.75C17.7478 4.75 20.5833 7.58553 20.5833 11.0833Z" stroke="#FF8A0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                </div>
                <p class="tracking-tight text-xl font-semibold mb-4">Consultancy</p>
                <p class="tracking-tight text-gray-700 max-w-xs">It is a long established fact that a reader will be content distracted by the readable many content of a page when it looking.</p>
            </div>
        </div>
        <div class="w-full lg:w-1/3 p-4">
            <div class="bg-gray-50 rounded-2xl p-10 h-full">
                <div class="bg-white rounded-full w-20 h-20 flex items-center justify-center mb-10">
                    <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none">
                        <path d="M14.25 19H23.75M14.25 25.3333H23.75M26.9166 33.25H11.0833C9.33439 33.25 7.91663 31.8322 7.91663 30.0833V7.91667C7.91663 6.16776 9.33439 4.75 11.0833 4.75H19.9275C20.3474 4.75 20.7501 4.91682 21.047 5.21375L29.6195 13.7863C29.9165 14.0832 30.0833 14.4859 30.0833 14.9058V30.0833C30.0833 31.8322 28.6655 33.25 26.9166 33.25Z" stroke="#FF8A0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                </div>
                <p class="tracking-tight text-xl font-semibold mb-4">Audit &amp; assurance</p>
                <p class="tracking-tight text-gray-700 max-w-xs">It is a long established fact that a reader will be content distracted by the readable many content of a page when it looking.</p>
            </div>
        </div>
        <div class="w-full lg:w-1/3 p-4">
            <div class="bg-gray-50 rounded-2xl p-10 h-full">
                <div class="bg-white rounded-full w-20 h-20 flex items-center justify-center mb-10">
                    <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none">
                        <path d="M22.3592 14.9054C22.7212 15.3225 23.3528 15.3673 23.7699 15.0053C24.1871 14.6433 24.2318 14.0118 23.8698 13.5946L22.3592 14.9054ZM15.6408 23.0946C15.2788 22.6775 14.6473 22.6327 14.2301 22.9947C13.813 23.3567 13.7682 23.9882 14.1302 24.4054L15.6408 23.0946ZM20 11.0833C20 10.531 19.5523 10.0833 19 10.0833C18.4477 10.0833 18 10.531 18 11.0833H20ZM18 26.9166C18 27.4689 18.4477 27.9167 19 27.9167C19.5523 27.9167 20 27.469 20 26.9167L18 26.9166ZM32.25 19C32.25 26.3178 26.3178 32.25 19 32.25V34.25C27.4223 34.25 34.25 27.4223 34.25 19H32.25ZM19 32.25C11.6822 32.25 5.75 26.3178 5.75 19H3.75C3.75 27.4223 10.5777 34.25 19 34.25V32.25ZM5.75 19C5.75 11.6822 11.6822 5.75 19 5.75V3.75C10.5777 3.75 3.75 10.5777 3.75 19H5.75ZM19 5.75C26.3178 5.75 32.25 11.6822 32.25 19H34.25C34.25 10.5777 27.4223 3.75 19 3.75V5.75ZM19 18C17.8582 18 16.8698 17.6897 16.1959 17.2405C15.5151 16.7866 15.25 16.2694 15.25 15.8333H13.25C13.25 17.1462 14.0482 18.2123 15.0865 18.9046C16.1319 19.6015 17.5184 20 19 20V18ZM15.25 15.8333C15.25 15.3973 15.5151 14.8801 16.1959 14.4262C16.8698 13.977 17.8582 13.6667 19 13.6667V11.6667C17.5184 11.6667 16.1319 12.0652 15.0865 12.7621C14.0482 13.4544 13.25 14.5205 13.25 15.8333H15.25ZM19 13.6667C20.5515 13.6667 21.7763 14.2336 22.3592 14.9054L23.8698 13.5946C22.8102 12.3734 20.9648 11.6667 19 11.6667V13.6667ZM19 20C20.1418 20 21.1303 20.3103 21.8041 20.7595C22.4849 21.2134 22.75 21.7306 22.75 22.1667H24.75C24.75 20.8538 23.9518 19.7877 22.9135 19.0954C21.8681 18.3985 20.4816 18 19 18V20ZM18 11.0833V12.6667H20V11.0833H18ZM18 25.3333L18 26.9166L20 26.9167L20 25.3334L18 25.3333ZM19 24.3333C17.4485 24.3333 16.2237 23.7664 15.6408 23.0946L14.1302 24.4054C15.1899 25.6266 17.0352 26.3333 19 26.3333L19 24.3333ZM22.75 22.1667C22.75 22.6027 22.4849 23.1199 21.8041 23.5738C21.1303 24.023 20.1418 24.3333 19 24.3333V26.3333C20.4816 26.3333 21.8681 25.9348 22.9135 25.2379C23.9519 24.5456 24.75 23.4795 24.75 22.1667H22.75ZM18 12.6667L18 25.3333L20 25.3333L20 12.6667L18 12.6667Z" fill="#FF8A0A"></path>
                    </svg>
                </div>
                <p class="tracking-tight text-xl font-semibold mb-4">Tax planning services</p>
                <p class="tracking-tight text-gray-700 max-w-xs">It is a long established fact that a reader will be content distracted by the readable many content of a page when it looking.</p>
            </div>
        </div>
    </div>
</section>