section.finished {
	overflow: hidden;
}

section.finished .con {
	max-width: 700px;
	width: 100%;
	margin-left: auto;
	position: relative;
}

section.finished .image_container {
	max-width: 727px;
	width: 100%;
	position: relative;
	overflow: visible;
	margin: auto;
	z-index: 1;
}

section.finished .owl-dots {
	position: absolute;
	bottom: 6%;
	margin-top: 0 !important;
	display: flex;
	gap: 5px;
	right: -33%;
}

section.finished .owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 5px;
	margin: 0;
	border-radius: unset;
	background: var(--gray);
}

section.finished .owl-theme .owl-dots .owl-dot.active span {
	background: var(--yellow);
	width: 45px;
}

section.finished .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--gray);
}

@media (min-width: 1200px) {
	section.finished .wrapper::before {
		content: "";
		position: absolute;
		top: -100px;
		bottom: -100px;
		left: 0;
		right: 0;
		background: linear-gradient(to left, var(--black) 66%, transparent 66%);
		clip-path: polygon(52% 0%, 100% 0, 100% 100%, 42% 100%);
		z-index: -1;
	}

	section.finished .container-fluid::before {
		background: url(../../assets/img/homepage/finished_bg.svg);
		content: "";
		position: absolute;
		width: 22.5%;
		height: 55%;
		right: 46px;
		bottom: -100px;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

@media (max-width: 1199px) {
	section.finished .owl-dots {
		margin-left: 42px;
	}

	section.finished .con {
		max-width: unset;
		padding-bottom: 70px;
		background: linear-gradient(to right, var(--black) 100%, transparent 100%);
		clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
		margin-top: -70px;
		padding-top: 70px;
	}

	section.finished {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	section.finished .con h2,
	section.finished .con p,
	section.finished .con .cta_container,
	section.finished .image_container {
		max-width: 700px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 30px;
		padding-right: 30px;
	}

	section.finished .con h2 {
		margin-top: 30px;
	}

	section.finished .owl-dots {
		width: 100%;
		justify-content: center;
		right: unset;
		position: relative;
		bottom: 0;
		margin-top: 30px !important;
	}
}

@media (max-width: 991px) {
	section.finished .con {
		clip-path: polygon(2% 0%, 100% 0, 100% 100%, 0% 100%);
	}
}

@media (max-width: 767px) {
	section.finished .con h2,
	section.finished .con p,
	section.finished .con .cta_container,
	section.finished .image_container {
		padding-left: 20px;
		padding-right: 20px;
	}

	section.finished .con {
		clip-path: unset;
		padding-bottom: 50px;
	}

	section.finished .owl-dots {
		margin: unset;
		width: 100%;
		justify-content: center;
	}

	section.finished .owl-theme .owl-dots .owl-dot span {
		width: 32px;
	}
}