.bg-img-1{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.6), 
    rgba(0, 0, 0, 0.6)
  ),url("../../img/cctv.jpg");
  background-color: black;
  height: 400px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-size: auto; /* Resize the background image to cover the entire container */
}

.bg-img-2{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.8), 
    rgba(0, 0, 0, 0.8)
  ),url("../../img/app.jpg");
  background-color: black;
  height: 600px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-size: auto; /* Resize the background image to cover the entire container */
}

.bg-img-3{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.8), 
    rgba(0, 0, 0, 0.8)
  ),url("../../img/marketing.jpeg");
  background-color: black;
  height: 400px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-size: auto; /* Resize the background image to cover the entire container */
}

.margin-title{
  margin-top: 3rem;

}

.complete-row{
  max-width: unset;
}

.carousel-item{
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../img/technology.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color:black;
  display:block;
  height: 400px;
}

.box-info{
  background-color: black;
  padding: 3em 4.5em;
  position: absolute;
}

.carousel-caption{
  color:white;
}

.margin-privacy{
  margin-top: 5rem;

}

.margin-left{
  margin-left: 10px;
}

.margin {
  margin-top: 10rem;
}

.frm-margin{
  padding-left: 15px !important; 
  padding-right: 15px !important;
}

.margin-small{
  margin-top: 1rem;
}

.banner-box{
  border-left: solid; 
  border-color: white; 
  padding-left: 50px; 
  padding-top: 20px; 
  padding-bottom: 30px; 
  margin-top: 20%;
}

.col-banner{
  background-color: #17a2b8; 
  margin-right: 10%;
}

.img-icon{
  height: 100px!important;
}

.box-form{
  background-color: #17a2b8; 
  padding-left: 10%; 
  padding-right: 5%;
}

.title-form{
  border-bottom: solid; 
  width: 50%;
}

.box-contact{
  background-color: #e9ecef; 
  padding-left: 5%; 
  padding-right: 5%;
  padding-bottom: 20px;
}

.title-contact{
  border-bottom: solid; 
  width: 20%;
}

@media only screen and (max-width: 1000px){

  .social{
    flex-direction: inherit;
    margin-left: 8em !important;
  }

  .display-4{
    font-size: 2rem;
  }

  .lead{
    font-size: 1rem;
  }

  .banner-box{
    height: 80%;
    padding-top: 10px;
    margin-top: 10%;
  }

  .col-banner{
    margin-right: 0;
    height: 62%;
  }

  .margin-title{
    margin-top: 10px;
  }

  .img-icon{
    height: 60px!important;
  }

  .box-form{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .title-form{
    border-bottom: solid; 
    width: 85%;
    margin-bottom: 1em!important;
  }

  .box-contact{
    background-color: #e9ecef; 
    padding-left: 10%; 
    padding-right: 5%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .title-contact{
    width: 40%;
    margin-bottom: 1em!important;
  }
}

.margin-banner{
  margin-top: 30px;
}

.form-control{
  border-radius: 0;
  border-color: black;
}