.magnit {
	background-color: #151515;
	padding: 60px 0 60px 0;
}
.magnit__top {
	position: relative;
	border-radius: 100px;
	background-color: #fff;
	box-shadow: 0 8px 8px rgba(255, 255, 255, 0.25);
	padding: 20px 50px;
	margin-bottom: 30px;
	font-size: 32px;
	font-weight: bold;
	font-family: var(--ff);
	line-height: 1.1;
	color: rgba(0, 72, 47, 1);
	z-index: 1;
}
.magnit__body:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 40px;
	z-index: 0;
}
.magnit__image {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-height: 100%;
	max-width: 60%;
	z-index: 1!important;
}
.magnit__body {
	position: relative;
	box-shadow: 0 8px 8px rgba(255, 255, 255, 0.25);
	padding: 65px 50px 50px 50px;
	border-radius: 40px;
}
.magnit__text {
	font-family: var(--ff);
}
.magnit__text p {
	font-family: var(--ff);
}
.magnit__title {
	font-size: 42px;
	font-family: var(--ff-title);
	line-height: 1.2;
	margin-bottom: 30px;
	font-weight: 700;
}
.magnit__body > div {
	position: relative;
	z-index: 1;
}
.magnit__btn {
	padding: 50px 0 80px 0;
}


@media (max-width: 800px) {
	.magnit__body {
		padding: 55px 30px 90px 30px;
	}
	.magnit__title {
	    font-size: 35px;
	}
	.magnit__title br,
	.magnit__text br {
		display: none;
	}
	.magnit__image {
	    position: absolute;
	    right: 0;
	    top: auto;
    }
}