@charset "utf-8";

.whitescorpion-kv {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
min-height: 100%;
max-height: 100%;
width: 192rem;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
}

.whitescorpion-kv-wrapper {
height: 42.2rem;
overflow: hidden;
position: relative;
}

.whitescorpion-kv-bg {
position: relative;
background: linear-gradient(to bottom, #5f0e09, #000000);
z-index: 1;
}
.whitescorpion-kv-bg::before {
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 100%;
content: '';
background: linear-gradient(to bottom, #410704, #000000);
z-index: -1;
}


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

	.whitescorpion-kv {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transform: translate(0%, 0%);
	}
    
    .whitescorpion-kv-wrapper {height: auto;}
}