.inspections-hero-block { position: relative; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center;   background-size: cover;   max-height: 100vh;   z-index: 0;   height: 100vh;   display: flex;   justify-content: center;   align-items: center;   overflow: hidden;}
.inspections-hero-block .container { height: 100vh; display: flex; flex-direction: column; justify-content: center; gap: 1.5rem;}
.inspections-hero-block .container>* { max-width: 75%; margin: 0; }
.inspections-hero-block .container h3 { max-width: 65%; }
.inspections-hero-block .background-video, .openlane-dealerfest-2025-hero-block .background-image { position: absolute; height: 100%; width: 177.77777778vh; min-width: 100%; min-height: 61.25vw;}
.inspections-hero-block .background-image { display: none}
.inspections-hero-block .gradient { background: rgba(15, 30, 80, 1); background: linear-gradient(180deg,rgba(10, 27, 95, .65) 0%, rgba(10, 27, 95, 1) 86%);z-index: 0;     width: 100vw;     position: absolute;     height: 100vh; }
.inspections-hero-block .scroll-down {
	text-align: center; color: #d0dffc; cursor: pointer;display: flex;flex-direction: column;justify-content: center;align-items: center;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
        font-family: "Poppins", sans-serif;		
}
.inspections-hero-block .container { margin-left: 60px; }
.fr main h1 { font-size: 54px; }
    .inspections-hero-block .scroll-down:hover svg {
      animation: bounce-animation 1s ease-in-out infinite; /* Adjust duration and timing function */
    }
   @keyframes bounce-animation {
      0%, 100% {
        transform: translateY(0); /* Starting and ending position */
      }
      50% {
        transform: translateY(-5px); /* Peak of the bounce (adjust value as needed) */
      }
    }
@media only screen and (max-width: 1440px) {
        
}
@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1199px) {
.inspections-hero-block .container>* { max-width: 85%; margin-left: 12px; }
.inspections-hero-block .container h3 { max-width: 75%; }
}
@media only screen and (max-width: 1066px) {
  .inspections-hero-block .container > * {
    max-width: 95%;
    margin-left: 12px;
  }
  .inspections-hero-block .container h3 {
	max-width: 84%;
  }
}
@media only screen and (max-width: 1024px) {
.inspections-hero-block .container>* { max-width: 100%;}
.inspections-hero-block .container h3 { max-width: 85%; }
    
}
@media only screen and (max-width: 991px) {
.inspections-hero-block .container a {margin: 0 auto;}
.inspections-hero-block .container>* { max-width: 100%; margin: 0;  text-align: center;}
.inspections-hero-block .container h3 { max-width: 75%; text-align: center; margin: 0 auto; }

.inspections-hero-block .container { margin-left: auto; }
}
@media only screen and (max-width: 767px) {
    .inspections-hero-block .background-video { display: none !important; visibility: hidden !important; pointer-events: none !important;}
    .inspections-hero-block .background-image { display: initial !important}
    
}
@media only screen and (max-width: 575px) {
.inspections-hero-block .container span { display: block;}
    
}

@media only screen and (max-width: 554px) {
.inspections-hero-block .container h1 { max-width: 90%; margin: 0 auto;}
    
}
@media only screen and (max-width: 390px) {
    
.inspections-hero-block .container h1 { max-width: 100%;          margin: 0 auto;          font-size: 40px;}
.inspections-hero-block .container h3 { max-width: 100%;}
.inspections-hero-block .container h3, .inspections-hero-block .container a,.inspections-hero-block .container p { font-size: 14px; }
.inspections-hero-block a svg {    height: 34px;}

}