.section1 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: bgSlider 30s infinite ease-in-out;
  background-attachment: fixed;
}

/* الخلفيات اللي هتتغير */
@keyframes bgSlider {
  0%   { background-image: linear-gradient(to right,#00000088),url(/images/heroimg1_1.png); }
  33%  { background-image: linear-gradient(to right,#00000088),url(/images/heroimg2.png); }
  66%  { background-image: linear-gradient(to right,#00000088),url(/images/heroimg3.png); }
  100% { background-image: linear-gradient(to right,#00000062),url(/images/heroimg4.png); }
}



/* Navbar styling */
.navbar {
  position:sticky;
  top:0;
  z-index: 99999;
  
  background: #00000088;
  padding: 10px 10px;
  color: #fff;
  display:flex ;
  align-items: center;
  justify-content: space-around;
  
}

.logo{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.logotext{
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-weight: bold;
  padding: 5px;
  
  
}



.navbar .nav-links {
    display: flex;
    flex-direction: row;
    position: static;
    max-height: none;
    padding: 0;
    background: none;
    align-items: center;
  justify-content: center;
  gap: 20px;
  
  }

  .menu-btn {
    display: none;
  }



.navbar .nav-links li a {
  text-decoration: none;
  color: #b3daba;
  font-size: 1.5rem;
  transition: color 0.3s;
}

.active{
  border-bottom: #0a3801 solid 3px;
  transition: all .3s;
  /* border-radius: 5px; */
  
  
}
/* .active li a{
  color: #078d0e;
} */



/* Menu button (hidden by default) */
.menu-btn {
  display: none;
  font-size: 1.8em;
  cursor: pointer;
}


/* Navbar End */



/* Hero Section start */

.herosection{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 4rem 0;
  color: white;
}
.herohead{
  font-size: 4rem;
  border-bottom: #22bb06 4px solid ;

}

.herodescription{
  font-size: 2rem;
  width: 49.5%;
  text-align: center;
  padding: 1.5rem;
  background-color:#35200c6b;
  border-radius: 1rem;
}
.herocontactus{
  background-color: #033b01;
  
 
  padding: 5px 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px 1px rgb(37, 37, 37);
  font-size: 1.5rem;
  
}

.herocontactus a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: white;
}



/* the end of Hero section */

/* ------------------------------------------------------ */

/* section 2 start */
.section2{
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.section2 p{
 font-size: 1.5rem;
 font-weight: bolder;
 padding: 2px 20px;
 border-radius: 5px;
 color:#094102;
 background-image: linear-gradient(to left , #45c35a,transparent);
}

/* section 2 end */
/* ----------------------------------- */
/* section 2 part 2 start */
.section2Aboutus{
  padding: 2rem 4rem;
  display: flex;
  justify-content: center;
  gap: 1rem;


}

.section2AboutusPart1{
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section2Aboutusp1{
  color: #055a03;
  font-size: 2rem;
  font-weight: bold;
}

.section2Aboutusp2{
  color: #7e7d7de0;
  font-size: 1rem;
  font-weight: bold;
  width: 80%;

}

.sugestions{
  color: rgb(3, 20, 9);
  width: 70%;
}

.section2AboutusPart1Img{
  background-image: linear-gradient(to top, #fbbe2400,transparent),url(/images/section2img1.png);
  width: 60vw;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  border-radius: 10px;
}






/* section 2 part 2 end */
/* ----------------------------------- */

/* section 3 start  */

.section3{
  background-color: #fff;
  padding: 2rem 4rem ;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: #dbdbdb2c;
}

.section3part2{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  align-items: center;
  flex-wrap: wrap;
}
.section3part2Card{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: #587a633d; */
  gap: 1rem;
  width: 350px;
  padding: 25px ;
  /* border-top:#fbbf24 solid 5px ; */
  border-radius: 1rem;
  box-shadow: 0 0 5px 0 #00000086;
}
.section3part2CardImg {
  background-image: url(/images/الحجر\ العشوائي.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
 width: 300px;
 height: 200px;
 border-radius: 1rem;
}

.section3part2Cardbuttons{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 5px;
}
.section3part2Cardbuttonsp1 a, .section3part2Cardbuttonsp2 a {
  background-color:#098a14de;
  padding: 5px ;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}

 .section3part2Cardbuttonsp2 a{
  background-color:#fff;
  border: 2px solid #084702;
  color: #098a14;

}



.cuttrees{
  background-image: url(/images/تركيب\ المظلات.png);
}

.glassesRooms{
  background-image: url(/images/تركيب\ العشب\ الجداري.png);
}
.section3part2CardImgindustrialgrass{
  background-image: url(/images/industraialgrass.png);
}

.section3part2CardImgflours{
  background-image: url(/images/flours1.png);
}

.NaturalTileIN{
  background-image: url(/images/تركيب\ الثيل\ طبيعي.png);
}

.PlantingBasins{
  background-image: url(/images/شبكات\ الريpng.jpg);
}


.OutdoorSessions{
  background-image: url(/images/تركيب\ نوافير.png);
}

.instalnaturalpalms{
  background-image: url(/images/تركيب\ النخيل\ الطبيعي.png);
}

.instalnaturalpalms2{
  background-image: url(/images/تركيب\ شلالات.png);
}
.gardens{
  background-image: url(/images/تنسيق\ الحدائق.png);
}

.naturalpalms{
  background-image: url(/images/تركيب\ النخيل\ الطبيعي.png);
}
.section3{
  background-color: #587a06;
}
.section3part2CardP1{
  color:#098a14;
  font-size: 1.5rem;
  font-weight:900 ;
  background-color: #d3e6d2;
}

.section3part2CardP2{
  font-size: 1.25rem;
  font-weight: lighter;
  color: #056905e0;
  text-align: center;
  background-color: #c7c67f;
}
.section3part2CardMoreInfo a{
  background-color:white;
  color: #45c35a;
  display: flex;
  align-items: center;
  gap: 10px;
  padding:5px 10px;
  border: 2px solid #06660b;
  border-radius: 10px;
  font-size: 1.5rem;
  font-weight: 500;
}

.section3part2CardMoreInfo a:hover{
  transform: scale(1.2);
  background-color: #00160777;
  color: #001607;
  transition: all .4s;     
}



/* Section 3 End */
/* --------------------------------------------- */

/* section 4 start */


.section4{
  padding: 2rem 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: rgb(14, 114, 5);
}
.section4Images{
  background-image: url(/images/i1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 140px;
  border-radius: .5rem;
  box-shadow: 0 0 5px 1px #46443d;
}

.section4Images:hover{
  transform: scale(2);
  box-shadow: 0 0 20px 2px #fab70d;
}

.img2{
  background-image: url(/images/i30.png);
}

.img3{
  background-image: url(/images/footerimg2.png);
}
.img4{
  background-image: url(/images/i20.png);
}

.img5{
  background-image: url(/images/heroimg1_1.png);
}
.img6{
  background-image: url(/images/i13.png);
}
.img7{
  background-image: url(/images/i19.png);
}
.img8{
  background-image: url(/images/i11.png);
}
.img9{
  background-image: url(/images/i21.png);
}
.img10{
  background-image: url(/images/heroimg3.png);
}
.img11{
  background-image: url(/images/i18.png);
}
.img12{
  background-image: url(/images/i10.png);
}
.img13{
  background-image: url(/images/i22.png);
}
.img14{
  background-image: url(/images/i6.png);
}
.img15{
  background-image: url(/images/i14.png);
}
.img16{
  background-image: url(/images/i9.png);
}
.img17{
  background-image: url(/images/i27.png);
}
.img18{
  background-image: url(/images/i5.png);
}
.img19{
  background-image: url(/images/i23.png);
}
.img20{
  background-image: url(/images/i29.png);
}
.img21{
  background-image: url(/images/i15.png);
}
.img22{
  background-image: url(/images/i4.png);
}
.img23{
  background-image: url(/images/heroimg2.png);
}
.img24{
  background-image: url(/images/i16.png);
}
.img25{
  background-image: url(/images/i17.png);
}
.img26{
  background-image: url(/images/i7.png);
}
.img27{
  background-image: url(/images/i31.png);
}
.img28{
  background-image: url(/images/i8.png);
}
.img29{
  background-image: url(/images/i28.png);
}
.img30{
  background-image: url(/images/i2.png);
}
.img31{
  background-image: url(/images/i32.png);
}
.img32{
  background-image: url(/images/i33.png);
}
.img33{
  background-image: url(/images/i34.png);
}
.img34{
  background-image: url(/images/floursimg1.png);
}
.img35{
  background-image: url(/images/industrialimg1.png);
}
.img36{
  background-image: url(/images/naturalimg1.png);
}
.img37{
  background-image: url(/images/networkimg1.png);
}
.img38{
  background-image: url(/images/palmimg1.png);
}
.img39{
  background-image: url(/images/sessionimg1.png);
}
.img40{
  background-image: url(/images/wallimg1.png);
}
.img41{
  background-image: url(/images/floursimg2.png);
}
.img42{
  background-image: url(/images/industrialimg2.png);
}
.img43{
  background-image: url(/images/naturalimg2.png);
}
.img44{
  background-image: url(/images/networkimg2.png);
}
.img45{
  background-image: url(/images/palmimg2.png);
}
.img46{
  background-image: url(/images/sessionimg2.png);
}
.img47{
  background-image: url(/images/wallimg3.png);
}
.img48{
  background-image: url(/images/floursimg3.png);
}
.img49{
  background-image: url(/images/industrialimg3.png);
}
.img50{
  background-image: url(/images/naturalimg3.png);
}
.img51{
  background-image: url(/images/networkimg3.png);
}
.img52{
  background-image: url(/images/palmimg11.png);
}
.img53{
  background-image: url(/images/sessionimg3.png);
}
.img54{
  background-image: url(/images/wallimg4.png);
}
.img55{
  background-image: url(/images/floursimg4.png);
}
.img56{
  background-image: url(/images/industrialimg4.png);
}
.img57{
  background-image: url(/images/naturalimg4.png);
}
.img58{
  background-image: url(/images/networkimg4.png);
}
.img59{
  background-image: url(/images/naturalimg6.png);
}
.img60{
  background-image: url(/images/palmimg4.png);
}
.img61{
  background-image: url(/images/sessionimg4.png);
}
.img62{
  background-image: url(/images/wallimg5.png);
}
.img63{
  background-image: url(/images/floursimg5.png);
}


/* section 4 end */
/* --------------------------------------------- */
/* section 5 start */

.section5{
  padding: 2rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;

}

.section5 .card{
  background-color: rgb(255, 255, 255);
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 25vw;
}

.cardp1{
  font-size: 2.5rem;
  font-weight: bolder;
  color: #013308;
}
.cardp2{
  font-size: 1.25rem;
  font-weight: bold;
}
.cardp3{
  font-size: 1rem;
  font-weight: 300;
  color: gray;
}

.cardimg1, .cardimg2{
  background-image: url(/images/i36.png);
  height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;

}
.cardimg2{
  background-image: url(/images/i35.png);
}
/* section 5 end */

/* ---------------------------------------------------- */
/* section phone and whatsapp start */
.sectionPhone a, .sectionWhatsApp a { 
  width: 3rem; 
  height: 3rem; 
  position: fixed; 
  left: 20px; 
  bottom: 110px; 
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.603); 
  text-align: center; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  border-radius: 50%; 
  background-color: #0b530bc7; 
  color: white;
  cursor: pointer;
  
  /* الأنيميشن */
  animation: pulse 10s infinite;
  transition: transform 0.3s ease;
}

/* حركة النبض */
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 10px 2px rgba(0, 128, 0, 0.6);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 10px 2px #1f201fcc;
    background-color: rgba(13, 129, 13, 0.753);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 10px 2px rgba(0, 128, 0, 0.6);
    
  }
}

/* تأثير عند المرور بالماوس */
.sectionPhone a:hover, .sectionWhatsApp a:hover {
  transform: scale(1.2);
  background-color: #25D366; /* لون واتساب الفاتح */
}


.sectionWhatsApp a{
  bottom: 50px;
  
}


/* Section Phone and WhatsApp End */

/* ------------------------------------------------- */

/* زر الرجوع */
    .to-top {
      position: fixed;
      bottom: 50px;
      right: 20px;
      z-index: 9999;
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      border: 2px solid #40BD56;
      box-shadow: 0 2px 20px 2px #252524c4;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;

      /* مخفي في البداية */
      opacity: 0;
      transform: translateY(12px) scale(0.98);
      pointer-events: none;
      transition: opacity 220ms ease, transform 220ms ease;
    }

    .to-top.show {
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }

    .to-top:focus {
      outline: 3px solid #ffd700;
      outline-offset: 2px;
    }
 
    /* end page 1 */

    /* _____________________________________________ */

    /* start page 2 about  */
   
    .section1about{
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.267)), url(/images/i28.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 60vh;
    }

    .heroheadabout{
      font-size: rem;
    }
/* end sectionabout 1 */
/* ------------------------------------------- */
/* start sectionabout 2 */

.sectionabout2 p{
  background-image: linear-gradient(to left,#fbbf24 ,transparent);
  color: #40BD56;
  
}

.sectionabout2 span{
  font-size: 1.5rem;
  color: #1a3820;
  padding: 10px 0;
}

/* part 2 */

.sectionabout2part2{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 4rem;
  gap: 2rem;

}

.sectionabout2part2Allcards{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
  width: 80%;
}

.sectionabout2part2card{
  width: 40%;
  padding: 1rem;
  box-shadow: 0 0 20px 0 rgba(128, 128, 128, 0.164) ;  
}
.sectionabout2part2Img{
  background-image: url(/images/i13.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
  width: 35vw;
  height: 80vh;
}
/* end sectionabout 2 */

/* _____________________________________________________ */


/* start page 3 services */

/* section1services  start*/
.section1services{
  background-image:linear-gradient(to top, rgba(0, 0, 0, 0.397),transparent), url(/images/i34.png);
}


.serviceswaterfallsimg{
  background-image: url(/images/تركيب\ شلالات.png);
}

.servicesstoneimg{
  background-image: url(/images/تركيب\ المظلات.png);
}


/* section1services  end*/
/* _____________________________________________________ */

/* start page 4 landscape coordination*/


/* section1lndscape  start*/
.herolandscape{
  background-image: linear-gradient(to top, black,transparent),url(/images/تنسيق\ الحدائق.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.landsection2{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  padding: 2rem 4rem;
}
.landsection2p1{
  background-color:rgba(32, 22, 22, 0.178);
  font-size: 1.5rem;
  font-weight: bold;
  padding: 1rem;
  color: #18a306;
  border-radius: 5px;
  box-shadow: inset 0 0 20px 0 gray;
}
.landsection2p2{
  width: 70%;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.623);
}

.serviceslandscapeimg{
  background-image: url(/images/تنسيق\ الحدائق.png);
}
/* section1lndscape  end*/


/* start page 5 waterfalls*/


.waterfalls{
  background-image: linear-gradient(to top, #00000038,transparent),url(/images/تركيب\ شلالات.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}


/* start page 6 contactus*/

.section1contact{
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.493),transparent),url(/images/i35.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* section 2 start */
.section2contact{
  background-color: #c5c5c54d;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  gap: 1rem;
  padding: 4rem ;

  
}

.section2contactcard{
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.section2contactcardicon{
  background-color: rgba(247, 222, 83, 0.37);
  padding: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.section2contactphone{
  color: #03441c;
  font-size: 1.25rem;
  font-weight: 400;
  
}

.phonenumber{
  color: black;
}

/* section 2 contact end */

/* Natural page */
.heronatural{
  background-image: url(/images/naturalimg3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-attachment: fixed; */
}


.naturalimg1{
  background-image: url(/images/naturalimg2.png);
}

.naturalimg2{
  background-image: url(/images/naturalimg3.png);
}

.naturalimg3{
  background-image: url(/images/naturalimg4.png);
}

.naturalimg4{
  background-image: url(/images/naturalimg5.png);
}

.naturalimg5{
  background-image: url(/images/naturalimg6.png);
}

/* industrial page */
.industrialhero{
  background-image: url(/images/industraialgrass.png);
}

.industrialimg1{
  background-image: url(/images/industrialimg1.png);
}
.industrialimg2{
  background-image: url(/images/industrialimg2.png);
}
.industrialimg3{
  background-image: url(/images/industrialimg3.png);
}
.industrialimg4{
  background-image: url(/images/industrialimg4.png);
}
.industrialimg5{
  background-image: url(/images/industrialimg5.png);
}

.industrialimg6{
  background-image: url(/images/industrialimg6.png);
}

.industrialimg7{
  background-image: url(/images/industrialimg7.png);
}

/* flours page */

.flourshero{
  background-image: url(/images/floursimg4.png);
}

.floursimg1{
  background-image: url(/images/floursimg9.png);
}
.floursimg2{
  background-image: url(/images/floursimg8.png);
}
.floursimg3{
  background-image: url(/images/floursimg7.png);
}
.floursimg4{
  background-image: url(/images/floursimg6.png);
}
.floursimg5{
  background-image: url(/images/floursimg5.png);
}
.floursimg6{
  background-image: url(/images/floursimg4.png);
}
.floursimg7{
  background-image: url(/images/floursimg3.png);
}
.floursimg8{
  background-image: url(/images/floursimg2.png);
}
.floursimg9{
  background-image: url(/images/floursimg1.png);
}
.floursimg10{
  background-image: url(/images/floursimg10.png);
}

/* palm page */
.palmhero{
  background-image: url(/images/تركيب\ النخيل\ الطبيعي.png);
}
.palmimg1{
  background-image: url(/images/palmimg1.png);
}
.palmimg2{
  background-image: url(/images/palmimg2.png);
}
.palmimg3{
  background-image: url(/images/palmimg11.png);
}
.palmimg4{
  background-image: url(/images/palmimg4.png);
}
.palmimg5{
  background-image: url(/images/palmimg5.png);
}
.palmimg6{
  background-image: url(/images/palmimg6.png);
}
.palmimg7{
  background-image: url(/images/palmimg7.png);
}
.palmimg8{
  background-image: url(/images/palmimg8.png);
}
.palmimg9{
  background-image: url(/images/palmimg9.png);
}
.palmimg10{
  background-image: url(/images/palmimg10.png);
}

/* network page */

.networkhero{
  background-image: url(/images/networkimg4.png);
  background-attachment: fixed;
}

.networkimg1{
  background-image: url(/images/networkimg1.png);
}
.networkimg2{
  background-image: url(/images/networkimg2.png);
}
.networkimg3{
  background-image: url(/images/networkimg3.png);
}
.networkimg4{
  background-image: url(/images/networkimg4.png);
}
.networkimg5{
  background-image: url(/images/networkimg5.png);
}
.networkimg6{
  background-image: url(/images/networkimg6.png);
}
.networkimg7{
  background-image: url(/images/networkimg7.png);
}
.networkimg8{
  background-image: url(/images/networkimg8.png);
}
.networkimg9{
  background-image: url(/images/networkimg9.png);
}
.networkimg10{
  background-image: url(/images/networkimg10.png);
}

/* wall page  */

.wallhero{
  background-image: url(/images/wallimg8.png);
}
.wallimg1{
  background-image: url(/images/wallimg1.png);
}
.wallimg2{
  background-image: url(/images/i17.png);
}
.wallimg3{
  background-image: url(/images/wallimg3.png);
}
.wallimg4{
  background-image: url(/images/wallimg4.png);
}
.wallimg5{
  background-image: url(/images/wallimg5.png);
}
.wallimg6{
  background-image: url(/images/wallimg6.png);
}
.wallimg7{
  background-image: url(/images/wallimg7.png);
}
.wallimg8{
  background-image: url(/images/wallimg8.png);
}
.wallimg9{
  background-image: url(/images/wallimg9.png);
}
.wallimg10{
  background-image: url(/images/wallimg10.png);
}

/* sessions page */
.sessionshero{
  background-image: url(/images/sessionimg6.png);
  
}

.sessionimg1{
  background-image: url(/images/sessionimg1.png);
}
.sessionimg2{
  background-image: url(/images/sessionimg2.png);
}
.sessionimg3{
  background-image: url(/images/sessionimg3.png);
}
.sessionimg4{
  background-image: url(/images/sessionimg4.png);
}
.sessionimg5{
  background-image: url(/images/sessionimg5.png);
}
.sessionimg6{
  background-image: url(/images/sessionimg6.png);
}
.sessionimg7{
  background-image: url(/images/sessionimg7.png);
}
.sessionimg8{
  background-image: url(/images/sessionimg8.png);
}
.sessionimg9{
  background-image: url(/images/sessionimg9.png);
}
.sessionimg10{
  background-image: url(/images/sessionimg10.png);
}

/* الرجوع للخلف */

.returnback{
  padding: 2rem 4rem;
}

.returnback a{
  padding: 5px 10px ;
  background: rgb(197, 197, 197);
  font-size: 1.25rem;
  font-weight: bold;
  border-radius: 2px;
  
  color: green;
}
.returnback a:hover{
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 3px 0 10px 0 rgb(40, 41, 40);
  color: rgb(8, 221, 8);
  transition: all .3s;
}


/* footer part start */
.foot{
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.712)),url(/images/footerimg2.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 2rem 4rem;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
justify-content: center;
}

.footerPart1AndPart2{
  display: flex;
  gap: 2rem;

}

.part1InFoot{
  
  width: 30vw;
  display: flex;
  flex-direction: column;
  gap: 20px;
color: white;

}


.part1InFoot p{
  font-size: 1.25rem;
  width:90%;
}

.part2InFoot{
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
  
}
.part2InFoot ul{
  display: flex;
  flex-direction: column;
  gap: 10px;

}

.part2InFoot ul li a{
  color: white;
  font-size: 1.25rem;

}

.part2InFoot p{
  color: #fbbf24;
}

.websitesLinkes{
  
  display: flex;
  flex-direction: column;
  gap: 20px;
  
}

.phone{
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 1.25rem;
  color: white;
  padding: .5rem 0;
}



.footHorizontalLine{
  height: 2px;
  width:100% ;
  background-color: #fbbf24;
}

.DeveByEM{
  color: white;
  text-align: center;
  font-size: 1rem;
}



/* footer part end */




/* responsiv screen */

@media (max-width:776px){
   .navbar{
    padding-left: 1rem;
    padding-right: 1remS;

    padding: 0 2remS;
  }


    /* الافتراضي للشاشات الصغيرة */
.navbar .nav-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  top: 70px; /* تحت النافبار */
  right: 10px;
  background: #1f1e1e;
  padding: 0 15px;
  border-radius: 8px;
  z-index: 9999;
  /* للأنيميشن */
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, padding 0.2s ease-in-out;
}

  .navbar .nav-links.show {
  max-height: 500px;
  padding: 15px;
 }
  
  .menu-btn {
  display: block;
  font-size: 1.8em;
  cursor: pointer;
}

  .navbar .nav-links.show {
    left: 0;
  }

.herohead{
  font-size: 1.5rem;
  border-bottom: #fbbf24 1px solid;
  text-align: center;

}

.herodescription{
  font-size: 1.25rem;
  color: rgb(216, 215, 215);
  width: 90%;
  background-color: rgba(165, 163, 163, 0);

}


.herocontactus {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 100px;
  text-shadow: 0 0 10px rgba(34,197,94,0.3);
  animation: fadeIn 2s ease-in-out, colorFlow 4s linear infinite;
}

/* أنيميشن الظهور التدريجي */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* أنيميشن لتدرج اللون المستمر */
@keyframes colorFlow {
  0% {
    color: #ffe6a6; /* أخضر فاتح */
    text-shadow: 0 0 10px rgba(34,197,94,0.4);
  }
  50% {
    color: #fbbf24; /* أخضر غامق */
    text-shadow: 0 0 15px rgba(22,163,74,0.6);
  }
  100% {
    color: #fdcd53;
    text-shadow: 0 0 10px rgba(34,197,94,0.4);
  }
}


/* section 2 */

.section2 p{
 font-size: 1.5rem;
 font-weight: bold;
 padding: 1px 10px;
}

.section2Aboutus{
  padding: 1rem 2rem;
  flex-direction: column-reverse;
  align-items: center ;

}

.section2AboutusPart1{
  width: 100%;
  align-items: center;
  text-align: center;

}

.section2Aboutusp1{
  font-size: 1.5rem;
  font-weight: 500;
}

.section2Aboutusp2{
  font-size: 1rem;
  font-weight: 400;
  width: 90%;

}

.sugestions{
  width: 80%;
}

.section2AboutusPart1Img{
  width: 70vw;
  height: 400px;
  background-size:contain;
  border-radius: 20px;
}

/* section 3 */

.section3part2Card{
  width: 320px;
  padding: 20px ;
}

.section3part2CardImg {
 width: 280px;
}

.section3part2CardP1{
  font-weight:800 ;
}
.section3part2CardMoreInfo a{
  justify-content: center;
  border-radius: 10px;
}

.section3part2Cardbuttonsp1 a, .section3part2Cardbuttonsp2 a {
  background-color:#fff;
  border: 2px double #FBBF24;
  color: #069c1a;
  padding:5px 10px;
  font-weight: bold;
}

/* section 4 */

.section4{
  padding: 1rem 1rem;
 
}

.section4Images:hover{
  transform: scale(1);
  box-shadow: 0 0 5px 1px #46443d;
}

/* section 5 */

.section5{
  padding: 1rem 0rem;
  flex-direction: column;
  gap: 2rem;

}

.section5 .card{
  gap: .75rem;
  width: 70vw;
}

.cardimg1, .cardimg2{
  height: 40vh;
  background-size: cover;

}



/* page about us  */

.sectionabout2 p{
font-size: 1.5rem;
font-weight: bold;  
}

.sectionabout2 span{
  font-size: 1rem;
  text-align: center;
  color: #1a5225;
}

.sectionabout2part2{
  flex-direction: column;
  padding: 2rem 2rem;
  gap: 2rem;

}

.sectionabout2part2Allcards{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
  width: 90%;
}

.sectionabout2part2card{
  width: 100%;
  padding: 1rem;
  box-shadow: 0 0 0 0 #80808000 ;  
}

.sectionabout2part2Img{
  border-radius: 2px;
  width: 80vw;
  height: 40vh;
}

/* landscaping page */

.landsection2{
  padding: 1rem 2rem;
}

.landsection2p1{
  font-size: 1.25rem;
  padding:.5rem 1rem;
  box-shadow: inset 0 0 10px 0 gray;
}


.landsection2p2{
  width: 100%;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.575);
}



/* ----------------------------------------------------- */

/*  Footer part */

.part1InFootLogo{
  width: 60%;
  align-self: center;
  
}

.foot{
  padding:  1rem 2rem;
  flex-direction: column;
  gap: 10px;
  padding: 1rem 0;


}
.footerPart1AndPart2{
  flex-direction: column;
  align-items: center;
}


.footerPart1AndPart2 p{
  text-align: center;
  
  
}

.part1InFoot{
  width: 70vw;
}

.part1InFoot p{
  font-size: 1.5rem;
  font-weight: bold;
}


.part2InFoot{
  font-size: 1.5rem;
  font-weight: bold;
}

.part2InFoot p{
  padding:  5px 0;
  border-bottom:  0px;
  border-radius: 4px;
  margin-bottom: 1rem;
  text-align: center;
}

.DeveByEM{
  font-size: 10px;
  font-weight: bolder;
}

.returnback{
  padding: 2rem 2rem;
}

.returnback a{
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 3px 0 10px 0 rgb(40, 41, 40);
  color: rgb(4, 109, 4);
}


}