/* vehicle-card-results */
.vehicle-card-results{
	display: grid;
	grid-template-columns: 2fr  2fr 2fr 2fr;
	gap:20px;
}

.single-card{
	background:#ffffff;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(212,212,212,1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(212,212,212,1);
	box-shadow: 2px 2px 5px 0px rgb(230, 230, 230);
	font-size:14px;
	min-height: 380px;
}

.single-card h3{
	font-size:17px;
	font-weight:700;
	font-family:inherit;
}

.vehicle-meta{
	color:#0A578C;
	display: grid;
	grid-template-columns: 2fr 2fr 2fr;
	justify-content: space-evenly;
	align-items: center;
}

.vehicle-icons{
	width:1.2em;
	height:1.2em;
	color:#0A578C;
}

.reserve-btn{
	border-radius:50px;
	border:none;
	background:#0A578C;
	color:#FFFFFF;
}

.vehicle-features{
	display: grid;
	grid-template-columns: 2fr 2fr 2fr;
	align-items: center;
	color: #0A578C;
	font-weight: 500;
}

i{
	color: #0A578C;
}

#reservation-container{
	border: 5px solid rgb(123, 66, 255);
	display: grid;
	grid-template-columns: 4fr 2fr;
	gap: 10;	
}

#vehicle-details{
	border: 2px solid blue;
}

.vehicle-container{
	display: grid;
	grid-template-columns: 2fr 3fr;
	justify-content: space-between;
	align-items: center;
}

#vehicle-details .title{
	background-color: #0A578C;
	color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	justify-content:first baseline;
	align-items: center;
	gap: 10px;
	padding: 5px 16px;
}

#vehicle-details img{
	height: 300px;
	width: auto;
	object-fit: contain;
}

.title h2, .title h3{
	font-size: 1.2em;
	font-weight: 600;
}

.vehicle-feature-list{
	display: grid;
	grid-template-columns: 2fr 2fr 2fr;
	gap: 5;
	padding: 6px;
}
.vehicle-feature-list  p{
	display: grid;
	grid-template-columns: 2fr;
	font-size: 12px;
	text-align: center;
}

.rates-list{
}

.vehicle-container{
	border: 1px solid #0A578C;
}

.pricing-table tr td{
	background: #ffffff;
	background-color: transparent!important;
	border: none;
	font-size: 14px;
}

.pricing-table h4{
	font-weight: 800;
	color: #0A578C;
	font-size: 1.3em;
}


#reservation-form{
	border: 10px  solid rgb(68, 255, 0);
	padding: 16px;
}

.driver-info{
	background-color: #0A578C;
	color: #ffffff;
	padding: 5px 16px;
	font-weight: 600;
	font-size: 1.2em;
}


.extras-table{
	display: grid;
	grid-template-columns: 2fr 2fr  1fr;
	justify-content: space-evenly;
	gap: 5;
}

.extras-table strong{
	font-weight: 400;
}

#selected-items-body tr td{
	font-size: 10px!important;
}

.extras-table input{
	
}

.show-des{
	font-size: 10px;
	max-width: 80%;
}


.amt-box input{
	
}


/* Default hidden state */
.toggle-box {
    display: none;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}

/* Button styling */
.toggle-btn {
    background-color: #007bff;
    color: white;
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 16px;
}

.toggle-btn::after {
    content: " ▼ "; /* Down arrow */
    float: right;
}

.toggle-btn.active::after {
    content: " ▲"; /* Up arrow */
}


@media only screen and (max-width: 768px) {
	.vehicle-card-results{
		display: flex;
		flex-wrap: wrap;
		}

	
	.single-card{
		min-height: 280px;
		}
		
	#reservation-container{

		display: block;

		}
		.vehicle-container{
			display: block;
		}
}