.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;
}

.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);
  }


}