@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css");
.btn {
  border: none;
}

.btn-primary {
  background-color: #fc7839;
}
.btn-primary:hover {
  background-color: #FB5607;
}

body {
  font-family: "Montserrat", sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Roboto", sans-serif;
}

header .header-left {
  max-width: 57%;
  margin-right: 3%;
}
header .header-right {
  max-width: 40%;
}

.banner {
  background-image: url("/images/cpu-pcb.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1920/861;
}
@media (min-width: 992px) {
  .banner {
    aspect-ratio: 1920/600;
  }
}
@media (min-width: 1920.1px) {
  .banner {
    height: 600px;
  }
}

.page-header {
  position: fixed;
  z-index: 200;
  background: white;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 40%, rgba(255, 255, 255, 0.0130427171) 100%);
}
@media (max-width: 991.9px) {
  .page-header {
    position: sticky;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
  }
}

.boxes {
  background-image: url("/images/blue-circle-bg-2.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.boxes .box {
  background: white;
  background: linear-gradient(310deg, rgba(255, 255, 255, 0.5) 10%, rgba(240, 240, 240, 0.8) 90%);
  border: none;
}
.boxes .box h3 {
  color: #0C3B6F;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.3);
}
.boxes .box p {
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.3);
  font-size: 1.1rem;
}

#contact {
  background-color: #0093D1;
  background-image: url("/images/circuit-1.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
#contact .form-control {
  background-color: #b8eaff;
  border: none;
}

footer {
  background-color: #0C3B6F;
}

/*# sourceMappingURL=main.css.map */