.support{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/support.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}

.supporth1 {
  color: #364146;
  font-size: 50px;
  font-weight: 700;
}

.supportp {
  color: #576971;
}

.support.support-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 4px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  background: #009cea;
}

.support.support-btn:hover {
  background: #008bd1;
}

@media (min-width: 1024px) {
  .support{
    background-attachment: fixed;
  }
}

@media (min-width: 769px) {
  .support.support-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}



/*<!--=========================wifi-bg===================-->*/

.wifi-bg{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/wlan-bg.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}

.wifi-bg h1 {
  color: #364146;
  font-size: 50px;
  font-weight: 700;
}

.wifi-bg p {
  color: #576971;
}

.wifi-bg .wifi-bg-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 4px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  background: #009cea;
}

.wifi-bg .wifi-bg-btn:hover {
  background: #008bd1;
}

@media (min-width: 1024px) {
  .wifi-bg{
    background-attachment: fixed;
  }
}

@media (min-width: 769px) {
  .wifi-bg .wifi-bg-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/*<!--=========================deployment===================-->*/

.dep{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/dep.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}

/*<!--=========================CCTV===================-->*/

.cctv{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/cctv.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}

/*<!--=========================fiber===================-->*/

.fiber{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/fiber.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}

/*<!--=========================telco===================-->*/

.telco{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/telco.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}

/*<!--=========================telco===================-->*/

.cons{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/cons.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}


/*<!--=========================supply===================-->*/

.sup{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/com.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}

/*<!--=========================repair===================-->*/

.rep{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../img/services/bg/rep.jpg") center center;
  background-size: cover;
  padding: 100px 0;
}