:root {
	/* --ui-offset: max(0px, calc((2500px - 100vw)/2)); */
	--ui-offset: min(00px, max(-300px, calc(100vw - 3000px)/2));

}

body {
	padding-top: 0;
}

.openlane-buyers-refresh-hero .wp-block-button:where(.is-style-outline) .wp-block-button__link:not(.has-text-color) {
	color: white;
}

.openlane-buyers-refresh-hero .wp-block-button:not(.is-style-outline)>a {
	background-color: white;
	color: #0061ff;
}

.openlane-buyers-refresh-hero .is-style-outline>a {
	border-color: white;
	background-color: transparent;
}

.openlane-buyers-refresh-hero .wp-block-button:not(.is-style-outline)>a:hover {
	color: white;
	background-color: #0061ff;
}

.openlane-buyers-refresh-hero .is-style-outline>a:hover {
	background-color: white;
	border-color: white;
	color: #0061FF !important;
}

.openlane-buyers-refresh-hero {
	/* height: 100vh; */
	display: flex;
	align-items: center;
	position: relative;
	background-repeat: no-repeat;
	background-color: #0A1B5F;
	background-position: bottom;
	background-size: 0 0;
	overflow: hidden;
	min-height: 850px;
}

.openlane-buyers-refresh-hero .container {
	display: flex;
	z-index: 100;
}

.openlane-buyers-refresh-hero h1 {
	color: #FFF;
	font-family: Poppins;
	font-size: 72px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -2.16px;
}

.openlane-buyers-refresh-hero p {
	color: var(--Background-Default, #F5F5F5);
	font-family: Poppins;
	font-size: var(--Font-Body-Large, 20px);
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.openlane-buyers-refresh-hero .button-group {
	display: flex;
	flex-direction: row;
}

.openlane-buyers-refresh-hero .wp-block-buttons {
	justify-content: left;
	margin-top: 24px;
}


.openlane-buyers-refresh-hero .left-content,
.openlane-buyers-refresh-hero .right-content {
	width: 50%;

}

.openlane-buyers-refresh-hero .truck-img::before,
.openlane-buyers-refresh-hero .truck-img-overlay::before {
	/* background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(8, 27, 255, 1) 100%); */
	position: absolute;
	z-index: 0;
}

.openlane-buyers-refresh-hero .truck-img-overlay::before {
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(8, 27, 95, 1) 100%);
	content: " ";
	width: 250px;
	height: 100%;
	top: 0;
	left: 0;

}

.openlane-buyers-refresh-hero .truck-img::before {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(8, 27, 95, 1) 100%);
	/* content: " "; */
	width: 100%;
	height: 250px;
	bottom: 0;
	left: 0;
}

.openlane-buyers-refresh-hero .truck-img-overlay,
.openlane-buyers-refresh-hero .truck-img {
	position: absolute;
	z-index: 0;
	right: var(--ui-offset);
	top: 0;
	height: 100%;
}


.openlane-buyers-refresh-hero .truck-img-overlay {
	z-index: 10;
}

.openlane-buyers-refresh-hero .truck-img-overlay img,
.openlane-buyers-refresh-hero .truck-img img {
	height: 100%;
}

.openlane-buyers-refresh-hero .ui-img {
	height: 220px;
	z-index: 12;
	position: absolute;
	/* right: calc(700px - var(--ui-offset)); */
	right: calc(800px + var(--ui-offset));
	top: 18%;
	backdrop-filter: blur(5px);
	border-radius: 12px;
}

.openlane-buyers-refresh-hero .right-content {
	display: flex;
}

.openlane-buyers-refresh-hero .right-content img {
	margin-left: auto;
	height: 17vh;
}


@media (max-width: 1600px) {
	:root {
		--ui-offset: calc(-300px - calc(1600px - 100vw)/2);
	}
}
@media (max-width: 1400px) {
	:root {
		/* --ui-offset: 100px; */
	}

}

@media (max-width: 1200px) {

	/* @media (max-width: 1199px) {
	.openlane-buyers-refresh-hero {
		height: 1200px !important;
	}
	.openlane-buyers-refresh-hero .truck-img-overlay,
	.openlane-buyers-refresh-hero .truck-img {
		right: calc(400px - var(--ui-offset));
	}

	.openlane-buyers-refresh-hero .ui-img {
		height: 250px;
		top: 19%;
		right: calc(850px - var(--ui-offset));
	} */
	:root {
		/* --ui-offset: 200px; */
	}


}

@media (max-width: 991px) {
	.openlane-buyers-refresh-hero .wp-block-buttons.is-layout-flex {
		flex-direction: row;
	}


	.openlane-buyers-refresh-hero {
		align-items: flex-start;
		background-size: cover;
		height: 1300px !important;
	}

	.openlane-buyers-refresh-hero h1 {
		color: #FFF;
		font-family: Poppins;
		font-size: 64px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: -2.4px;
	}

	.openlane-buyers-refresh-hero .truck-img-overlay,
	.openlane-buyers-refresh-hero .truck-img,
	.openlane-buyers-refresh-hero .ui-img {
		display: none;
	}

	.openlane-buyers-refresh-hero .left-content,
	.openlane-buyers-refresh-hero .right-content {
		width: 100%;
	}

	.openlane-buyers-refresh-hero .container {
		margin-top: 120px;
	}

	.openlane-buyers-refresh-hero {
		align-items: flex-start;
		background-size: cover;
		background-size: 100%;
		height: 130vh !important;
		min-height: 1400px;
		max-height: 1400px;
	}

}

@media (max-width: 767px) {

	.openlane-buyers-refresh-hero {
		align-items: flex-start;
		background-size: cover;
		background-size: 100%;
		height: 110vh !important;
		min-height: 1150px;
	}
	.openlane-buyers-refresh-hero h1 {
		color: #FFF;
		font-family: Poppins;
		font-size: 48px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: -2.4px;
	}
}

@media (max-width: 639px) {
	.openlane-buyers-refresh-hero {
		align-items: flex-start;
		background-size: cover;
		background-size: 100%;
		height: 100vh !important;
		min-height: 1050px;
	}
}

@media (max-width: 600px) {}

@media (max-width: 580px) {}

@media (max-width: 575px) {}

@media (max-width: 420px) {}

@media (min-width: 420px) {}