/*Start Global style */
@font-face {
  font-family: "Proxima-Nova-Bold";
  src: url("../fornt/FontsFree-Net-FontsFree-Net-Proxima-Nova-Bold.ttf");
}

@font-face {
  font-family: "Segoe-ui-historic.ttf";
  src: url("../fornt/Segoe-ui-historic.ttf");
}

@font-face {
  font-family: "ProximaNova-Regular";
  src: url("../fornt/FontsFree-Net-ProximaNova-Regular.ttf");
}
@font-face {
  font-family: "Proxima-Nova-Thin";
  src: url("../fornt/Proxima-Nova-Thin.ttf");
}

.Ffb {
  font-family: "Proxima-Nova-Bold";
}
.FPth {
  font-family: "ProximaNova-Regular";
  font-size:1rem;
}

.Ffl {
  font-family: "ProximaNova-Regular";
}

.Fsuh {
  font-family: "Segoe-ui-historic.ttf";
}

.h-70 {
  height: 70%;
}

.h-97 {
  height: 97%;
}
.w-97 {
  width: 96%;
}

.a-text-decoration {
  text-decoration: none;
}

.bg-gray {
  background-color: #f3f3f4;
}

.text-color-blue-dark {
  color: #112232;
}

.text-color-blue-light {
  color: #819aa9;
}

.line-height-2 {
  line-height: 2;
}

/*Ends Global style */

/* First Section With Nav */
.bg-image {
  background-image: url("../image/bg1.jpg");
  background-size: cover;
  /* background-position: center ; */
  background-repeat: no-repeat;
  height: 77vh;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color: #2a485b;
}

/* End Section With Nav */
/* Start footer background */
.footer-bg {
  background-color: #0a141d;
}

@media (max-width: 500px) {
  .logo {
    width: 68%;
  }
}
/* End footer background */
/* @media (min-width: 1400px) {
  .bg-image .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1530px;
  }
} */
.points {
  /* background-color: #fff !important; */
  background-color: rgba(255, 255, 255, 0.3) !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
}
.z-9 {
  left: 50%;
  z-index: 9;
}
.translate-50 {
  transform: translateX(-50%);
}
.min-height-300 {
  min-height: 300px;
}
/* start Products */
.Products {
  grid-template-columns: 1fr 1fr;
}

.color-1 {
  background-color: #112232;
  color: #fff;
}

.color-2 {
  background-color: #3fa85a;
  color: #fff;
}

.color-3 {
  background-color: #4195e9;
  color: #fff;
}

.color-4 {
  background-color: #112232;
  color: #fff;
}

.p-11 {
  padding-left: 11rem;
  font-size: 2.2rem;
}

.p-17 {
  padding-left: 17rem;
  font-size: 2.2rem;
}



@media (max-width: 1100px) {
  .p-17 {
    padding-left: 6rem;
    font-size: 1.6rem;
  }

  .p-11 {
    padding-left: 10rem;
    font-size: 1.6rem;
  }
}

@media (max-width: 800px) {
  .height-300 {
    min-height: 300px;
  }

  .p-17 {
    margin: auto;
    padding-left: 0rem;
    font-size: 1.6rem;
  }

  .p-11 {
    padding-left: 0rem;
    font-size: 1.6rem;
    margin: auto;
  }
  .md-screen {
    display: none;
  }
  .sm-screen {
    display: block !important;
  }
  .Products {
    grid-template-columns: 1fr;
  }
}

/* end Products */
/* start video */
.work {
  background-image: url("../image/m7@2x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 316px;
  background-color: #000;
}
@media (min-width: 1000px) {
  .work {
    min-height: 568px;
  }
}

.work iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.transform {
  transform: translateY(100%);
}

/* end video */
/* @media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1530px;
  }
} */

/*start about US  */
.bg-image-boutUS {
  background-image: url("../image/bg-2.jpg");
  background-size: cover;
  /* background-position: center ; */
  background-repeat: no-repeat;
  height: 49vh;
}
.About {
  padding-top: 100px;
  padding-left: 27px;
}
.list-links .navbar-nav li a:hover {
  color: #3fa85a !important;
}

/* End About US */
/* start contact */
.bg-image-contact {
  background-image: url("../image/bg-contact.png");
  background-size: cover;
  /* background-position: center ; */
  background-repeat: no-repeat;
  height: 49vh;
}
.contact {
  padding-top: 80px;
  padding-left: 91px;
}
.bg-form-contact {
  background-color: #112333;
}
form label {
  color: #fff;
}
.Submit {
  background-color: #65b137;
}

#map {
  height: 489px;
  overflow: hidden;
}
#ifrm{
  margin-top: -55px;
}



/* end contact */
/* start Company Profile */
.text-green {
  color: #65b137;
}
.bg-image-boutUS-Company {
  background-image: url("../image/gas.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 49vh;
}
.listCompany {
  background-color: #eff7ea;
  position: relative;
}
.listCompany::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #a9d48f;
  left: 17px;
  top: 20px;
}
/* end Company Profile */
/*drop-color*/
.drop-color > ul{
  background-color: #0d2a4a;
  border-top: 4px solid #7ded4e;
}
.drop-color-bg-color:hover{
  background-color: transparent;
}
.d-hover:hover + ul{
  display: block;
}
.d-hover + ul:hover{
  display: block;
}