body{
    font-family: Arial, sans-serif;
    }
    
    .hero{
    background:#f5f7f2;
    }
    
    .hero img{
    max-height:500px;
    }
    .whatsapp-btn{
        position:fixed;
        right:20px;
        bottom:20px;
        background:#25D366;
        color:white;
        width:60px;
        height:60px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:30px;
        text-decoration:none;
        z-index:999;
        }
        html{
            scroll-behavior:smooth;
            }
            .card{
                transition:0.3s;
                }
                
                .card:hover{
                transform:translateY(-10px);
                box-shadow:0 10px 25px rgba(0,0,0,.15);
                }
                .carousel-item img{
                    height:600px;
                    object-fit:cover;
                }
                @media(max-width:768px){

                    .carousel-item img{
                        height:250px;
                    }
                    
                    }
                    body{
                        padding-top:80px;
                    }
                    .navbar-whatsapp{
                        font-size:18px;
                        font-weight:700;
                        color:#25D366;
                    }
                    
                    .navbar-whatsapp:hover{
                        color:#198754;
                    }
                    html{
                        scroll-behavior: smooth;
                    }
                    #products{
                        scroll-margin-top: 100px;
                    }
.card{

transition:0.4s;

}

.card:hover{

transform:translateY(-10px);

}
```css

.custom-navbar{

background:

linear-gradient(

90deg,

#0f9b0f,

#38ef7d

);

padding:10px 0;

box-shadow:

0 5px 20px rgba(0,0,0,0.2);

}



.logo{

border-radius:50%;

box-shadow:

0 0 15px

rgba(255,255,255,.6);

}



.whatsapp-btn{

background:#25D366;

color:white;

padding:

10px 20px;

border-radius:50px;

font-weight:bold;

box-shadow:

0 4px 15px

rgba(0,0,0,0.2);

transition:.3s;

}



.whatsapp-btn:hover{

color:white;

transform:scale(1.05);

}



.navbar-nav .nav-link{

color:white !important;

font-size:18px;

font-weight:600;

margin-left:12px;

padding:

10px 18px !important;

border-radius:30px;

transition:.3s;

}



.navbar-nav .nav-link:hover{

background:white;

color:#198754 !important;

transform:translateY(-3px);

}



.navbar-toggler{

background:white;

border:none;

padding:8px 10px;

border-radius:10px;

}
<!--.navbar{

background: linear-gradient(
90deg,
#0B6623,
#198754,
#38ef7d
) !important;

}-->
.navbar{

background: linear-gradient(
90deg,
#14532d,
#198754,
#22c55e
) !important;


}

.whatsapp-pill{

background:#25D366;

color:white;

padding:10px 25px;

border-radius:50px;

font-size:12px;

font-weight:bold;

display:flex;

align-items:center;

gap:10px;

box-shadow:

0 5px 20px rgba(0,0,0,0.25);

transition:0.3s;

white-space:nowrap;

}


.whatsapp-pill i{

font-size:14px;

}


.whatsapp-pill span{

font-size:12px;

font-weight:300;

}


.whatsapp-pill:hover{

transform:scale(1.05);

color:white;

box-shadow:

0 8px 25px rgba(37,211,102,0.6);

}
/* Navbar Background */

.navbar{

background:

linear-gradient(

90deg,

#14532d,

#198754,

#22c55e

) !important;

padding:12px 0;

box-shadow:

0 5px 20px rgba(0,0,0,.25);

}



/* Logo */

.logo{

border-radius:50%;

box-shadow:

0 0 15px rgba(255,255,255,.6);

}



/* WhatsApp Button */

.whatsapp-pill{

background:#25D366;

color:white;

padding:10px 22px;

border-radius:50px;

font-size:16px;

font-weight:bold;

display:flex;

align-items:center;

gap:10px;

white-space:nowrap;

box-shadow:

0 5px 15px rgba(0,0,0,.25);

transition:0.3s;

}



.whatsapp-pill span{

font-size:20px;

}



.whatsapp-pill i{

font-size:28px;

}



.whatsapp-pill:hover{

transform:scale(1.05);

color:white;

}



/* Menu */

.navbar-nav .nav-link{

color:white !important;

font-size:18px;

font-weight:600;

margin-left:10px;

padding:10px 18px !important;

border-radius:30px;

transition:0.3s;

}



.navbar-nav .nav-link:hover{

background:white;

color:#198754 !important;

}



/* Mobile */

.navbar-toggler{

background:white;

border:none;

border-radius:10px;

}


/* Navbar Background */

.navbar{

background:

linear-gradient(

90deg,

#14532d,

#198754,

#22c55e

) !important;

padding:12px 0;

box-shadow:

0 5px 20px rgba(0,0,0,.25);

}



/* Logo */

.logo{

border-radius:50%;

box-shadow:

0 0 15px rgba(255,255,255,.6);

}



/* WhatsApp Button */

.whatsapp-pill{

background:#25D366;

color:white;

padding:10px 22px;

border-radius:50px;

font-size:16px;

font-weight:bold;

display:flex;

align-items:center;

gap:10px;

white-space:nowrap;

box-shadow:

0 5px 15px rgba(0,0,0,.25);

transition:0.3s;

}



.whatsapp-pill span{

font-size:20px;

}



.whatsapp-pill i{

font-size:28px;

}



.whatsapp-pill:hover{

transform:scale(1.05);

color:white;

}



/* Menu */

.navbar-nav .nav-link{

color:white !important;

font-size:18px;

font-weight:600;

margin-left:10px;

padding:10px 18px !important;

border-radius:30px;

transition:0.3s;

}



.navbar-nav .nav-link:hover{

background:white;

color:#198754 !important;

}



/* Mobile */

.navbar-toggler{

background:white;

border:none;

border-radius:10px;

}
/* Navbar Background */

.navbar{

background:

linear-gradient(

90deg,

#14532d,

#198754,

#22c55e

) !important;

padding:12px 0;

box-shadow:

0 5px 20px rgba(0,0,0,.25);

}



/* Logo */

.logo{

border-radius:50%;

box-shadow:

0 0 15px rgba(255,255,255,.6);

}



/* WhatsApp Button */

.whatsapp-pill{

background:#25D366;

color:white;

padding:10px 22px;

border-radius:50px;

font-size:16px;

font-weight:bold;

display:flex;

align-items:center;

gap:10px;

white-space:nowrap;

box-shadow:

0 5px 15px rgba(0,0,0,.25);

transition:0.3s;

}



.whatsapp-pill span{

font-size:20px;

}



.whatsapp-pill i{

font-size:28px;

}



.whatsapp-pill:hover{

transform:scale(1.05);

color:white;

}



/* Menu */

.navbar-nav .nav-link{

color:white !important;

font-size:18px;

font-weight:600;

margin-left:10px;

padding:10px 18px !important;

border-radius:30px;

transition:0.3s;

}



.navbar-nav .nav-link:hover{

background:white;

color:#198754 !important;

}



/* Mobile */

.navbar-toggler{

background:white;

border:none;

border-radius:10px;

}

/* Navbar Background */

.navbar{

background:

linear-gradient(

90deg,

#14532d,

#198754,

#22c55e

) !important;

padding:12px 0;

box-shadow:

0 5px 20px rgba(0,0,0,.25);

}



/* Logo */

.logo{

border-radius:50%;

box-shadow:

0 0 15px rgba(255,255,255,.6);

}



/* WhatsApp Button */

.whatsapp-pill{

background:#25D366;

color:white;

padding:10px 22px;

border-radius:50px;

font-size:16px;

font-weight:bold;

display:flex;

align-items:center;

gap:10px;

white-space:nowrap;

box-shadow:

0 5px 15px rgba(0,0,0,.25);

transition:0.3s;

}



.whatsapp-pill span{

font-size:20px;

}



.whatsapp-pill i{

font-size:28px;

}



.whatsapp-pill:hover{

transform:scale(1.05);

color:white;

}



/* Menu */

.navbar-nav .nav-link{

color:white !important;

font-size:18px;

font-weight:600;

margin-left:10px;

padding:10px 18px !important;

border-radius:30px;

transition:0.3s;

}



.navbar-nav .nav-link:hover{

background:white;

color:#198754 !important;

}



/* Mobile */

.navbar-toggler{

background:white;

border:none;

border-radius:10px;

}





/* Navbar Background */

.navbar{

background:

linear-gradient(

90deg,

#14532d,

#198754,

#22c55e

) !important;

padding:12px 0;

box-shadow:

0 5px 20px rgba(0,0,0,.25);

}
/* Logo */

.logo{

border-radius:50%;

box-shadow:

0 0 15px rgba(255,255,255,.6);

}



/* WhatsApp Button */

.whatsapp-pill{

background:#25D366;

color:white;

padding:10px 22px;

border-radius:50px;

font-size:14px;

font-weight:bold;

display:flex;

align-items:center;

gap:10px;

white-space:nowrap;

box-shadow:

0 5px 15px rgba(0,0,0,.25);

transition:0.3s;

}

.whatsapp-pill span{

font-size:14px;

}



.whatsapp-pill i{

font-size:14px;

}



.whatsapp-pill:hover{

transform:scale(1.05);

color:white;

}



/* Menu */

.navbar-nav .nav-link{

color:white !important;

font-size:18px;

font-weight:600;

margin-left:10px;

padding:10px 18px !important;

border-radius:30px;

transition:0.3s;

}



.navbar-nav .nav-link:hover{

background:white;

color:#198754 !important;

}



/* Mobile */

.navbar-toggler{

background:white;

border:none;

border-radius:10px;

}


body{

padding-top:95px;

}

body{

background:

linear-gradient(

135deg,

#f5fff5 0%,

#e8f5e9 25%,

#dcedc8 50%,

#f0fdf4 75%,

#ffffff 100%

);

background-attachment: fixed;

}

body{

background:

linear-gradient(

135deg,

#f5fff5 0%,

#e8f5e9 25%,

#dcedc8 50%,

#f0fdf4 75%,

#ffffff 100%

);

background-attachment: fixed;

}
body{

background:

radial-gradient(

circle at top left,

#d4fc79,

transparent 35%

),

radial-gradient(

circle at bottom right,

#96e6a1,

transparent 35%

),

#f8fff8;

background-attachment: fixed;

}