*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

font-family:Poppins,sans-serif;
background:#fff;

}

.container{

width:1200px;
margin:auto;

}

header{

padding:20px 0;
background:#fff;
position:fixed;
width:100%;
box-shadow:0 10px 20px rgba(0,0,0,.05);

}

header .container{

display:flex;
justify-content:space-between;
align-items:center;

}

.logo{

font-size:28px;
font-weight:700;
color:#2e7d32;

}

nav ul{

display:flex;
list-style:none;
gap:35px;

}

nav a{

text-decoration:none;
color:#333;
font-weight:500;

}

.btn{

padding:14px 28px;
background:#2e7d32;
color:#fff;
border-radius:50px;
text-decoration:none;

}

.btn:hover{

background:#1b5e20;

}

.hero{

height:100vh;
display:flex;
align-items:center;

}

.hero-content{

display:flex;
justify-content:space-between;
align-items:center;

}

.left{

width:50%;

}

.badge{

background:#E8F5E9;
padding:10px 20px;
border-radius:30px;
color:#2e7d32;

}

h1{

font-size:65px;
margin:25px 0;

}

h1 span{

color:#2e7d32;

}

p{

font-size:20px;
color:#666;

}

.buttons{

margin-top:40px;
display:flex;
gap:20px;

}

.btn-outline{

padding:14px 28px;
border:2px solid #2e7d32;
border-radius:50px;
text-decoration:none;
color:#2e7d32;

}

.right img{

width:600px;

}