.back-to-top,
.back-to-top:hover {
  color: #fff;
  background-color: #000f0c;
  border: 0;
}

/* Header */
.sticky-top.navbar-light .navbar-brand h1 {
  background: -webkit-linear-gradient(180deg, #000f0c, #00b28b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: #00b28b !important;
}
/* Hero */
.hero-header-main {
  background: linear-gradient(180deg, #000f0c, #00b28b) !important;
  padding: 0rem;
  margin: 0rem;
}

/* feature */
.feature-item i {
  color: #00b28b !important;
}

/* About Us & Section */
.section-title,
.spinner-grow,
.footer .btn.btn-social:hover,
.bi-exclamation-triangle,
.navbar-light .navbar-brand h1,
.hc-btn {
  color: #00b28b !important;
}
.hc-btn:hover {
  background-color: transparent;
  color: #fff !important;
  border: 2px solid #fff;
}
.section-title.text-secondary span:first-child,
.section-title.text-secondary span:last-child,
.section-title.text-secondary span:first-child::after,
.section-title.text-secondary span:last-child::after {
  background: #00b28b !important;
}
.r-btn {
  background-color: #00b28b !important;
  border: 0px;
}
.r-btn:hover {
  color: #00b28b;
  border: 2px solid #00b28b;
  background-color: transparent !important;
}

/* Number Info */
.fact-main {
  background: linear-gradient(180deg, #000f0c, #00b28b) !important;
  padding: 0 !important;
  margin: 0rem;
}
.fact-main i {
  color: #00b28b !important;
}
/* Service */

.service-item:hover {
  background: #00b28b !important;
}

.service-item:hover i {
  color: #fff;
}

/* Projects */
.portfolio-item .portfolio-overlay {
  background: #00b28bc0 !important;
}
.portfolio-item p {
  color: #00b28b !important;
}
/* Footer */
.footer-main {
  background: linear-gradient(180deg, #000f0c, #00b28b) !important;
  padding: 0rem;
}

.footer-main .section-title {
  color: #fff !important;
}

.copyright a:hover,
.footer .btn.btn-link:hover {
  color: #000f0c !important;
}
/* Projects */
.portfolio-item img {
  height: 150px !important;
}
a.none-btn {
  display: none;
}

/* Thank You  */
.thankyou-div img {
  width: 200px;
  height: 200px;
}

.fact .section-title.text-secondary span:first-child,
.fact .section-title.text-secondary span:last-child,
.fact .section-title.text-secondary span:first-child::after,
.fact .section-title.text-secondary span:last-child::after {
  background: #fff !important;
  height: 6px;
  border-radius: 10px;
}