body{
    background-color: #f5f5f5;
}

/* Navbar */
.navbar-san{
    background-color: #0B1F3A;
    padding: 15px;
}

.nav-link{
    color: white !important;
    font-weight: 500;
}

.nav-link:hover{
    color: orange !important;
}
.hero-image{
    height: 90vh;
    object-fit: cover;
}

.carousel-caption{
    background: rgba(0,0,0,0.5);
    padding: 20px;
    border-radius: 10px;
    bottom: 30%;
}
.text-san{
    color:#0B1F3A;
}

.services-section{
    background-color:#0B1F3A;
}

.service-card{
    border:none;
    transition:0.3s;
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.card-img-top{
    height:250px;
    object-fit:cover;
}
.fleet-box{
    background:white;
    border-radius:10px;
    overflow:hidden;
    transition:0.3s;
    box-shadow:0 5px 10px rgba(0,0,0,0.1);
}

.fleet-box:hover{
    transform:translateY(-10px);
}

.fleet-image{
    height:220px;
    width:100%;
    object-fit:cover;
}

.footer-san{
    background-color:#0B1F3A;
}

.wa-button{
    position:fixed;
    bottom:20px;
    right:20px;
    background:green;
    color:white;
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;
    box-shadow:0 5px 10px rgba(0,0,0,0.3);
}
.page-header{
    background-color:#0B1F3A;
    padding:100px 0;
}
.fleet-detail{
    background:white;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:0.3s;
}

.fleet-detail:hover{
    transform:translateY(-10px);
}

.fleet-large{
    width:100%;
    height:300px;
    object-fit:cover;
}
.contact-box{
    background:white;
    padding:30px;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
}