.openlane-buyers-refresh-gradient-quadrant-blocks {
	
}

.openlane-buyers-refresh-gradient-quadrant-blocks .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  grid-template-rows: repeat(1, 364px); 
  gap: 32px; 
  margin-top: 0;
  margin-bottom: 0;
}

.openlane-buyers-refresh-gradient-quadrant-blocks .block {
	color: white;
	display: flex;
	justify-content: flex-end;
    position: relative;
	flex-direction: column;
	border-radius: 4px;
	background-size: cover;
	padding: 29px 31px;
	overflow: hidden;
	border-radius: 16px;
}
.openlane-buyers-refresh-gradient-quadrant-blocks .block::before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: " ";
	background: linear-gradient(180deg, rgba(10, 27, 95, 0.00) 0%, #0A1B5F 100%), url(<path-to-image>) transparent 0px -61.89px / 100% 117.09% no-repeat;
}

.openlane-buyers-refresh-gradient-quadrant-blocks .block h3 {
	color: #FFF;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 133.333% */
z-index: 10
}
.openlane-buyers-refresh-gradient-quadrant-blocks .block p {
	color: rgba(255, 255, 255, 0.90);
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
z-index: 10
}

@media (max-width: 1730px) {}
@media (max-width: 1525px) {}
@media (max-width: 1400px) {}
@media (max-width: 1399px) {}
@media (max-width: 1300px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
	.openlane-buyers-refresh-gradient-quadrant-blocks .container {
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: 374px; 
	}
}
@media (max-width: 781px) {}
@media (max-width: 767px) {
	.openlane-buyers-refresh-gradient-quadrant-blocks .block {
		max-width: 400px;
		margin: 0 auto;
	    background-position: right;
	}
}
@media (max-width: 639px) {}
@media (max-width: 600px) {}
@media (max-width: 580px) {}
@media (max-width: 575px) {}
@media (max-width: 420px) {}