.hero-7 {
	padding-top: clamp(9rem, 11.5vw + 1rem, 13.75rem);
	padding-bottom: clamp(3.75rem, 6.3vw + 1rem, 7.5rem);
	background-image: url(../img/hero-7-bg.png);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	&__shape {
		position: absolute;
		display: none;
		@include media-breakpoint-up(xl) {
			display: block;
		}
		&-1 {
			@include media-breakpoint-up(xl) {
				bottom: 70px;
				left: 0;
				transform: translateX(-50%);
				z-index: 1;
			}
		}
	}
	&-slider__pagination {
		position: static;
		display: flex;
		justify-content: center;
		margin-top: 1rem;
		@include media-breakpoint-up(xl) {
			width: auto !important;
			margin-top: 0;
			position: absolute;
			top: 50% !important;
			right: -1.5rem;
			left: auto !important;
			transform: translateY(-50%);
			flex-direction: column;
			gap: 0.5rem;
		}
		@media (min-width: 1920px) {
			right: -2.5rem;
		}
		.swiper-pagination-bullet-active {
			width: 2.5rem;
			border-radius: 1rem;
			@include media-breakpoint-up(xl) {
				width: 0.5rem;
				height: 2.5rem;
			}
		}
		.swiper-pagination-bullet {
			background-color: $primary;
			@include media-breakpoint-up(xl) {
				margin: 0;
			}
		}
	}
	&__title {
		@include media-breakpoint-up(xl) {
			position: relative;
			isolation: isolate;
			&::after {
				content: url(../img/shape/crown.png);
				position: absolute;
				right: 1rem;
				bottom: 100%;
				transform: translateY(30px);
				pointer-events: none;
			}
		}
	}
}