<section class="mb-8 bg-white py-8"> <div class="container"> <div class="text-center text-balance mb-6"> <h2 class="h3">Meet your financial needs</h2> <h5 class="text-gray-500 fw-normal">With our products we want to provide efficient solutions to your company.</h5> </div> <div class="d-flex flex-column flex-md-row gap-4"> <article class="card p-4 shadow-sm border-0 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/f08b3d1f-09af-4579-be4f-d8ad75d41d8d/original/girl-image.png" media="(orientation: portrait)"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/f08b3d1f-09af-4579-be4f-d8ad75d41d8d/original/girl-image.png" alt=""> </picture> <h5 class="mb-3">Finance your car</h5> <p class="text-gray-500">Drive off the lot with confidence by financing your car through our streamlined and affordable auto loan solutions. With competitive rates and flexible terms, we make it easy to get behind the wheel of your vehicle.</p> <small class="d-block mt-3 text-secondary">From</small> <div class="d-flex text-secondary align-items-center gap-2 mb-3"> <div class="h4 text-secondary"> $10.000 </div> <div class="small">/ UF 027.071 </div> </div> <a href="#" class="btn btn-outline-secondary rounded-pill d-block w-100">Simulate</a> </article> <article class="card p-4 shadow-sm border-0 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/9e85bf5f-ab22-4cce-8f0e-1f4c7ae05208/original/shopping-image.png" media="(orientation: portrait)"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/9e85bf5f-ab22-4cce-8f0e-1f4c7ae05208/original/shopping-image.png" alt=""> </picture> <h5 class="mb-3">Credit cards</h5> <p class="text-gray-500">Experience convenience and flexibility with our range of credit card options. From earning rewards on everyday purchases to building credit history, our credit cards offer a variety of benefits.</p> <small class="d-block mt-3 text-secondary">From</small> <div class="d-flex text-secondary align-items-center gap-2 mb-3"> <div class="h4 text-secondary"> $2.000 </div> <div class="small">/ UF 027.071 </div> </div> <a href="#" class="btn btn-outline-secondary rounded-pill d-block w-100">Simulate</a> </article> <article class="card p-4 shadow-sm border-0 w-100"> <picture class="mb-4"> <source srcset="https://cdn.modyo.cloud/uploads/d07d4fa8-1586-42eb-bd7f-559b09be5b7e/original/family-image.png" media="(orientation: portrait)"> <img class="mw-100 rounded-1" src="https://cdn.modyo.cloud/uploads/d07d4fa8-1586-42eb-bd7f-559b09be5b7e/original/family-image.png" alt=""> </picture> <h5 class="mb-3">Home Loans</h5> <p class="text-gray-500">Turn your dream of owning a home into reality with our flexible and competitive home loan options. Whether you&#39;re buying your first home, upgrading to a larger space, or refinancing.</p> <small class="d-block mt-3 text-secondary">From</small> <div class="d-flex text-secondary align-items-center gap-2 mb-3"> <div class="h4 text-secondary"> $50.000 </div> <div class="small">/ UF 027.701 </div> </div> <a href="#" class="btn btn-outline-secondary rounded-pill d-block w-100">Simulate</a> </article> </div> </div> </section>

<section class="bg-white py-8"> <div class="container"> <div class="text-balance mb-6 col-12 col-md-6"> <h2 class="h3">Meet your financial needs</h2> <h5 class="text-gray-500 fw-normal">With our products we want to provide efficient solutions to your company.</h5> </div> <div class="d-flex flex-column flex-md-row gap-4"> <article class="card p-4 bg-secondary border-0 w-100 text-bg-secondary"> <picture class="mb-4 text-center p-2"> <source srcset="https://cdn.modyo.cloud/uploads/98a45371-4242-42fe-b654-9b62f90d2035/original/Ilustration-plants.png" media="(orientation: portrait)"> <img class="mw-100 rounded-1" style="height: 240px; object-fit: contain" src="https://cdn.modyo.cloud/uploads/98a45371-4242-42fe-b654-9b62f90d2035/original/Ilustration-plants.png" alt="man and plant"> </picture> <h5 class="mb-2">Business Expansion Loan</h5> <p>Take your business to the next level with our Business Expansion Loan. Whether you&#39;re looking to expand your operations, purchase new equipment. </p> </article> <article class="card p-4 bg-secondary border-0 w-100 text-bg-secondary"> <picture class="mb-4 text-center p-2"> <source srcset="https://cdn.modyo.cloud/uploads/110c79d9-7589-4556-b86d-e7aafa460f29/original/Ilustration-sunny.png" media="(orientation: portrait)"> <img class="mw-100 rounded-1" style="height: 240px; object-fit: contain" src="https://cdn.modyo.cloud/uploads/110c79d9-7589-4556-b86d-e7aafa460f29/original/Ilustration-sunny.png" alt="work man"> </picture> <h5 class="mb-2">Savings Account</h5> <p>Start building your financial future with our Savings Account. Earn competitive interest rates while keeping your funds accessible for emergencies or future goals.</p> </article> <article class="card p-4 bg-secondary border-0 w-100 text-bg-secondary"> <picture class="mb-4 text-center p-2"> <source srcset="https://cdn.modyo.cloud/uploads/563da59a-b7ba-44a1-9d4b-b4de64db6e8e/original/Ilustration-computer.png" media="(orientation: portrait)"> <img class="mw-100 rounded-1" style="height: 240px; object-fit: contain" src="https://cdn.modyo.cloud/uploads/563da59a-b7ba-44a1-9d4b-b4de64db6e8e/original/Ilustration-computer.png" alt="work man 2"> </picture> <h5 class="mb-2">Investment Portfolio Management</h5> <p>Let our expert advisors help you optimize your investment portfolio. From retirement planning to wealth accumulation.</p> </article> </div> </div> </section>

<section class="bg-white py-8"> <div class="container"> <div class="text-center text-balance mb-6"> <img src="https://cdn.modyo.cloud/uploads/44e38e01-51cf-4aec-8cd9-e3de21f8ba41/original/Ilustration-woman-1.png" style="width: 100px"> <h3 class="mt-3">Meet your financial needs</h3> <h5 class="text-gray-500 fw-normal">With our products we want to provide efficient solutions to your company.</h5> </div> <div class="d-flex flex-column flex-md-row gap-4"> <article class="card p-4 border-0 w-100 bg-secondary-soft"> <i class="d-icon bi bi-briefcase mb-4" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-loading-duration: 1.8s; --bs-icon-component-color: var(--bs-secondary); --bs-icon-component-bg-color: rgba(var(--bs-secondary-rgb), 0.1); --bs-icon-component-padding: calc(var(--bs-icon-component-size) * 1);"></i> <h5 class="mb-3 w-50">Working Capital</h5> <p class="mb-2 text-gray-500">Ask us about our financial products that help you run your business more efficiently.</p> <div class="text-end"> <a href="#" class="btn btn-link-secondary"> <span>Simulate</span> <i class="d-icon bi bi-arrow-right" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-loading-duration: 1.8s; --bs-icon-component-padding: 0;"></i> </a> </div> </article> <article class="card p-4 border-0 w-100 bg-secondary-soft"> <i class="d-icon bi bi-cash mb-4" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-loading-duration: 1.8s; --bs-icon-component-color: var(--bs-success); --bs-icon-component-bg-color: rgba(var(--bs-success-rgb), 0.1); --bs-icon-component-padding: calc(var(--bs-icon-component-size) * 1);"></i> <h5 class="mb-3 w-50">Operational Necessities</h5> <p class="mb-2 text-gray-500 flex-grow-1">See how our solutions simplify how you receive and make payments.</p> <div class="text-end"> <a href="#" class="btn btn-link-secondary"> <span>Simulate</span> <i class="d-icon bi bi-arrow-right" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-loading-duration: 1.8s; --bs-icon-component-padding: 0;"></i> </a> </div> </article> <article class="card p-4 border-0 w-100 bg-secondary-soft"> <i class="d-icon bi bi-currency-dollar mb-4" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-loading-duration: 1.8s; --bs-icon-component-color: var(--bs-danger); --bs-icon-component-bg-color: rgba(var(--bs-danger-rgb), 0.1); --bs-icon-component-padding: calc(var(--bs-icon-component-size) * 1);"></i> <h5 class="mb-3 w-75">Save and <br>invest</h5> <p class="mb-2 text-gray-500 flex-grow-1">Obtain greater profitability and leverage the growth of your business.</p> <div class="text-end"> <a href="#" class="btn btn-link-secondary"> <span>Simulate</span> <i class="d-icon bi bi-arrow-right" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-loading-duration: 1.8s; --bs-icon-component-padding: 0;"></i> </a> </div> </article> <article class="card p-4 border-0 w-100 bg-secondary-soft"> <i class="d-icon bi bi-shield-lock mb-4" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-loading-duration: 1.8s; --bs-icon-component-color: var(--bs-warning); --bs-icon-component-bg-color: rgba(var(--bs-warning-rgb), 0.1); --bs-icon-component-padding: calc(var(--bs-icon-component-size) * 1);"></i> <h5 class="mb-3 w-75">Protect your business</h5> <p class="mb-2 text-gray-500 flex-grow-1">Find products that help protect your business from possible risks. </p> <div class="text-end"> <a href="#" class="btn btn-link-secondary"> <span>Simulate</span> <i class="d-icon bi bi-arrow-right" style="--bs-icon-component-size: 1.5rem; --bs-icon-component-loading-duration: 1.8s; --bs-icon-component-padding: 0;"></i> </a> </div> </article> </div> </div> </section>