@font-face {
  font-family: 'LCD';
  src: url('../fonts/digital-7.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura Light BT';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/Futura Light BT.woff') format('woff');
}

:root {
  --site-blue: rgb(6,139, 206);
  --black-9: rgba(0, 0, 0, 0.9);
  --blue-start: rgba(6, 139, 206, 0.3);
  --blue-end: rgba(6, 139, 206, 0.8);
  --black-start: rgba(30, 32, 33, 0.5);
  --black-end: rgba(30, 32, 33, 0.8);
  --grey-start: rgba(1, 26, 39, 0.3);
  --grey-end: rgba(1, 26, 39, 0.8);
  --btn-blue: rgb(61, 155, 233);
  --color-try:  rgb(2, 46, 69);
}

html {
  scroll-behavior: smooth;
}

body {
  padding-top: 101px;
}

.bg-site {
  background-color: var(--site-blue);
}

.vh-screen {
  height: calc(100vh - 101px);
  background-color: grey;
}

.min-vh-screen {
  min-height: calc(100vh - 101px) !important;
}

.btn-site-primary {
  background-color: var(--site-blue);
  color: #FFFFFF;
  margin-bottom: 10px;
}

.btn-site-primary:hover,
.btn-site-primary:active, 
.btn-site-primary:visited {
  background-color: #000;
  color: #FFF;
}

.p-50 {
  padding: 50px;
}
/* Navigation Bar */
.navbar-brand img {
  margin: 15px 0px;
}
.navbar-brand {
  color: var(--site-blue) !important;
  font-size: 15px;
  font-family: LCD;
}
.nav-link {
  color: var(--site-blue) !important;
}

.nav-link.active {
  color: var(--black-9) !important;
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 767.98px) {
  .navbar-brand {
    margin: 0 auto;
  }
}


/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 575.98px) {
  .banner-subhead {
    width: 70%;
    word-break: break-all;
    overflow-wrap: break-word;
  }
}

/* Home Section */
.carousel-item::before {
  content: "";
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;

}

.carousel-item .slide-content {
  position: relative;
  color: white;
}

.carousel-control-prev, .carousel-control-next {
  color: #FFF;
  opacity: 1;
}

.slide-0::before {    
  background-image: url("../img/banners/telecom tower.jpg");
  box-shadow: inset 100vw 0 0 0 rgba(0, 0, 0, 0.5);
}

.slide-1::before {
  background-image: url("../img/banners/circuit connections.jpg");
  box-shadow: inset 100vw 0 0 0 rgba(2, 46, 69, 0.45);
}

.slide-2::before {
  background-image: url("../img/banners/satelite dish.jpg");
  box-shadow: inset 100vw 0 0 0 rgba(0, 0, 0, 0.3);
}

.banner-head {
  font-family: LCD;
  font-size: 4em;
}

.banner-subhead {
  font-size: 1.5em;
}

/* Section Style */

.section-head {
  line-height: 1.34em;
  text-align: left;
  font-size: 50px;
  padding-top: 25px;
  padding-bottom: 50px;
  padding-left: 15px;
}

.section-para {
  line-height: 1.75em;
  font-size: 18px;
  padding-left: 15px;
}

.section-para a {
  color: white;
}

/* About Section */
.about-section {
  /* The image used */
  background-image: linear-gradient(
      var(--blue-start),
      var(--blue-end)
    ),url("../img/about/satelite dish.jpg");

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}

.swiper-container {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 10px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Product Section */
.products-section {
  /* The image used */
  background-image: linear-gradient(
      var(--black-start),
      var(--black-end)
    ),url("../img/products/Flight Control.jpg");

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;

  padding-bottom: 50px;
}

.product-card {
  margin: 15px;
}

.product-card .card-header {
  background-color: #FFF;
  border: none;
}
.product-card .card-title {
  color: var(--site-blue);
  margin: 10px 0px 30px 0;
}

.product-card .card-text {
  color: #577083;
  margin: 0px 0px 10px 0;
  overflow-wrap: break-word;
}

.product-card .card-footer {
  background-color: #FFF;
  border: none;
}

/* Partners Section */
.partners-section {
  /* The image used */
  background-image: linear-gradient(
      var(--black-start),
      var(--black-end)
    ),url("../img/partners/neon lights.jpg");

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;

  padding-bottom: 50px;
}

.partner-card {
  margin: 15px;
}

.partner-card.card-1 {
  background-color: rgba(242, 191, 94, 0.7);
}

.partner-card.card-2 {
  background-color: rgba(117, 203, 168, 0.7);
}
.partner-card.card-3 {
  background-color: rgba(255, 97, 97, 0.79);
}

.partner-card.card-4 {
  background-color: rgb(83, 118, 183, 0.79);
}

.partner-card .card-header {
  background-color: transparent;
  border: none;
}
.partner-card .card-title {
  color: #FFFFFF;
  margin: 10px 0px 10px 0;
  font-family: Futura Light BT;
  font-size: 26px;
  letter-spacing: 2.08px;
  font-weight: 400;
  overflow-wrap: break-word;
}

.partner-card .card-text {
  color: #FFFFFF;
  margin: 0px 0px 10px 0;
  overflow-wrap: break-word;
}

.partner-card .card-footer {
  background-color: transparent;
  border: none;
}

/* Contact Section */
.contact-section {
  /* The image used */
  background-image: linear-gradient(
      rgb(2,46,69, 0.8),
      rgb(2,46,69, 1.0)
    ),url("../img/contact/aircraft engine.jpg");

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;

  padding-bottom: 50px;
}

.form-control {
  background-color: transparent;
}


.form-control:focus {
  background-color: transparent;
  color: #FFF;
}

.form-select {
  color: #FFF;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}