.content--1 {
	position: relative;
	z-index: 2;
	padding:10rem 8rem 2rem 8rem;
	& .ovr {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 20rem;
		& .ovr {
			background: linear-gradient(0deg, var(--bg) 0%, transparent 62%);
		}
		& img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	& .cont {
		position: relative;
		z-index: 2;
		background-color: var(--bg);
		padding: 2rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		& .img {
			position: relative;
			z-index: 3;
			width: 10rem;
			height: 5rem;
			& div {
				position: relative;
				z-index: 3;
				transform: translate(0, -7rem);
				background-color: var(--bg);
				padding: 2rem;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 10rem;
				height: 10rem;
				& img {
					aspect-ratio: 1 / 1;
					width: 10rem;
				}
			}
		}
		& .text {
			line-height: 180%;
			font-weight: 300;
			& h2, & h3, & h4, & h5, & h6 {
				text-align: center;
			}
		}
	}
	@media (max-width: 767px) {
		width: 100%;
		padding:10rem var(--pd) var(--pd) var(--pd);
	}
}