footer {
	background-color: var(--color-dark-blue);
	color: var(--color-white);
	padding-inline: 3rem;
	padding-block: 3rem;

	@media (width < 500px) {
		padding-inline: 1.5rem;
		padding-block: 2rem;
	}

	.main-content-cont {
		display: grid;
		justify-content: center;
		.img-cont {
			width: min(50%, 250px);
			margin-inline: auto;

			@media (width < 700px) {
				width: min(100%, 250px);
			}
		}
		.links-wrapper {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 1.5rem 3rem;
			margin-inline: auto;
			justify-content: center;
			align-items: center;
			margin-top: 2rem;

			@media (width < 600px) {
				grid-template-columns: 1fr;
			}

			li {
				color: var(--color-white);
				text-align: center;
			}

			i {
				font-size: 1.5rem;
				color: var(--color-dark-blue);
				background-color: var(--color-white);
				border-radius: 100px;
				padding: 0.25rem;
			}
		}
	}
	.sec-content-cont {
		margin-top: 3rem;

		p {
			color: var(--color-gold);
			text-align: center;
		}
	}
}