@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

* {
  box-sizing: border-box;
}

body {
  font-family: 'Lato', sans-serif;
}

h1, h2, h3 {
  color: #0C356A;
}

.carousel-caption h1,
.carousel-caption h2 {
  margin-top: 200px;
  color: #fff;
}

.carousel-caption p {
  width: 80%;
  margin: auto;
}

img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.carousel-item img {
  margin-top: 0;
  width: 100%;
  height: 100vh;
}

video {
  height: 450px;
}

.video button {
  width: 40%;
  margin: 15px auto;
}

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

.navbar, .home-projects .card-body {
  background-color: #0C356A;
}

.home-projects a{
  width: 15%;
}

.quote-btn a {
  width: 45%;
}
button .navbar-toggler {
  color: #fff;
}

.carousel-caption, .services .card-img-overlay {
  
  background-color: rgba(0, 0, 0, 0.23);
  width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
  padding: 0;
  list-style-type: none;
  list-style: none;
}

.carousel-caption h3 {
  color: #fff;
  margin-top: 200px;
}

.area-of-expertise .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #6B728E;
  color: #fff;
  padding: 2.8rem 0;
}

.area-of-expertise .icon {
  font-size: 48px;
  border: 4px solid #fff;
  color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.overview .card {
  background-color: #6B728E;
}

.home-partners .row .card {
  width: 9rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-partners .row .col {
  display: flex;
  justify-content: center;
  align-items: center;
}



.about .card, .contact .card, .serve {
  /* background-color: #6B728E; */
  /* background-color: #86B6F6; */
  /* background-color: #3887BE; */
  background-color: #aaa;
  color: #fff;
}

.serve:hover {
  background-color: #0C356A;
  scale: 1.1;
  cursor: pointer;
  transition: all 0.3s fade-in;
}

.footer {
  padding: 1rem 0;
  background-color: #0C356A;
}

.footer-copyright {
  background-color: #0E2954;
  padding: 15px 0;
}

.footer-copyright p {
  color: #fff;
}

.footer h4 {
  color: #fff;
  font-size: 1.8rem;
}

.footer-menu-content, .social-icons, .address-footer {
  text-decoration: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.footer-menu-content li {
  font-size: 1.2rem;
  margin: 10px 0;
}

.social-icon {
  font-size: 1.5rem;
}

.footer-menu-content a, .social-icon a, .address-footer li, .footer-email a {
  text-decoration: none;
  color: #fff;
}

.services .landing {
  width: 50%;
}

@media screen and (max-width: 600px) {
  .card {
    margin: 15px 0;
  }
  .carousel-item img {
    margin-top: 0;
    width: 100%;
    height: 60vh;
  }

  .carousel-caption h1,
.carousel-caption h2 {
  margin-top: 40px;
  color: #fff;
}

.carousel-caption h3 {
  color: #fff;
  margin-top: 140px;
}

.carousel-caption p {
  width: 100%;
  margin: auto;
}

  .quote-btn a, .home-projects a {
    width: 55%;
  }

  .home-partners .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .home-partners .row .card {
    width: 6.5rem;
  }

}