.heroSlider{
height:520px;
}

.slide1{
background:url('../images/hero1.jpg') center/cover;
}

.slide2{
background:url('../images/hero2.jpg') center/cover;
}

.slide3{
background:url('../images/hero3.jpg') center/cover;
}

.overlay{
height:520px;
background:rgba(0,0,0,0.6);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:white;
text-align:center;
}

.service-card{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
text-align:center;
transition:0.3s;
}

.service-card:hover{
transform:translateY(-10px);
}

.service-card i{
font-size:40px;
color:#0d6efd;
margin-bottom:15px;
}

.footer{
background:#111;
color:white;
padding:40px;
}

.social i{
font-size:20px;
margin:10px;
}

.whatsapp{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
color:white;
font-size:30px;
padding:14px;
border-radius:50%;
}
.header-social a{
color:white;
margin-left:12px;
font-size:18px;
}

.header-social a:hover{
color:#25D366;
}

.footer-social a{
margin:10px;
font-size:22px;
color:white;
}

.footer{
background:#111;
color:white;
padding:40px;
}

.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
color:white;
font-size:28px;
padding:14px;
border-radius:50%;
z-index:999;
}
.page-image{
max-height:350px;
object-fit:cover;
border-radius:10px;
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}
.page-banner{
background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/delivery.jpg');
background-size:cover;
background-position:center;
height:250px;
display:flex;
align-items:center;
justify-content:center;
color:white;
text-align:center;
}

.page-banner h1{
font-size:42px;
font-weight:700;
}

.breadcrumbs{
margin-top:10px;
font-size:14px;
}

.breadcrumb{
background:transparent;
margin-top:10px;
}

.breadcrumb a{
color:#fff;
text-decoration:none;
}

.breadcrumb-item.active{
color:#ddd;
}
.breadcrumb-item + .breadcrumb-item::before {
content: ">";
color: rgba(255,255,255,0.6);
}