/* RESET */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, sans-serif;
}

body{
    background:#f2f9f9;
}

/* ================= NAVBAR ================= */

.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 20px;
    background:linear-gradient(to right,#0f4c75,#1b9c85);
    position:relative;
    z-index:1000;
}

.logo img{
    height:55px;
}

.hero{
height:70vh;
background:url('images/am1.jpg') center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
position: relative;
}

.hero h1{
font-size:42px;
margin-bottom:10px;
}

.hero p{
font-size:20px;
}

.contact-btn{
display:inline-block;
padding:10px 20px;
border-radius:25px;
text-decoration:none;
font-size:25px;
margin-top:20px;
border: 2px solid rgb(0, 0, 0);
color: rgb(0, 0, 0);
}

/* ================= SECTION TITLE ================= */

.section-title{
    font-size:30px;
    margin-bottom:20px;
    text-align:center;
    color:#0f4c75;
}

/* contact-section */

.cars-section{
    padding:50px 20px;
    background:#f4f4f4;
}

.car-container{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
}

.car-box{
    background:white;
    width:280px;
    padding:20px;
    border-radius:8px;
    text-align:center;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.car-box img{
    width:100%;
    height:190px;
    object-fit:cover;
    border-radius:2px;
    margin-bottom:10px;
}

/* ===== WHY CHOOSE US ===== */

#why-choose-us{
    padding: 50px 20px;
    text-align: center;
    font-size:20px;
    color:#0f4c75;
}

.section-title2{
    margin-bottom: 40px;
}

/* Main container */
.features-container{
    display: flex;
    justify-content: center;   /* pura group center */
    align-items: center;
    gap: 25px;
    flex-wrap: nowrap;         /* ek hi row */
}

/* Each box */
.feature{
    width: 240px;
    text-align: center;
}

/* Image size same */
.feature img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

/* Mobile */
@media (max-width:768px){
    .features-container{
        flex-direction: column;
    }
}

/* ===== CONTACT SECTION ===== */

.contact-section{
    text-align: center;
    padding: 50px 20px;
}

.contact-section h2{
    margin-bottom: 25px;
}

.contact-buttons{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: nowrap;
}

.btn{
    padding: 12px 20px;
    border-radius: 8px;
    text-align: center;
    width: 130px;
    font-weight: 600;
    text-decoration: none;
}
.contact-buttons{
    white-space: nowrap;
}

/* Colors */
.btn.call{
    background: #ff0000;
    color: white;
}

.btn.whatsapp{
    background: #25D366;
    color: white;
}

.btn.email{
    background: #007BFF;
    color: white;
}

/* Mobile */
@media (max-width: 768px){
    .contact-buttons{
        flex-direction: column;
        align-items: center;
    }
}

/* ================= FOOTER ================= */

footer{
    background:#0f4c75;
    color:white;
    text-align:center;
    padding:20px;
    margin-top:40px;
}

/* ===== MOBILE HERO FIX ===== */
@media (max-width:768px){
    .hero{
        height: 30vh;
    }

    .hero h1{
        font-size: 22px;
    }

    .hero p{
        font-size: 12px;
    }
}