.vehicle-info-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 500px));
    gap: clamp(2rem, 1.143rem + 4.571vi, 4rem);
}
.vehicle-info-container{
    width: 100% ;
}
.vehicle-info{
    display: flex;
    background-color: rgb(33, 33, 33);
    height: 100%;
    width: auto;
    padding:clamp(1rem, 0rem + 4vi, 2.5rem);
    border-top: 2px solid var(--gold) ;
    border-radius: 30px;
    transition: box-shadow 0.2s ease-in-out,
                transform 0.2s ease-in-out 
    ;
    align-self:center;
}
.vehicle-info:hover,
.active-vehicle-info{
    box-shadow: 0px 0px 10px var(--gold);
    transform: scale(1.03);
}




.vehicle-info-details{
    flex: 1;
    display: flex;
    flex-direction: column;

    position: relative;
}
.vehicle-type{
    font-size: clamp(1rem, 0.786rem + 1.143vi, 1.5rem);
    font-weight: 1000;
    letter-spacing: 6px;
    padding: 0.3rem 0.3rem 0.3rem 0px; 
}
.vehicle-best-suits{
    color: rgb(181, 180, 180);
    font-size:clamp(1rem, 0.92rem + 0.428vi, 1.187rem);
}
.vehicle-details-grid{
    
    column-gap:clamp(0.313rem, 0.208rem + 0.521vi, 0.625rem);
    padding-top:20px;

    display: flex;
}
.passenger-count,
.ac-availabilty{
    height: auto;
    background-color: rgb(67, 67, 67);
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    font-size:clamp(0.5rem, 0.417rem + 0.417vi, 0.75rem);
    font-weight: 700;
    padding:clamp(0.375rem, 0.292rem + 0.417vi, 0.625rem);
    border-radius: 20px;


    flex: 1 1 0;
}
.info-highlight{
    font-size:clamp(1.25rem, 0.938rem + 1.563vi, 2.188rem);
    font-weight: 1000;
    display:block;
}