.section-one-home {
    position: relative; /* Needed for absolute positioning of pseudo-element and content */
    overflow: hidden; /* Prevents image overflow */
    max-height: 900px; /* Adjust as needed */
    /* Remove background-image from here */
padding: 85px 0px 85px 0px;
}
@media screen and (min-width: 992px) {
	.section-one-home {
		min-height: 569px;
	}
}
@media screen and (min-width: 1241px) {
	.section-one-home {
		min-height: 725px; /* Reserve space to prevent CLS */
	}
}
	
.section-one-home::before {
    content: ""; /* Required for pseudo-element */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://earthworkstreeserv44a94.zapwp.com/q:l/r:0/wp:0/w:1/u:earthworkstreeservice.com/wp-content/uploads/2025/12/earthworks-hero-banner.webp');
    background-size: cover;
    background-position: center;
    z-index: -1; /* Places the image behind the content */
}

.section-one-home > .container {
    position: relative; /* Content is now relative to .section-one-home */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* No need for absolute positioning here */
    width: 100%;
    height: 100%;
}

.home-sec1 { /* Your content styles, adjust as needed */
    background-color: rgba(16, 22, 28, 0.8); /* Semi-transparent background */
    width: 100%;
    max-width: 754px;
    text-align: left;
    padding: 30px;
}
	
.home-sec1 h1 {
  color: #fff;
  font-size: 48px;
  line-height: 55px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 15px;
}
.home-sec1 p {
  color: #fff;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  padding: 0px;
  margin-bottom: 25px;
}
.home-sec1 h3 {
  color: #fff;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 80px;
}
.home-sec1 h3::before {
  content: " ";
  background-color: #91C73F;
  width: 66px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 0;
}
.home-btn a {
  color: #fff;
  font-size: 16px !important;
  font-weight: 700;
  margin: 0 auto;
  padding: 20px 17px;
  display: inline-block;
  text-align: center;
  width: 100% !important;
}
.home-btn {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  width: 100%;
}
.home-btn a.green {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}
.home-btn a.orange {
  background-color: #FF5E14;
  font-weight: 700;
  border-radius: 5px;
  font-size: 20px !important;
}
.home-btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.home-btn a .fa.fa-arrow-circle-right {
  margin-right: 5px;
}
.section-two-home {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 70px 0px;
  background-color: var(--red);
}
.section-two-home h2 {
  color: #fff;
  font-size: 48px;
  line-height: 55px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 35px;
}
.sec2-title p {
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 5px;
  letter-spacing: 5px;
}
.sec2-inner {
  background-color: #fff;
  background-repeat: repeat;
  background-position: center;
  border-top-left-radius: 5px;
  padding: 30px 20px 0px 20px;
  min-height: 100%;
  border-top-right-radius: 5px;
  margin-bottom: -10px;
}
.section-two-home hr {
  background-color: var(--red);
  width: 72px;
  height: 2px;
  text-align: left;
  margin: 0;
    margin-bottom: 0px;
  margin-bottom: 15px;
}
.section-two-home .row {
  justify-content: center;
}
.section-two-home .col-md-4 {
  margin-bottom: 100px;
}
.sec2-inner p {
  margin-bottom: 0px;
}
.sec2-btns a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.sec2-btns .col-md-6.blue {
  text-align: center;
  background-color: #1C262F;
  padding: 20px 10px;
}
.sec2-btns .col-md-6.orange {
  background-color: #FF5E14;
  text-align: center;
  padding: 20px 10px;
}
.sec2-btns .blue .fa.fa-angle-right {
  color: #fff;
  background-color: var(--red);
  font-size: 18px;
  border-radius: 100px;
  padding: 2px 8px;
  width: 22px;
  height: 22px;
  margin-left: 8px;
}
.sec2-btns .orange .fa.fa-angle-right {
  color: var(--dark-blue);
  background-color: #fff;
  font-size: 18px;
  border-radius: 100px;
  padding: 2px 8px;
  width: 22px;
  height: 22px;
  margin-left: 8px;
}
.sec2-inner h3 {
  color: #1C262F;
  font-size: 20px;
  line-height: 27px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 700;
}
.sec2-btns a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.section-three-home .row {
  align-content: center;
  align-items: center;
}
.section-three-home h2 {
  color: var(--dark-blue);
  font-size: 48px;
  line-height: 55px;
  font-weight: 700;
  margin-top: 0px;
}
.section-three-home h3 {
  color: var(--red);
  font-size: 16px;
  line-height: 23px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-weight: 700;
  letter-spacing: 3px;
}
.section-three-home p, .section-three-home li {
  color: #000;
}
.section-three-home li::before {
  content: "\f00c";
  font-family: "FontAwesome","FontAwesome Fallback";
  color: #fff;
  background-color: var(--red);
  border-radius: 100px;
  padding: 3px 3px;
  font-size: 14px;
  margin-right: 10px;
}
.section-three-home ul {
  list-style: none;
  margin: 0 auto;
  padding: 0px;
  margin-bottom: 20px;
}
.section-three-home ul li {
  margin-bottom: 5px;
}
.sec3-btn a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background-color: var(--orange);
  display: inline-block;
  padding: 20px 50px;
}
.sec3-btn a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.section-three-home p a {
  color: #484E54;
}
.section-three-home {
  padding: 80px 0px;
}
.rl-gallery:not(.rl-hidden-text) .rl-gallery-link::after {
  background-color: #6a9b1ec2 !important;
}
[class^="rl-hover-icon-"] .rl-gallery-link::before, [class*=" rl-hover-icon-"] .rl-gallery-link::before {
  color: #000 !important;
  background-color: #fff !important;
  font-size: 30px !important;
}
.sec4-btn a {
  color: #fff;
  background-color: var(--orange);
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  padding: 25px 55px;
  border-radius: 5px;
}
.sec4-btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.sec4-btn {
  text-align: center;
  margin-top: 35px;
}
.section-four-home {
  padding-bottom: 80px;
  background-color: #fff;
}
.section-five-home h2 {
  color: #000;
  font-size: 48px;
  line-height: 55px;
  font-weight: 700;
  margin-top: 0px;
  text-align: left;
}
.section-five-home {
  text-align: center;
  padding: 60px 0px;
  background-image: url('https://earthworkstreeserv44a94.zapwp.com/q:l/r:0/wp:0/w:1/u:earthworkstreeservice.com/wp-content/uploads/2024/09/why-choose-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #F8F8F8;
}
.section-five-home .row {
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
}
.sec5-inner {
  padding: 25px 15px;
  background-color: #fff;
  min-height: 257px;
  display: grid;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  border: 1px solid #EBEBEB;
  text-align: left;
}
.sec5-inner img {
  text-align: center;
  margin: 0;
}
.sec5-inner h3 {
  color: var(--dark-blue);
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 10px;
}
.section-five-home .col-md-4 {
  margin-bottom: 30px;
}
.sec5-inner p {
  color: #000;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  margin-bottom: 0px;
  margin-top: 0px;
}
.section-five-home .col-md-3 {
  margin-bottom: 25px;
}
.section-five-home .col-md-12 {
  margin-bottom: 25px;
}
.section-five-home a {
  color: #484E54;
}
.section-five-home .col-md-12 p {
  padding: 0px 100px;
}
.section-six-home {
  background-image: url('https://earthworkstreeserv44a94.zapwp.com/q:l/r:0/wp:0/w:1/u:earthworkstreeservice.com/wp-content/uploads/2024/09/cta-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 0px;
  text-align: center;
}
.section-six-home h2 {
  color: #fff;
  font-size: 48px;
  line-height: 55px;
  font-weight: 700;
  margin-top: 0px;
}
.section-six-home p {
  color: #E2E2E2;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  padding: 0px 0px;
}
.sec6-btn a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background-color: var(--orange);
  display: inline-block;
  padding: 15px 30px;
}
.sec6-btn a i {
  padding-right: 5px;
  font-size: 18px;
}
.sec6-btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.home-blog .hm-blog {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
}
.home-blog .blog-cont {
  padding: 15px 0px 0px 0px;
}
.home-blog .col-md-12 h2 {
  color: #020D00;
  font-size: 48px;
  line-height: 55px;
  font-weight: 700;
  margin-top: 0px;
  text-align: left;
  margin-bottom: 40px;
}
.home-blog {
  padding: 50px 0px 70px 0px;
  display: block !important;
  background-color: #fff;
}
.home-blog .blog-dt p {
  color: #000;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}
.home-blog .blog-cont h2 {
  color: var(--dark-blue);
  font-size: 18px;
  line-height: 25px;
  text-align: left;
  padding-bottom: 20px;
  font-weight: 700;
  margin-bottom: 0px;
}
.home-blog .blog-btn a {
  color: #F79215;
  font-size: 16px;
  font-weight: 700;
}
.home-blog .blog-btn a i {
  color: #fff;
  background-color: #F79215;
  font-size: 18px;
  border-radius: 100px;
  width: 22px;
  height: 22px;
  text-align: center;
  padding: 2px 8px;
  font-weight: 800;
  margin-left: 4px;
}
.home-faq {
  display: block !important;
  padding-top: 50px;
  padding-bottom: 50px;
}
.home-btn .outline {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 19px 17px;
  font-size: 18px;
}
.col-md-12.sec2-bottom-text p {
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
}
.hm-blog .blog-img-container img {
  object-fit: cover;
  width: 100%;
  height: 230px;
}	
	
@media screen and (max-width: 1240px) {
	.home-sec1 h1 {
	  margin-bottom: 25px !important;
	}
	.home-sec1 p {
	  font-size: 18px !important;
	  line-height: 25px !important;
	  padding: 0px 0px !important;
	  margin-bottom: 25px;
	}
	.home-btn a {
	  padding: 20px 25px;
	}
	.section-one-home {
	  padding: 60px 0px 85px 0px !important;
	}
	.section-two-home {
	  padding: 55px 0px !important;
	}
	.section-two-home h2 {
	  font-size: 45px !important;
	  line-height: 52px !important;
	  margin-bottom: 30px !important;
	}
	.sec4-btn a {
	  font-size: 20px !important;
	  padding: 20px 50px !important;
	}
	.section-four-home {
	  padding-bottom: 60px !important;
	}
	.home-blog .col-md-12 h2 {
	  font-size: 45px !important;
	  line-height: 52px !important;
	  margin-bottom: 30px !important;
	}
	.home-blog {
	  padding: 35px 0px 60px 0px !important;
	}
	.home-blog .col-md-12 .blog-cont h2 {
	  font-size: 18px !important;
	  line-height: 25px !important;
	  margin-bottom: 0px !important;
      padding-bottom: 0px !important;
      min-height: auto !important;
	}	
}
@media screen and (max-width: 1200px) {
	.home-sec1 h1 {
	  font-size: 45px !important;
	  line-height: 52px !important;
	  margin-bottom: 20px !important;
	}
	.section-one-home {
	  padding: 50px 0px 75px 0px !important;
	}
	.section-three-home {
	  padding: 60px 0px !important;
	}
	.section-four-home .rl-gallery-item img {
	  width: 100%;
	}	
}
@media screen and (max-width: 1024px) {
	.home-sec1 h1 {
	  font-size: 40px !important;
	  line-height: 47px !important;
	  margin-bottom: 20px !important;
	}
	.home-btn a {
	  padding: 18px 14px !important;
	}
	.section-two-home {
	  padding: 40px 0px !important;
	}
	.section-two-home h2 {
	  font-size: 35px !important;
	  line-height: 42px !important;
	  margin-bottom: 20px !important;
	}
	.section-three-home {
	  padding: 40px 0px !important;
	}
	.section-three-home h2 {
	  font-size: 30px !important;
	  line-height: 37px !important;
	}
	.section-three-home p, .section-three-home li {
	  font-size: 15px;
	  line-height: 22px;
	}
	.section-five-home {
	  padding: 40px 0px !important;
	}
	.section-five-home h2 {
	  font-size: 30px !important;
	  line-height: 37px !important;
	}
	.section-five-home .col-md-12 p {
	  padding: 0px 0px !important;
	  font-size: 15px !important;
	  line-height: 22px !important;
	}
	.section-six-home {
	  padding: 40px 0px !important;
	}
	.section-six-home h2 {
	  font-size: 33px !important;
	  line-height: 40px !important;
	  margin-bottom: 15px !important;
	}
	.section-six-home p {
	  font-size: 15px !important;
	  line-height: 22px !important;
	  padding: 0px !important;
	}
	.home-blog .col-md-12 h2 {
	  font-size: 35px !important;
	  line-height: 42px !important;
	  margin-bottom: 20px !important;
	}
	.home-blog {
	  padding: 35px 0px 55px 0px !important;
	}	
}
@media screen and (max-width: 900px) {
	.home-sec1 h1 {
	  font-size: 38px !important;
	  line-height: 45px !important;
	  margin-bottom: 15px !important;
	}
	.home-sec1 p {
	  font-size: 17px !important;
	  line-height: 23px !important;
	  margin-bottom: 20px !important;
	}
	.section-one-home {
	  padding: 50px 0px 60px 0px !important;
	}
	.home-sec1 h3 {
	  font-size: 18px !important;
	  line-height: 25px !important;
	}
}
@media screen and (max-width: 800px) {
	.home-btn a {
	  font-size: 14px !important;
	}
}	
@media screen and (max-width: 768px) {
	.home-sec1 h1 {
	  font-size: 40px !important;
	  line-height: 47px !important;
	}
	.section-one-home {
	  padding: 40px 0px 50px 0px !important;
	}
	.section-three-home h2 {
	  font-size: 28px !important;
	  line-height: 35px !important;
	}
	.section-four-home {
	  padding: 0px 0px 50px 0px !important;
	}
	.sec4-btn a {
	  font-size: 18px !important;
	  padding: 16px 40px !important;
	}
	.section-five-home h2 {
	  font-size: 28px !important;
	  line-height: 35px !important;
	}
	.section-six-home h2 {
	  font-size: 30px !important;
	  line-height: 37px !important;
	  margin-bottom: 10px !important;
	}
	.home-blog .col-md-12 h2 {
	  font-size: 33px !important;
	  line-height: 40px !important;
	}		
	.home-btn .outline {
	  padding: 17px 15px !important;
	  font-size: 15px !important;
	}
	.home-btn a.orange {
	  font-size: 19px !important;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  column-gap: 3px;
	}
	.home-btn {
	  grid-template-columns: auto auto;
	}
}
@media screen and (max-width: 700px) {
	.home-sec1 h1 {
	  font-size: 35px !important;
	  line-height: 42px !important;
	}
	.section-two-home h2 {
	  font-size: 30px !important;
	  line-height: 37px !important;
	  margin-bottom: 15px !important;
	  max-width: 100% !important;
	}
	.section-two-home .col-md-4 {
	  margin-bottom: 20px !important;
	}
	.section-three-home img {
	  width: 100%;
	  margin-bottom: 20px;
	}
	.section-three-home h2 {
	  font-size: 25px !important;
	  line-height: 31px !important;
	  margin-bottom: 15px !important;
	}
	.section-five-home h2 {
	  font-size: 25px !important;
	  line-height: 31px !important;
	  margin-bottom: 15px !important;
	}
	.home-blog .col-md-12 h2 {
	  font-size: 30px !important;
	  line-height: 36px !important;
	}
	.home-blog .hm-blog {
	  display: block !important;
	}
	 .home-blog .col-md-12 .blog-cont h2 {
	  min-height: auto !important;
	}
	.home-blog .blog-inner {
	  margin-bottom: 20px !important;
	}	
	.home-btn .outline {
	  padding: 16px 14px !important;
	  margin-left: 0px !important;
	  margin-top: 0px !important;
	  text-align: center !important;
	}
	.home-btn a.orange {
		font-size: 15px !important;
		text-align: left;
	  }
	.home-btn .outline {
		font-size: 15px !important;
	  }
}
@media screen and (max-width: 640px) {
	.home-sec1 h1 {
	  font-size: 30px !important;
	  line-height: 37px !important;
	}
	.home-btn a {
	  font-size: 17px !important;
	  padding: 17px 20px;
	}
	.section-three-home h2 {
	  font-size: 23px !important;
	  line-height: 29px !important;
	}
	.section-five-home h2 {
	  font-size: 23px !important;
	  line-height: 29px !important;
	}
}
@media screen and (max-width: 600px) {
	.mobile-banner {
	  display: block !important;
	}
	.mobile-banner img {
	  object-fit: cover;
	  width: 100% !important;
	}
	.section-one-home {
	  padding: 30px 0px 30px 0px !important;
	  background-image: none !important;
	  background-color: #10161c !important;
	}
	.section-one-home::before {
	  background-image: none !important;
	}
	.home-sec1 {
	  background-color: transparent !important;
	  width: 100%;
	  max-width: 100% !important;
	  padding: 0px !important;
	}
	.home-sec1 h3 {
	  font-size: 15px !important;
	  line-height: 22px !important;
	}	
}
@media screen and (max-width: 595px) {
	.home-btn a {
	  margin: 0 auto !important;
	  width: 100%;
	}
	.home-btn a.green {
	  margin-bottom: 15px !important;
	}	
	.sec4-btn a {
		width: 100%;
	}
	.col-md-12.sec2-bottom-text p {
	  font-size: 18px !important;
	  line-height: 25px !important;
	}
}
@media screen and (max-width: 440px) {
	.home-btn {
		grid-template-columns: 1fr;
		row-gap: 15px;
	  }	
}