/* Four. */

.four_wrapepr {
	position: relative;
}

.four_img {
	overflow: hidden;

	margin: 0 -60px;
	border-radius: 20px;
}

.four_img img {
	min-height: 264px;
	object-fit: cover;
	object-position: center;
}

.four_net {
	--color: var(--white);

	position: absolute;
	grid-gap: 24px 50px;

	left: 24%;
	bottom: 10%;
}

.four_title {
	font-size: 44px;
	font-weight: 700;
	margin: 0 !important;
}

.four_btn {
	--color: #fff;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	grid-gap: 4px;

	height: 60px;
	padding: 30px;
	color: var(--color);
	font-size: 17px;
	font-weight: 500;
	border-radius: 40px;
	background-color: var(--primary);
	cursor: pointer;

	transition: box-shadow .43s;
}

.four_btn:hover {
	box-shadow: 0 0 32px var(--primary);
}

/* Four. */

@media only screen and (max-width: 1860px) {

	/* Four. */

	.four_img {
		margin: 0;
	}

	.four_net {
		left: 25.5%;
	}

	/* Four. */

}

@media only screen and (max-width: 1200px) {

	/* Four. */

	.four_img {
		margin: 0;
	}

	.four_net {
		position: static;
		flex-direction: column;

		max-width: 400px;
		margin: 24px auto 0;
	}

	.four_title {
		color: var(--black);
	}

	.four_btn {
		width: 100%;
	}

	/* Four. */

}

@media only screen and (max-width: 600px) {

	/* Four. */

	.four_img {
		margin: 0 calc(var(--bone_size) * -1);
	}

	.four_title {
		font-size: 24px;
	}

	/* Four. */

}