@use "./abstracts/colors" as *;
@use "./abstracts/fonts" as *;

.index-made-by-us {
	.list-card {
		display: flex;
		flex-direction: column;
	}
}

section.services-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	div.service-type {
		width: 22rem;
		margin: 1.5rem 2rem;
		display: flex;
		flex-direction: column;
		align-items: center;

		.service-type-header {
			display: flex;
			flex-direction: column;
			align-items: center;
			height: 300px;

			.service-name {
				text-align: center;
				font-size: 2rem;
			}

			.service-type-image {
				height: 150px;
				margin-left: auto;
				margin-right: auto;
			}
		}
		.service-description {
			line-height: 1.7rem;
			margin: 0 0 5px 0;
		}

		a.service-link {
			margin-top: 0;

			& > span {
				margin: 0;
				color: $primary;
				font-weight: bold;
			}
		}
	}
}
