body{
font-family:'Arial',sans-serif;
}

.navbar{
background:rgba(0,20,40,.9);
}

.navbar-brand,.nav-link{
color:white!important;
font-weight:bold;
}


.hero{

height:100vh;
background-image:url('https://images.unsplash.com/photo-1550009158-9ebf69173e03?w=1600');
background-size:cover;
background-position:center;
position:relative;

display:flex;
align-items:center;

}

.overlay{

position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,80,120,.5));

}


.hero-content{
position:relative;
color:white;
z-index:2;
}


.hero h1{

font-size:60px;
font-weight:800;

}


.btn{

border-radius:30px;
padding:12px 30px;
margin:10px;

}


.product-card{

background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.15);
transition:.3s;

}


.product-card:hover{

transform:translateY(-10px);

}


.product-card img{

width:100%;
height:220px;
object-fit:cover;

}


.product-card h4,
.product-card p{

padding:15px;

}


.about{

background:url('https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=1600');
background-size:cover;
background-position:center;
padding:100px 20px;
color:white;

}


.contact{

min-height:300px;

}


.whatsapp{

position:fixed;
right:25px;
bottom:25px;
background:#25d366;
color:white;
padding:15px 25px;
border-radius:40px;
text-decoration:none;
font-weight:bold;

}


footer{

background:#001b33;
color:white;
text-align:center;
padding:20px;

}


@media(max-width:768px){

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

}