.feature-blocks {

	width: 100%;

	.blocks {

		display: flex;

		@media screen and (max-width: 768px) {
			flex-wrap: wrap;
			width: 100%;
		}

		.block {

			display: inline-flex;
			padding: 0 7px;
			width: 33.3%;

			@media screen and (max-width: 768px) {
				width: 100%;
				padding: 0;
				margin: 0 0 6px 0;
				display: flex;
			}

			&.centered {

				.inner {
					.content {
						justify-content: center;
						align-items: center;
						text-align: center;
					}
				}

			}

			&:not(.centered) {
				.inner {
					.content {
						.block-title {
							padding-right: 60px;
						}
					}
				}
			}

			.inner {

				position: relative;
				min-height: 250px;
				border-radius: 20px;
				overflow: hidden;

				@media screen and (max-width: 768px) {
					width: 100%;
				}

				img {

					width: 100%;
					height: 100%;
					object-fit: cover;

				}

				.content {

					position: absolute;
					padding: 30px;
					top: 0;
					left: 0;
					width: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					height: 100%;

					.block-title,
					.block-content {
						color: var(--white);
					}

					.btn-container {
						.btn {
							@media screen and (max-width: 990px) {
								min-width: unset;
							}
						}
					}

				}

			}

		}

	}

}