body{
font-family:Poppins,sans-serif;
background:#f7fcff;
}
.hero{
padding:140px 0 80px;
background:linear-gradient(135deg,#0099e5,#00c2ff);
color:#fff;
}
.hero h1{
font-size:3rem;
font-weight:700;
}
.jar-placeholder{
height:420px;
background:#fff;
border-radius:25px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
box-shadow:0 20px 40px rgba(0,0,0,.15);
color:#0099e5;
}
.jar-placeholder i{
font-size:100px;
}
.feature{
background:#fff;
padding:30px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.feature i{
font-size:48px;
color:#0099e5;
}
.product-box{
height:350px;
border-radius:20px;
background:#dff5ff;
display:flex;
justify-content:center;
align-items:center;
font-size:2rem;
color:#0099e5;
}
footer{
background:#0b3c5d;
}
@media(max-width:991px){
.hero{
padding-top:120px;
text-align:center;
}
.hero h1{
font-size:2.3rem;
}
}