.hero-banner{
height:50vh;
background:
linear-gradient(
rgba(255,255,255,0.4),
rgba(255,255,255,0.4)
),
url('/images/pulses.jpg');

background-size:cover;
background-position:center;
position:relative;
}
.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background: linear-gradient(
rgba(0,0,0,0.6),
rgba(0,0,0,0.4)
);

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:white;
text-align:center;
padding:20px;
}

.hero-overlay h1{
font-size:55px;
font-weight:700;
margin-top:120px;
}

.hero-overlay p{
font-size:20px;
margin-top:10px;
}

.breadcrumb-box{
margin-top:20px;
font-size:18px;
}

.breadcrumb-box a{
color:white;
text-decoration:none;
font-weight:600;
}

.breadcrumb-box span{
margin:0 8px;
}
.hero-banner h1{
    white-space: nowrap;
    text-align: center;
}

@media(max-width:768px){
    .hero-banner h1{
        font-size: 24px;
        white-space: normal;
    }
}
.rice-card{
  background:#fff;
  border-radius:14px;
  padding:15px;
  text-align:center;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  transition:0.3s ease;
  height:100%;
}

.rice-card img{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:10px;
}

.rice-card h4{
  font-weight:600;
  margin-bottom:8px;
}

.rice-card p{
  font-size:14px;
  color:#555;
}

.view-btn{
  background:rgb(0, 0, 0);
  color:#fff;
  border:none;
  padding:6px 14px;
  border-radius:6px;
  font-size:14px;
  text-decoration: none;
}

.view-btn:hover{
  background:rgb(0, 0, 0);
}

.pagination .page-link{
  border-radius:8px;
  margin:0 4px;
}

.pagination .active .page-link{
  background:rgb(0, 0, 0);
  border-color:rgb(0, 0, 0);
  color:#fff;
}
.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    padding: 12px 18px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    z-index: 9999;
    transition: transform 0.2s;
}

.whatsapp-btn:hover {
    transform: scale(1.1);
    text-decoration: none;
    color: white;
}

.whatsapp-btn i {
    font-size: 22px;
}