/* Add here all your CSS customizations */
@font-face {
  font-family: poppins;
  src: url("../fonts/poppins/Poppins/Poppins-Regular.ttf");
}

.heroimg {
  height: 450px;
  background-image: url(../images/hero/1.png);
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
  padding-top: 15%;
}
@media (max-width: 575px) {
  .heroimg {
    padding-top: 42%;
  }
}

.hero-heading h3 {
  font-family: poppins;
  font-size: 2.5em;
  color: white;
  font-weight: 900;
  letter-spacing: 1px;
  padding-bottom: 10px;
  margin: 0;
}

.hero-heading p {
  font-family: poppins;
  font-size: 1em;
  color: white;
  padding: 0;
  margin: 0;
}

.about-section {
  height: 500px;
}

.main-heading h3 {
  color: #f7bf41;
  font-family: poppins;
  font-style: 1em;
}

.about-div-hed {
  color: #f7bf41 !important;
  font-family: poppins;
}

.Main-Contact {
  background-color: #f7bf41;
}

.Main-Footer {
  height: 210px;
  background-color: #414042;
}

.Who-Bg {
  transform: translateX(30px);
  height: 400px;
}

@media (max-width: 575px) {
  .Who-Bg {
    transform: translateX(0);
  }
}

.WHo-Main_div {
  padding-left: 80px;
  padding-top: 30px;
  padding-bottom: 80px;
}

@media (max-width: 575px) {
  .WHo-Main_div {
    padding-left: 10px;
    padding-top: 30px;
    padding-bottom: 80px;
  }
}

.WHo-Main_div h1 {
  color: #f7bf41 !important;
  font-weight: 900;
  font-family: poppins;
  font-size: 3.8em;
}

.WHo-Main_div p {
  color: #000 !important;
  font-family: poppins;
  text-align: justify;
}

.Services-Bg {
  background-image: url("../images/Infrastructure-Projects.png");
  height: 500px;
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
  position: relative;
}
.Services-Bg-Agriculture {
  background-image: url("../images/agriculture.png");
  height: 500px;
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
  position: relative;
}
.Services-Bg-Trading {
  background-image: url("../images/trading.png");
  height: 500px;
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
  position: relative;
}



.Services-Bg-Automotive {
    height: 500px; /* Full viewport height */
    position: relative;
    overflow: hidden;
    display: flex; /* استخدام flexbox للمحاذاة */
    align-items: center; /* التوسيط عمودياً */
    background-color: #464646;
    animation: change-background-automotive 40s infinite; /* Adjust duration as needed */
}

@keyframes change-background-automotive {
    0% {
        background-image: url("../images/first-pic.jpg");
        background-size: cover;
        background-position: center;
    }
    33% {
        background-image: url("../images/Automotive-4.jpg");
        background-size: cover;
        background-position: center;
    }
    66% {
        background-image: url("../images/Automotive-2.jpg");
        background-size: cover;
        background-position: center;
    }
    100% {
        background-image: url("../images/Automotive-3.jpg");
        background-size: cover;
        background-position: center;
    }
}

.Services-Bg-Power-Plant {
    height: 500px; /* Full viewport height */
    position: relative;
    overflow: hidden;
    display: flex; /* استخدام flexbox للمحاذاة */
    align-items: center; /* التوسيط عمودياً */
    background-color: #464646;
    animation: change-background-power 40s infinite; /* Adjust duration as needed */
}

@keyframes change-background-power {
    0% {
        background-image: url("../images/Zarqa-Hussein-Power-plant.jpg");
        background-size: cover;
        background-position: center;
    }
    33% {
        background-image: url("../images/Disi-PV.jpg");
        background-size: cover;
        background-position: center;
    }
    66% {
        background-image: url("../images/Samra-CCPP.jpg");
        background-size: cover;
        background-position: center;
    }
    100% {
        background-image: url("../images/Substation.jpg");
        background-size: cover;
        background-position: center;
    }
}


.Services-Bg-Military {
  background-image: url("../images/miltary.png");
  height: 500px;
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
  position: relative;
}

.Service_Orfer {
  position: absolute;
  bottom: 10%;
  left: 5%;
  font-weight: bold;
  color: white;
  font-family: poppins;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 2.8em;
}

.Service_Orfer1 {
  position: absolute;
  bottom: 5%;
  left: 5%;
  font-weight: bold;
  color: white;
  font-family: poppins;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 2.8em;
}

.Service-Text {
  font-family: poppins;
  font-size: 1.1em;
  color: #000;
}

@media (max-width: 575px) {
  .Main-fotter-li a {
    font-size: 0.85em;
  }
}

.mob-nav {
  display: none;
}
.bih-nav {
  display: block;
}

@media (max-width: 768px) {
  .Main-fotter-li a {
    display: block;
  }
  .bih-nav {
    display: block !important;
  }
}

/************features************/
.ah-testimonials-area {
  background: url("../images/business-rev-02.jpg");
  background-size: cover;
  padding: 120px 0;
  position: relative;
  background-attachment: fixed;
  min-height: 500px;
}
.ah-testimonials-area:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(156, 107, 0, 0.575);
}
.text-black {
  color: black !important;
}
.ah-testimonials-slide,
.ah-heading {
  z-index: 9;
}
.ah-testimonials-slide .carousel-item {
  text-align: center;
}
.ah-testimonials-img {
  margin: auto;
  border-radius: 50%;
  height: 100px;
  border: 2px solid #f7bf41;
  width: 100px;
}
.ah-testimonials-slide p {
  font-size: 13px;
  line-height: 2;
}
.ah-testimonials-slide .carousel-indicators li {
  width: 15px !important;
  height: 15px !important;
}
.carousel-control-next i,
.carousel-control-prev i {
  font-size: 36px !important;
}
.ah-partners-area {
  background: url("../images/white-bg.jpg");
  background-size: cover;
  position: relative;
  padding: 90px 0;
}
.ah-partners-area:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.79);
}
.ah-partners-area a {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.Contanct-bg {
  /* height: 80vh; */
  background-image: url(../images/contact.png);
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}

.Contact-Title {
  font-family: poppins;
  font-size: 2.8em;
  font-weight: 900;
  letter-spacing: 1px;
}