body{

font-family:'Hind Siliguri',sans-serif;

background:#fffdf8;

}

.header{

background:#fff;

padding:15px 0;

box-shadow:0 5px 20px rgba(0,0,0,.08);

position:sticky;

top:0;

z-index:999;

}

.header .container{

display:flex;

justify-content:space-between;

align-items:center;

}

nav ul{

display:flex;

gap:25px;

list-style:none;

margin:0;

padding:0;

}

nav ul li a{

text-decoration:none;

font-weight:600;

color:#222;

}

.order-btn{

background:#1f7a3d;

color:white;

padding:12px 25px;

border-radius:8px;

text-decoration:none;

font-weight:bold;

}

.hero{

padding:70px 0;

}

.hero h1{

font-size:55px;

font-weight:700;

color:#1f7a3d;

}

.hero p{

font-size:20px;

line-height:35px;

margin:25px 0;

}

.buy-btn{

background:#1f7a3d;

padding:15px 35px;

color:white;

border-radius:8px;

text-decoration:none;

font-size:18px;

font-weight:bold;

}

.hero-img{

max-width:450px;

}
/* Offer Section */

.offer-section{

padding:80px 0;

background:#f8f8f8;

}

.section-title{

text-align:center;

font-size:40px;

font-weight:700;

margin-bottom:50px;

color:#1f7a3d;

}

.offer-wrapper{

display:flex;

gap:30px;

justify-content:center;

flex-wrap:wrap;

}

.offer-card{

width:320px;

background:#fff;

border-radius:15px;

padding:30px;

text-align:center;

box-shadow:0 10px 30px rgba(0,0,0,.08);

position:relative;

transition:.4s;

}

.offer-card:hover{

transform:translateY(-10px);

}

.offer-card.active{

border:3px solid #1f7a3d;

}

.best-sale{

position:absolute;

top:-15px;

left:50%;

transform:translateX(-50%);

background:#ff5722;

color:#fff;

padding:6px 18px;

border-radius:30px;

font-size:14px;

font-weight:bold;

}

.offer-img{

width:170px;

margin:20px auto;

}

.offer-card h4{

font-size:34px;

color:#1f7a3d;

margin:15px 0;

}

.offer-btn{

display:block;

background:#1f7a3d;

color:#fff;

padding:14px;

border-radius:8px;

text-decoration:none;

font-weight:bold;

margin-top:20px;

}

.free{

color:green;

font-weight:bold;

}
/* Benefits */

.benefits{

padding:80px 0;

background:#fff;

}

.benefit-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.benefit-box{

background:#fff;

padding:30px;

border-radius:15px;

box-shadow:0 5px 20px rgba(0,0,0,.08);

text-align:center;

}

.icon{

font-size:50px;

margin-bottom:15px;

}

/* Gallery */

.gallery{

padding:80px 0;

background:#f8f8f8;

}

.gallery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

}

.gallery-grid img{

width:100%;

border-radius:12px;

transition:.3s;

cursor:pointer;

}

.gallery-grid img:hover{

transform:scale(1.05);

}

/* Reviews */

.review-section{

padding:80px 0;

}

.review-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}

.review-card{

background:#fff;

padding:25px;

border-radius:15px;

box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.review-top{

display:flex;

align-items:center;

gap:15px;

margin-bottom:15px;

}

.avatar{

width:55px;

height:55px;

border-radius:50%;

background:#1f7a3d;

color:#fff;

display:flex;

justify-content:center;

align-items:center;

font-size:22px;

font-weight:bold;

}