.body{    width: 100%;
    
    height: 100vh;
    margin: 0;
    padding: 0;
background-image: url(Pic/img1.svg);
background-size: cover;}



.header{width: 100%;height: 100px;border-radius: 0 0 45px 45px;
background: rgba(255, 255, 255, 0.25);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.09);
backdrop-filter: blur(12.75px);
padding: 0  150px 0  150px;;box-sizing: border-box;
display: flex;flex-direction: row;
    justify-content: space-between;
    align-items: center;}

.logo-box{display: flex;flex-direction: column;gap: 10px;
margin: 0;padding: 0;
display: flex;align-items: center;}

.logo-pic{width: 36.095px;
height: 36.095px;}

.logo-title{color: #124308;
margin: 0;padding: 0;
font-family: Montserrat;
font-size: 18px;
font-weight: 700;
line-height: normal;}

.nav-header{margin: 0;padding: 0;}

.list-horizontal{list-style-type: none;display: flex;
flex-direction: row;gap: 38px;}

.nav1{color: #124308;
margin: 0;padding: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: 10.5%; 
text-underline-offset: 25%; 
text-underline-position: from-font;}

.nav1:hover{text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: 10.5%; 
text-underline-offset: 25%; 
text-underline-position: from-font;}


.navs{color: #000;
margin: 0;padding: 0;
font-family: Montserrat;
font-size: 18px;
font-weight: 700; transition: all linear 300ms;}

.navs:hover{color: #124308;}

.link{text-decoration: none;}

.main{width: 100%;
    display: flex
;
    height: 89%;}

.sec1{    height: fit-content;
    align-self: self-end;}


 .box-body2{
height: 383.286px;
flex-shrink: 0;align-self: flex-end;
border-radius: 0 178.408px 178.408px 0;   
box-sizing: border-box;
      width: 789.469px;position: relative;
        display: flex;    margin-bottom: 184.71px;
    align-items: center;;}   


.box-body{
height: 383.286px;
flex-shrink: 0;align-self: flex-end;
border-radius: 0 178.408px 178.408px 0;
background: rgba(255, 255, 255, 0.40);
box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.09);
backdrop-filter: blur(12.75px);
   
padding: 0 15px 0 0;box-sizing: border-box;
      width: 789.469px;position: relative;
        display: flex
;overflow: hidden;
    align-items: center;;}

.green-line{width: 100%;height: 351.343px;
border-radius: 0 178.408px 178.408px 0;
border-top: 2px solid #357D23;
border-right: 2px solid #357D23;    padding: 0 0 0  150px;
border-bottom: 2px solid #357D23;
display: flex;    align-items: center;}

@media (max-width: 1280px) {
    .box-body{width: 724px;}
    .green-line{padding: 0 0 0 84px;}
    .header{padding: 0 84px 0 84px;}
        .box-body2 {
        width: 724px;}
}


.text-small-box{display: flex;flex-direction: column;
margin: 0;padding: 0;gap: 52px;    height: fit-content;}

.headerandpar {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-right: 78px;
  position: relative;
  animation: enter 200ms linear;
}

@keyframes enter {
  0% {
    top: 486px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}




.header-title{color: #1D1F1D;
margin: 0;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: normal;}



.par{color: #1D1F1D;
margin: 0;padding: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
    display: -webkit-box;
    display: box;
    display: flexbox;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

.button{display: flex;
width: 253px;
height: 56px;
padding: 10px;box-sizing: border-box;
justify-content: center;
align-items: center;
border-radius: 25px;border-color: transparent; animation: enter 200ms linear;
position: relative;
background: #225218;transition: all liner 300ms;}

.link2{text-decoration: none;width: 100%;height: 100%;
display: flex;justify-content: center;align-items: center;}

.text-button{color: #FFF;
margin: 0;padding: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;}

.button:hover{background: #328208;}

.plant-left{position: absolute;bottom: 0;left: 0;}

.plantright{position: absolute;bottom: 0;right: 0;}

.planttop{position: absolute;top: 17px;right: 65px;}