<div class="bg-white py-8">
	<div class="container">
		<div class="row justify-content-center text-center text-balance mb-6">
			<div class="col-12 col-lg-8">
				<span class="badge badge-light mb-2">Contact us</span>
				<h2 class="h3">Curious about something? Let us know!</h2>
				<p class="fs-5 text-gray-500 mb-0">We’d like to talk more about what you need</p>
			</div>
		</div>

		<div class="row g-4">

			<div class="col-12 col-sm-6 d-flex">
				<div class="w-100 p-4 rounded bg-secondary-soft">
					<div class="bg-white rounded-1 p-3 mb-3 shadow-sm d-inline-flex align-items-center justify-content-center">
						<img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/briefcase.svg" width="24" height="24" alt="">
					</div>
					<h3 class="h5 mb-4">Premium support</h3>
					<p class="mb-4 text-gray-500">Start saving today and watch your money grow with competitive interest rates.</p>
					<p class="mb-2 text-gray-500 d-flex align-items-start gap-2">
						<img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/phone.svg" width="16" height="16" alt="" class="flex-shrink-0 mt-1">
						730 Dyonisie Wolf Bucharest, RO 010459
					</p>
					<p class="mb-0 text-gray-500 d-flex align-items-start gap-2">
						<img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/message-square.svg" width="16" height="16" alt="" class="flex-shrink-0 mt-1">
						hello@creative-tim.com
					</p>
				</div>
			</div>

			<div class="col-12 col-sm-6 d-flex">
				<div class="w-100 p-4 rounded bg-secondary-soft">
					<div class="bg-white rounded-1 p-3 mb-3 shadow-sm d-inline-flex align-items-center justify-content-center">
						<img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/map-pin.svg" width="24" height="24" alt="">
					</div>
					<h3 class="h5 mb-4">Principal office</h3>
					<p class="mb-4 text-gray-500">Principal office 123 Main Street, Cityville, State, 40021 ZIP Code.</p>
					<p class="mb-2 text-gray-500 d-flex align-items-start gap-2">
						<img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/phone.svg" width="16" height="16" alt="" class="flex-shrink-0 mt-1">
						+1 (555) 123-4567
					</p>
					<p class="mb-2 text-gray-500 d-flex align-items-start gap-2">
						<img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/message-square.svg" width="16" height="16" alt="" class="flex-shrink-0 mt-1">
						hello@creative-tim.com
					</p>
					<p class="mb-0 text-gray-500 d-flex align-items-start gap-2">
						<img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/calendar.svg" width="16" height="16" alt="" class="flex-shrink-0 mt-1">
						Monday to Friday: 9:00 AM - 5:00 PM
					</p>
				</div>
			</div>

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

<div class="bg-secondary py-8">
    <div class="container">
        <div class="row justify-content-center text-center text-balance text-white mb-6">
            <div class="col-12 col-lg-8">
                <span class="badge badge-light mb-2">Contact us</span>
                <h2 class="h3">Curious about something? Let us know!</h2>
                <p class="fs-5 fw-normal mb-0">We’d like to talk more about what you need</p>
            </div>
        </div>

        <div class="bg-secondary-soft text-white rounded-2 shadow-lg p-4">
            <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">

                <div class="col text-center">
                    <div class="bg-white rounded-1 p-3 mb-3 shadow-sm d-inline-flex align-items-center justify-content-center">
                        <img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/map-pin.svg" width="24" height="24" alt="">
                    </div>
                    <h3 class="h5 mb-4">Address</h3>
                    <p class="mb-2 text-white-50">Find us at the office</p>
                    <p class="mb-0">121212 First Street, nr 54</p>
                </div>

                <div class="col text-center">
                    <div class="bg-white rounded-1 p-3 mb-3 shadow-sm d-inline-flex align-items-center justify-content-center">
                        <img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/mail.svg" width="24" height="24" alt="">
                    </div>
                    <h3 class="h5 mb-4">Email</h3>
                    <p class="mb-2 text-white-50">Send us your feedback</p>
                    <p class="mb-0">hello@dynamic.com</p>
                </div>

                <div class="col text-center">
                    <div class="bg-white rounded-1 p-3 mb-3 shadow-sm d-inline-flex align-items-center justify-content-center">
                        <img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/phone.svg" width="24" height="24" alt="">
                    </div>
                    <h3 class="h5 mb-4">Phone</h3>
                    <p class="mb-2 text-white-50">Give us a ring</p>
                    <p class="mb-0">+1 (525) 435-1254</p>
                </div>

                <div class="col text-center">
                    <div class="bg-white rounded-1 p-3 mb-3 shadow-sm d-inline-flex align-items-center justify-content-center">
                        <img src="https://cdn.jsdelivr.net/npm/lucide-static@0.544.0/icons/user.svg" width="24" height="24" alt="">
                    </div>
                    <h3 class="h5 mb-4">Premium Support</h3>
                    <p class="mb-2 text-white-50">Personal Executive</p>
                    <p class="mb-0">+1 (525) 142-5614</p>
                </div>

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