:root{
	--img_width:14rem;
	--img_margin:4rem;
}
.advantage-i1{
	position:absolute;
	border-radius:inherit;
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center;
	top:0;
	left:0;
	z-index:20;
}
.advantage-i2{
	margin-right:var(--img_margin);
	border-radius:0.3rem;
	aspect-ratio:4/3;
	height:auto;
	min-width:var(--img_width);
	width:var(--img_width);
	object-fit:cover;
	object-position:center;
}
.advantage-i3{
	width:2.5rem;
	min-width:2.5rem;
	height:2.5rem;
	object-fit:contain;
	margin-right:1.5rem;
}
.advantage-m1{
	padding-top:10rem;
	padding-bottom:8rem;
}
.advantage-m2{
	margin-bottom:5rem;
}
.advantage-m3{
	margin-bottom:1rem;
}
.advantage-m4{
	margin-top:5rem;
}
.advantage-m5{
	padding-bottom:0rem !important;
}
.advantage-m6{
	padding-bottom:8rem;
}
.advantage-e1{
	padding:1rem 3rem 1rem 1rem;
	background:rgba(0,0,0,0.3);
	border-radius:0.3rem;
}
.advantage-e1:hover{
	box-shadow:0 0 0 0.5rem var(--c4);
	background:rgba(0,0,0,0.6);
}
.advantage-e1::after{
	content:'';
	position:absolute;
	top:50%;
	right:1rem;
	width:2px;
	height:3rem;
	border-right:2px dotted var(--c9);
	transform:translate(0,-50%);
}
.advantage-e2{
	position:sticky;
	top:30%;
	padding:2rem;
	border-radius:0.3rem;
	grid-gap:2rem;
}
.advantage-e3{
	background-color:var(--c11);
}
.advantage-e4{
	border-radius:0;
	padding:11rem 3rem 3rem 3rem;
	top:unset;
	bottom:0;
	align-self:flex-end;
}
.advantage-e4 .advantage-e5{
	left:3rem;
}
.advantage-e4 button{
	left:3rem;
}
.advantage-e4 div{
	left:3rem;
}
.advantage-e4 h3{
	left:3rem;
}
.advantage-e5{
	border-radius:2rem 2rem 0 0;
	object-fit:cover;
	object-position:center top;
	box-shadow:0 0 4rem -2rem var(--c3);
}
.advantage-e6{
	z-index:-1;
	display:flex;
	width:40rem;
	height:40rem;
	position:absolute;
	transform:translate(-50%,-50%);
	animation:infinite advantage-a1 50s ease-out;
	background: radial-gradient(circle, rgba(245,255,0,0.1) 0%, rgba(255,235,0,0) 60%);
}
.advantage-e7{
	z-index:-1;
	display:flex;
	width:50rem;
	height:50rem;
	position:absolute;
	transform:translate(-50%,-50%);
	animation:infinite advantage-a2 40s ease-out;
	background: radial-gradient(circle, rgba(245,255,0,0.05) 0%, rgba(255,235,0,0) 60%);
}
.advantage-e8{
	z-index:-1;
	display:flex;
	width:50rem;
	height:50rem;
	position:absolute;
	transform:translate(-50%,-50%);
	animation:infinite advantage-a3 30s ease-out;
	background: radial-gradient(circle, rgba(245,255,0,0.05) 0%, rgba(255,235,0,0) 60%);
}

@keyframes advantage-a1{
	0%{
		top:0rem;
		left:-5rem;
	}
	30%{
		top:70%;
		left:20%;
	}
	70%{
		top:5rem;
		left:90%;
	}
	100%{
		top:0rem;
		left:-5rem;
	}
}

@keyframes advantage-a2{
	0%{
		top:5rem;
		left:90%;
	}
	20%{
		top:20%;
		left:110%;
	}
	50%{
		top:70%;
		left:20%;
	}
	80%{
		top:100%;
		left:100%;
	}
	100%{
		top:5rem;
		left:90%;
	}
}

@keyframes advantage-a3{
	0%{
		top:70%;
		left:20%;
	}
	20%{
		top:10%;
		left:10%;
	}
	50%{
		top:90%;
		left:30%;
	}
	80%{
		top:40%;
		left:90%;
	}
	100%{
		top:70%;
		left:20%;
	}
}

@media screen and (max-width:1300px){
	:root{
		--img_margin:2rem;
		--img_width:9rem;
	}
	.advantage-e2{
		top:15rem;
	}
	.advantage-i2{
		aspect-ratio:3/4;
	}
	.advantage-e4{
		padding:9rem 3rem 3rem 3rem;
	}
}

@media screen and (max-width:1100px){
	:root{
		--img_margin:1.5rem;
		--img_width:7rem;
	}
}

@media screen and (max-width:1000px){
	.advantage-e2{
		position:relative;
		top:unset;
		margin-top:5rem;
	}
	:root{
		--img_margin:4rem;
		--img_width:14rem;
	}
	.advantage-i2{
		aspect-ratio:4/3;
	}
	.advantage-e4{
		margin:auto;
		max-width:500px;
		padding:12rem 4rem 3rem 4rem;
	}
	.advantage-e4 .advantage-e5{
		left:0rem;
	}
	.advantage-e4 button{
		left:0rem;
	}
	.advantage-e4 div{
		left:0rem;
	}
	.advantage-e4 h3{
		left:0rem;
	}
}

@media screen and (max-width:800px){
	.advantage-m1{
		padding-top:6rem;
		padding-bottom:5rem;
	}
	.advantage-m2{
		margin-bottom:3rem;
	}
}

@media screen and (max-width:700px){
	:root{
		--img_margin:1.5rem;
		--img_width:7rem;
	}
	.advantage-i2{
		aspect-ratio:3/4;
	}
}

@media screen and (max-width:500px){
	:root{
		--img_margin:1.5rem;
		--img_width:100%;
	}
	.advantage-e1{
		flex-direction:column !important;
		padding:1.5rem 1.5rem 3rem 1.5rem;
		box-shadow:0 0 0 0.3rem var(--c4);
	}
	.advantage-e1::after{
		width:3rem;
		height:2px;
		bottom:0.5rem;
		left:50%;
		right:unset;
		top:unset;
		transform:translate(-50%,0);
		border:0;
		border-bottom:2px solid var(--c9);
	}
	.advantage-i2{
		object-position:center;
		aspect-ratio:3/2;
		margin:0;
		margin-bottom:var(--img_margin);
	}
}