<div class="mb-8 bg-white py-8">
	<div class="container">
		<div class="row align-items-center g-5">

			<div class="col-12 col-md-6">
				<h2 class="h3 mb-3">Premium Rewards Credit Card</h2>
				<p class="fs-5 fw-normal text-gray-500">The Premium Rewards Credit Card offers an exclusive experience with top-notch benefits and exceptional rewards.</p>

				<ul class="list-unstyled my-4">
					<li class="d-flex gap-2 my-2 text-gray-500">
						<span class="text-success fw-bold">✓</span>
						Rewards Program: Earn points or miles for every purchase you make with the card, which can be redeemed for travel, merchandise, gift cards, and more.
					</li>
					<li class="d-flex gap-2 my-2 text-gray-500">
						<span class="text-success fw-bold">✓</span>
						Travel Benefits: Access to airport VIP lounges, travel insurance, roadside assistance, and other exclusive perks.
					</li>
					<li class="d-flex gap-2 my-2 text-gray-500">
						<span class="text-success fw-bold">✓</span>
						Personal Concierge: Enjoy 24/7 dedicated concierge service to assist you with travel reservations, events, restaurants, and much more.
					</li>
				</ul>

				<a href="#" class="btn btn-outline-secondary rounded-pill">Simulate</a>
			</div>

			<div class="col-12 col-md-6">
				<img class="img-fluid rounded-1" src="https://cdn.modyo.cloud/uploads/3aa14813-acf5-43eb-989e-e2fead584662/original/credit-card-woman-2.jpg" alt="image credit card">
			</div>

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

<div class="py-8 bg-secondary-soft">
	<div class="container">
		<div class="row align-items-center g-5">

			<div class="col-12 col-md-6">
				<img class="img-fluid rounded-1" src="https://cdn.modyo.cloud/uploads/148875ee-42b9-41e0-b025-56cc3317dbb2/original/student-credit-card.jpg" alt="student credit card">
			</div>

			<div class="col-12 col-md-6">
				<h2 class="h3 mb-3">Student Credit Card</h2>
				<p class="fs-5 fw-normal text-gray-500">The Student Credit Card is ideal for young adults taking their first steps into the financial world.</p>

				<ul class="list-unstyled my-4">
					<li class="d-flex gap-2 my-2 text-gray-500">
						<span class="text-success fw-bold">✓</span>
						No Annual Fee: There is no annual fee associated with this card, making it accessible to students on limited budgets.
					</li>
					<li class="d-flex gap-2 my-2 text-gray-500">
						<span class="text-success fw-bold">✓</span>
						Spending Alerts: Receive real-time notifications about your expenses to help you track your budget and avoid overspending.
					</li>
					<li class="d-flex gap-2 my-2 text-gray-500">
						<span class="text-success fw-bold">✓</span>
						Educational Rewards: Earn rewards for responsible financial habits, such as making on-time payments and keeping low credit balances.
					</li>
				</ul>

				<a href="#" class="btn btn-outline-secondary rounded-pill">Simulate</a>
			</div>

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

<div class="bg-white py-8">
	<div class="container">
		<div class="bg-secondary-soft rounded-2 p-8">
			<div class="row align-items-center g-5">

				<div class="col-12 col-md-6 py-4">
					<h2 class="h3 mb-3">Premium Rewards Credit Card</h2>
					<p class="fs-5 fw-normal text-gray-500">The Premium Rewards Credit Card offers an exclusive experience with top-notch benefits and exceptional rewards.</p>

					<ul class="list-unstyled my-4">
						<li class="d-flex gap-2 my-2 text-gray-500">
							<span class="text-success fw-bold">✓</span>
							Rewards Program: Earn points or miles for every purchase you make with the card, which can be redeemed for travel, merchandise, gift cards, and more.
						</li>
						<li class="d-flex gap-2 my-2 text-gray-500">
							<span class="text-success fw-bold">✓</span>
							Travel Benefits: Access to airport VIP lounges, travel insurance, roadside assistance, and other exclusive perks.
						</li>
						<li class="d-flex gap-2 my-2 text-gray-500">
							<span class="text-success fw-bold">✓</span>
							Personal Concierge: Enjoy 24/7 dedicated concierge service to assist you with travel reservations, events, restaurants, and much more.
						</li>
					</ul>

					<a href="#" class="btn btn-outline-secondary rounded-pill">Simulate</a>
				</div>

				<div class="col-12 col-md-6">
					<img class="img-fluid rounded-1" src="https://cdn.modyo.cloud/uploads/3aa14813-acf5-43eb-989e-e2fead584662/original/credit-card-woman-2.jpg" alt="woman credit card">
				</div>

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

<div class="bg-white py-8">
	<div class="container">
		<div class="row g-5">

			<div class="col-12 col-md-6">
				<img class="img-fluid w-100 rounded-2" src="https://cdn.modyo.cloud/uploads/3966b368-989a-40c8-8f47-929ba7677ff3/original/banner-single-image-3.png" alt="">
			</div>

			<div class="col-12 col-md-6 py-8">
				<span class="badge badge-light mb-2">Our activity</span>
				<h2 class="h3 mb-3">Diversified Investment Portfolio</h2>
				<p class="fs-5 fw-normal text-gray-500">Our Diversified Investment Portfolio is designed to provide investors with a balanced and diversified approach to wealth accumulation.</p>

				<div class="row row-cols-1 row-cols-sm-2 g-4 mt-6">
					<div class="col">
						<h3 class="h4 mb-4">7.5% average</h3>
						<p class="text-gray-500 mb-0">Historically, this portfolio has delivered an average annual return of 7.5% over the past 10 years.</p>
					</div>
					<div class="col">
						<h3 class="h4 mb-4">12% deviation</h3>
						<p class="text-gray-500 mb-0">With a standard deviation of 12%, this portfolio exhibits lower volatility compared to similar investment options.</p>
					</div>
					<div class="col">
						<h3 class="h4 mb-4">0.75% expense ratio</h3>
						<p class="text-gray-500 mb-0">The expense ratio for this portfolio is 0.75%, which includes management fees, administrative costs.</p>
					</div>
					<div class="col">
						<h3 class="h4 mb-4">3-way diversification</h3>
						<p class="text-gray-500 mb-0">The portfolio is allocated as follows: 60% equities, 30% fixed income, and 10% alternative investments.</p>
					</div>
				</div>
			</div>

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