*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Noto Sans Devanagari',sans-serif;
background:#faf7f2;
color:#333;

}

header{

display:flex;
justify-content:space-between;
padding:15px;
background:white;
position:sticky;
top:0;
box-shadow:0 5px 15px rgba(0,0,0,.08);
z-index:100;

}

.logo{

font-size:22px;
font-weight:bold;

}

.btn{

background:#b51d1d;
color:white;
padding:10px 20px;
border-radius:30px;
text-decoration:none;

}

.hero{

display:flex;
flex-wrap:wrap;
align-items:center;
padding:30px;

}

.hero-image{

flex:1;
text-align:center;

}

.hero-image img{

width:320px;
max-width:100%;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,.25);

}

.hero-content{

flex:1;
padding:25px;

}

.hero h1{

font-size:55px;
color:#9b111e;

}

.buttons{

margin-top:25px;

}

.buy,.read{

display:inline-block;
padding:15px 25px;
margin:10px;
border-radius:40px;
text-decoration:none;

}

.buy{

background:#9b111e;
color:white;

}

.read{

background:#222;
color:white;

}

section{

padding:60px 10%;

}

.features .cards{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;

}

.card{

background:white;
padding:30px;
border-radius:20px;
text-align:center;
box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.gallery .grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;

}

.gallery img{

width:100%;
border-radius:15px;
transition:.4s;

}

.gallery img:hover{

transform:scale(1.05);

}

.review{

background:white;
padding:20px;
margin:20px 0;
border-radius:15px;

}

.whatsapp{

display:inline-block;
margin-top:20px;
background:#25D366;
padding:15px 25px;
color:white;
text-decoration:none;
border-radius:40px;

}

footer{

text-align:center;
padding:30px;
background:#222;
color:white;

}

@media(max-width:768px){

.hero{

flex-direction:column;

}

.hero h1{

font-size:40px;

}

header{

padding:10px;

}

}