body{

font-family: Arial, sans-serif;
margin:0;
background:#f4f4f4;

}

header{

display:flex;
justify-content:space-between;
align-items:center;

background:#000;
color:white;

padding:15px 25px;

}

nav a{

color:white;
text-decoration:none;
margin-left:20px;
font-weight:bold;

}

.hero{

text-align:center;
padding:80px 20px;

background:#222;
color:white;

}

.section{

padding:40px 20px;
max-width:1000px;
margin:auto;
background:white;
margin-top:20px;

}

.apply-btn{

display:inline-block;
padding:14px 25px;

background:#28a745;
color:white;

text-decoration:none;

border-radius:6px;
margin-top:20px;

font-weight:bold;

}

.call-btn{

display:block;
padding:14px;

background:#007bff;
color:white;

text-decoration:none;

border-radius:6px;
margin-top:10px;

text-align:center;

}

.text-btn{

display:block;
padding:14px;

background:#ff9800;
color:white;

text-decoration:none;

border-radius:6px;
margin-top:10px;

text-align:center;

}

.vehicle-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;

margin-top:20px;

}

.vehicle-card{

background:#eee;
padding:30px;
text-align:center;
font-weight:bold;

border-radius:6px;

}

footer{

text-align:center;
padding:20px;
background:#111;
color:white;
margin-top:20px;

}


/* MOBILE */

@media (max-width:768px){

header{

flex-direction:column;
align-items:flex-start;

}

nav{

margin-top:10px;

}

.vehicle-grid{

grid-template-columns:repeat(2,1fr);

}

.hero{

padding:60px 15px;

}

}


/* SMALL MOBILE */

@media (max-width:480px){

.vehicle-grid{

grid-template-columns:1fr;

}

.apply-btn{

width:100%;
text-align:center;

}

}