@import url("../css/style.css");
@import url("./client.css");
@import url("./animation.css");
@import url("./partners.css");
@import url("./vision-and-mission.css");


.bg-primary {
  background-color: #1475ca !important
}

.text-primary {
  color: #1475ca !important;
}

.btn-primary {
  color: #fff;
  background-color: #1475ca;
  border-color: #1475ca
}

.btn.btn-primary::after {
  background: #fff !important;
}


a {
  color: #1475ca;
  text-decoration: none
}

.btn-primary:hover {
  color: #fff;
  background-color: #1475ca;
  border-color: #1475ca;
}

.navbar-brand img {
  height: 80px;
  width: auto;
}

.footer .location {
  display: flex;

}

.footer .fa {
  width: 25px;
  min-width: 25px;
  padding-top: 10px;
}

.section-header {
  max-width: 800px;
}

.page-header {
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url(../assets/images/tab_eneregy_carousal_image_1.png) center center no-repeat;
  background-size: cover;
}

.page-about-us .page-header {
  background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url(../assets/images/banner/about_us.jpg) center center no-repeat;
}

.page-contact .page-header {
  background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url(../assets/images/banner/contacts_banner_image.jpg) center center no-repeat;
}

.page-services .page-header {
  background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url(../assets/images/banner/services_banner.jpg) center center no-repeat;
}

.page-products .page-header {
  background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url(../assets/images/banner/products_banner_image.jpg) center center no-repeat;
}


@media (max-width: 768px) {

  .px-5 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .p-5 {
    padding: 1.5rem !important;
  }
}

.contact-row {
  display: flex;
  align-items: stretch;
}

.contact-row>div {
  display: flex;
}

.contact-map {
  width: 100%;
  display: flex;
  margin-right: 90px !important;
}

.contact-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 991.98px) {

  .contact-map {
    height: 400px;
    margin-right: 0px !important;
  }

  .contact-map iframe {
    height: 100%;
  }

  .about-us-image-container {
    margin: 0px !important;
  }

  .about-us-image-container img {
    margin: 0 !important;
  }

}

.text-start {
  font-size: .9rem !important;
  line-height: 1.5 !important;
}