.brands {
  color: #313437;
  background-color: #fff;
  scroll-behavior: smooth;
  overflow-y: scroll;
}

.brands .container {
  display: block;
  text-align: center;
  padding: 40px 0;
}

@media (max-width:768px) {
  .brands .container {
    padding: 30px 0 !important;
  }
}

.brands a img {
  display: inline-flex;
  margin: 20px 20px;
  vertical-align: middle;
}

@media (max-width: 362px) {
  .brands a img {
    /*display: inline-flex;*/
    /*margin: 20px 20px;*/
    /*vertical-align: middle;*/
  }
}

.link-klien img {
  display: inline-flex;
  margin: 10px 20px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .text-clear {
    display: none;
  }
}

@media (max-width: 768px) {
  .body-height {
    height: 370px;
  }
}

.row.row-small {
}

@media (max-width: 768px) {
  .row-small {
    padding-top: 75px;
  }
}

@media (max-width: 380px) {
  .img-fluid.img-xs {
    width: 120px;
    margin: 10px 19px !important;
  }
}

@media (max-width: 300px) {
  .text-xs {
    font-size: x-small;
  }
}

@media (max-width: 768px) {
  #mengapa-kami {
    background-image: url(none) !important;
  }
}

@media (max-width: 768px) {
  #tentang-svarakom {
    text-align: center !important;
  }
}

@media (max-width: 768px) {
  .col-md-5.col-lg-5 {
    padding: 50px 15px;
  }
}

@media (max-width: 768px) {
  .banner-center {
    /*margin-top: -30px;*/
    padding-top: 5px;
    font-size: 30px !important;
  }
}

.col-small {
  margin-top: -16px;
}

.icon-fitur {
  font-size: 60px;
  color: #007bff;
  margin-bottom: 15px;
}

.img-voip {
  max-width: 196px;
  height: 115px;
  border-radius: 31px;
  margin: 14px 0;
}

.voip-solusi-link {
}

.voip-solusi-col {
  margin-bottom: 20px;
}

@media (max-width: 769px) {
  .voip-solusi-col {
    /*margin-right: -1px;*/
    /*margin-left: 37px;*/
  }
}

.voip-solusi-col p {
  text-align: justify;
}

.highlight-phone.intro {
  max-width: 100%;
}

.link-klien {
  padding-top: 0px;
  padding-bottom: 20px;
  margin-right: 50px;
  margin-left: 50px;
  display: inline-block;
  text-align: center;
}

@media (max-width: 760px) {
  .header-voip-img {
    display: none;
  }
}

@media (max-width: 760px) {
  .header-voip-txt {
    text-align: center;
    height: 90vh;
    background-image: url(../../assets/img/adult-analysis-banking-1549000.jpg);
  }
}

@media (max-width: 760px) {
  .header-sec-txt {
    text-align: center;
    height: 90vh;
    background-image: url(../../assets/img/cctv.jpeg);
    background-position: 57% 25%;
  }
}

@media (max-width: 760px) {
  .header-net-txt {
    text-align: center;
    height: 90vh;
    background-image: url(../../assets/img/taylor-vick-M5tzZtFCOfs-unsplash.jpg);
  }
}

.header-voip-txt h4 {
  margin-top: 120px;
}

.header-net-txt h4 {
  margin-top: 120px;
}

.header-sec-txt h4 {
  margin-top: 120px;
}

.contact-header {
  padding: 40px 52px;
  text-align: center;
  background: url(../../assets/img/businessman-collaborate-collaboration-872957.jpg);
  background-size: cover;
  background-position: 70%;
}

.contact-header .jumbotron {
  border-radius: 30px;
  background: rgba(255,255,255,.8);
}

.container-contact {
  display: flex;
  /*justify-content: center;*/
}

a {
  cursor: pointer;
}

@media (min-width: 1000px) {
  .contact-header {
    padding: 40px 188px;
  }
}

@media (min-width: 580px) {
  .contact-header {
    padding: 40px 70px;
  }
}

@media (max-width: 362px) {
  .header-blue {
    height: 90vh;
  }
}

@media (min-width: 363px) {
  .header-blue {
    margin-top: -4px;
    padding-bottom: 0px;
    height: 424px;
  }
}

@media (max-width: 362px) {
  .col-2.col-sm-3.col-md-3.col-lg-3.col-xl-3.offset-1.offset-xl-0.empty-col {
    display: none;
  }
}

@media (max-width: 362px) {
  .col-2.col-sm-3.col-md-3.col-lg-3.col-xl-3.offset-1.offset-lg-1.offset-xl-1.empty-col {
    display: none;
  }
}

@media (min-width: 761px) {
  .header-sec-txt {
    background-position: 38% 25%;
    background-size: cover;
    background-repeat: no-repeat;
  }
}