.color-white {
  color: #fff;
}
.color-blue {
  color: #3789da;
}
.color-dblue {
  color: #02495d;
}
.color-green {
  color: #79ea1c;
}
.color-lgreen {
  color: #c1c351;
}
.color-black {
  color: #000;
}
.bg-white {
  background-color: #fff;
}
.bg-blue {
  background-color: #3789da;
}
.bg-dblue {
  background-color: #02495d;
}
.bg-green {
  background-color: #79ea1c;
}
.bg-lgreen {
  background-color: #c1c351;
}

.text-justify {
  text-align: justify;
}
.title-icon {
  font-weight: 600;
  color: #000;
}
.title-tech {
  font-weight: 600;
  color: #3789da;
}
.pt-10 {
  padding-top: 5rem !important;
}

nav.navbar {
  position: fixed;
  width: 100%;
  z-index: 1;
}
.nav-item a {
  font-weight: 700 !important;
  color: #000;
}
.nav-link.active,
.nav-link:hover {
  background-color: #fff !important;
  color: #3789da !important;
}

.btn-banner {
  border: 1px solid #3789da;
  background-color: #3789da;
  color: #fff;
}
.btn-banner:hover,
.btn-banner:focus {
  border: 1px solid #3789da;
  background-color: transparent;
  color: #79ea1c;
}
.btn-contact {
  border: 1px solid #fff;
  background-color: #02495d;
  color: #fff;
  font-weight: 500;
}
.btn-contact:hover {
  border: 1px solid #02495d;
  background-color: #fff;
  color: #02495d;
}

/* Index page */
.div-we {
  padding-left: 10%;
  margin-top: 5%;
}
.div-we .col-md-7 {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 8%;
}

.div-service {
  position: absolute;
  bottom: 20px;
  left: 50px;
}
.div-service p {
  max-lines: 10;
}

.bx-contact {
  height: 80px;
  margin-top: 3px;
}
span.title-span {
  font-weight: 500;
  color: #79ea1c;
}

.success-img {
  width: 90%;
  height: 90%;
}
.img-service {
  position: relative;
  text-align: center;
  margin-top: 25px;
}
.img-service img {
  width: 100%;
  opacity: 0.8;
}
.img-service img:hover {
  opacity: 0.5;
  transition-duration: 0.3s;
}
.img-service img:hover + h1 {
  color: #000;
  transition-duration: 0.3s;
}
.img-service h1 {
  position: absolute;
  color: #02495d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img-trust {
  height: 65px;
  width:65px;
}

@media only screen and (max-width: 768px) {
  .success-img {
    visibility: hidden;
    height: 1px;
  }
  .img-service {
    margin-top: 25px;
  }
  .img-service h1 {
    font-size: 48px;
    color: #000;
  }
  .img-service img {
    opacity: 0.6;
  }
  nav.navbar .nav-item {
    margin-top: 5px;
  }
}

/* Index page end */

/* About page */

/* About page end */

/* Contact page */
.text-contact {
  font-weight: 500;
  font-size: 19px;
}
.text-contact a {
  text-decoration: none;
  color: #000;
}
/* Contact page end */