.about-lifestyle-section {
  width: 100%;
  /* height:1400px; */
  opacity: 1;
  display: flex;
    flex-direction: column;
  /* justify-content: center; */
  /* align-items: center; */
  overflow: hidden;
  background-size: cover;
  position: relative;
  background: url('../../Images/about/about-bg.png') no-repeat center center;
  background-position: center 10%; /* moves image down 20% from top */
   background-size: 100% auto;
   padding-top: 40px;
   gap: 20px;
   margin-top: 80px;
}
.lifestyle-text { position:relative; z-index:2; }

.about-lifestyle-section h1 {
  display: flex;
  /* align-items: flex-start; aligns text to the top */
  justify-content: center; /* centers horizontally */
  font-family: 'Denton Test';
  font-weight: 420;
  font-style: normal;
  font-size: 48px;
  line-height: 100%;
  color: black;
  /* text-align: center; */
  position: relative;
}

.about-lifestyle-section h1::before,
.about-lifestyle-section h1::after {
  content: "";
  position: relative;
  top: -4%;
  width: 100px;
  border-bottom: 2px solid #70724F;
  transform: translateY(-50%);
   margin: 0 50px;  /* space between line and text */
}

.about-lifestyle-section h1::before {
  /* margin-right: 15px; optional */
  left:20px;
}

.about-lifestyle-section h1::after {
  /* margin-left: 15px; optional */
  right:20px;
}

.about-lifestyle-section p{
font-family: 'DM Sans',sans-serif;
font-weight: 400;
font-style:normal;
font-size: 18px;
line-height: 31px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
padding:20px 60px;
}
.about-lifestyle-section img{
    display:flex;
}

.about-forest{
  width: 700.65px;
  height: 530.15px;
  opacity: 1;
  position: absolute; /* or absolute */
  /* top: 262.94px; */
  top:300px;
  left: -160.82px;
  transform: rotate(11.04deg);
  max-width:600px;
}

.about-land{
    width: 735.70px;
height: 570.01px;
transform: rotate(-2.84deg);
opacity: 1;
top: 438.51px;
/* left: 800.75px; */
right:-230px;
  position: absolute; /* or absolute */
}

.about-sea{
    width: 735.70px;
height: 570.01px;
/* transform: rotate(-180deg); */
opacity: 1;
top: 779px;
left: -200px;
  position: absolute; /* or absolute */
  max-width:660px;
}

.about-vector{
    width: 850.5px;
/* height: 828px; */
  height: 750px;
opacity: 1;
/* top: 408px; */
top: 530px;
left: 452px;
position: absolute;
z-index:1;
}
.zigzag-list {
  list-style-type: disc; /* bullet points */
  padding-left: 40px; /* adjust as needed */
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  position: relative;
  list-style: none;
    /* padding-left: 0;
      width: 100%; */
}

.zigzag-list li {
  display: flex;
  align-items: flex-start; /* align bullet and content at the top */
  margin: 140px 40px;
  gap: 20px; /* space between bullet and content */
  position: relative;
  padding-left: 15px;
}

.zigzag-list li:nth-child(even) {
  flex-direction: row-reverse; /* zigzag effect */
   text-align: right;
   padding-right: 0px;
  padding-left: 0;
}

.zigzag-list li:nth-child(even)::before {
  left: 150px;
  right: 0; /* attach bullet near right text */
}

.zigzag-list div:nth-child(odd) {
  text-align: left;
   padding-left: 2px;
   left: 0;
  right: 0;
}

.about-content {
  display: flex;
  flex-direction: column; /* stack title and desc vertically */
}

.title {
  font-family: 'DM Sans', sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 31px;
  margin: 0; /* remove default margin to align with bullet */
}

.desc {
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  margin: 5px 0 0 0; /* small spacing below title */
  width:300px;
  color: #4C4C4C;

}
.about-content {
  max-width: 360px;
  margin-left: 10px; /* spacing between bullet and content */
  text-align: left;
  position: relative;
}

.title {
  /* font-family: 'DM Sans', sans-serif; */
  font-family: 'Denton Test';
  font-weight: 800;
  font-size: 24px;
  line-height: 31px;
  position: relative;
}

.promise-info-cover { text-align: center; margin-bottom:50px; }
.promise-info-cover .title { margin-bottom:20px; }
.promise-info-cover .info-text { color:#000; font-family: 'DM Sans', sans-serif; font-weight: 400; 
  font-size:14px; max-width:650px; margin-left:auto; margin-right: auto;
}
.promise-info-cover .info-text span { font-weight:600; }

.about-forest,
.about-land,
.about-sea {
  position: absolute;
  opacity: 0; /* Hidden initially */
  transition: opacity 0.8s ease-in-out;
  animation-fill-mode: forwards;
}

.zigzag-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px; /* adjust vertically */
  width: 10px;
  height: 10px;
 background: #74845F;
  border-radius: 50%;
}

@media(max-width:1099px){
  .about-lifestyle-section img { display:none; }
}
@media(max-width:767px){
  .zigzag-list { padding-left:0px; }
  .zigzag-list li:nth-child(2n) { flex-direction:column; }
  .zigzag-list li:nth-child(2n) { flex-direction:column;  }
  .zigzag-list li:nth-child(2n)::before { left:0px; }
  .zigzag-list li { margin:70px 40px; padding-left:0px; }
  .promise-info-cover { padding:0px 30px; }
  .about-content { max-width:100%; text-align: center !important; }
  .desc { width:100%; }
  .about-lifestyle-section p { font-size:14px; padding:20px 30px; }
  .zigzag-list li::before { display:none; }
}